SC Dinas HTML Kominfo — Template Website Dinas Komunikasi dan Informatika

SC Dinas HTML Kominfo 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 Komunikasi dan Informatika — Dinas Komunikasi dan Informatika.

Desain: palet biru #1565c0, cyan #00bcd4; font Inter (judul) dan Inter (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.
• 31 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.