SC Dinas HTML Pendidikan — Template Website Dinas Pendidikan dan Kebudayaan

SC Dinas HTML Pendidikan adalah template website dinas / OPD (organisasi perangkat daerah) HTML lengkap: profil, tupoksi & struktur organisasi, pejabat, program kegiatan, standar pelayanan, berita, pengumuman, unduhan dokumen dengan pencarian, PPID, form pengaduan, serta galeri foto dan video. Tema ini bergaya Dinas Pendidikan dan Kebudayaan — Dinas Pendidikan dan Kebudayaan, ramah.

Desain: palet navy #1a237e, kuning #ffca28; font Poppins (judul) dan Poppins (isi). Satu dari 10 desain berbeda dalam seri SC Dinas HTML — lihat desain lainnya di galeri demo SC Dinas.

Halaman (15): Beranda, Detail Berita, Berita, Galeri Foto, Galeri Video, Kontak, Layanan, Pejabat, Pengaduan, Pengumuman, PPID, Profil, Program & Kegiatan, Unduhan Dokumen, Halaman 404.

Fitur:

• Responsif penuh (HP, tablet, desktop) dengan menu mobile dan header sticky.
• Galeri foto dengan filter kategori dan lightbox (geser, panah keyboard, Esc), serta galeri video YouTube yang baru dimuat saat diklik.
• Pencarian & filter daftar, tab, akordeon (FAQ), slider, angka berhitung, animasi muncul saat scroll (menghormati pengaturan reduce motion).
• Validasi form di browser dengan notifikasi sukses — tinggal disambungkan ke backend Anda (sudah diberi penanda di kode).
• SEO dasar di tiap halaman (meta description, Open Graph), HTML semantik, dan atribut aksesibilitas.
• 29 ilustrasi SVG orisinal (bebas dipakai) yang mudah diganti foto asli Anda.

Teknologi: HTML5, CSS3, dan JavaScript murni — tanpa framework, tanpa jQuery, tanpa CDN. Font di-host sendiri (woff2), satu file style.css dengan variabel warna di :root sehingga warna dan font gampang diganti, dan satu file main.js.

Cara pakai: ekstrak zip, lalu buka lewat web server (mis. taruh di folder htdocs XAMPP dan buka http://localhost/nama-folder/) atau unggah ke hosting. Jangan dibuka dengan klik dua kali (file://) karena browser memblokir font lokal. Panduan mengganti logo, warna, gambar, dan menyambungkan form ada di README.md.

Lisensi: MIT — gratis untuk semua member sharecode.id, boleh dipakai untuk website klien maupun komersial. Mohon pertahankan atribusi di footer. Semua nama, data, dan gambar contoh bersifat fiktif.