SC Desa HTML Asri — Template Website Desa Agraris Nuansa Sawah Hijau

SC Desa HTML Asri adalah template website desa (profil desa) HTML lengkap untuk pemerintah desa: sambutan kepala desa, statistik penduduk, layanan surat, transparansi APBDes dengan grafik, potensi & UMKM, berita, agenda, pengumuman, serta galeri foto dan video. Tema ini bergaya Desa Agraris Nuansa Sawah Hijau — desa agraris sawah, hero melengkung, nuansa padi.

Desain: palet hijau daun #2f7d32, kuning padi #f2c14e, krem #fbf7ee; font Merriweather (judul) dan Nunito (isi). Satu dari 10 desain berbeda dalam seri SC Desa HTML — lihat desain lainnya di galeri demo SC Desa.

Halaman (14): Beranda, Agenda, Detail Berita, Berita, Galeri Foto, Galeri Video, Kontak, Layanan, Pemerintahan, Pengumuman, Potensi Desa, Profil, Transparansi APBDes, 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.
• 35 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.