Deskripsi Produk
Template website sekolah **all-in-one** untuk SD, SMP, SMA, hingga SMK. Dirancang dengan tampilan modern, responsif, dan ringan. Cocok untuk sekolah swasta, sekolah negeri, pesantren, lembaga kursus, atau bimbingan belajar yang ingin memiliki website profesional **tanpa perlu coding dari nol**. Dibangun menggunakan **HTML5, CSS3, dan JavaScript murni (vanilla)** — tidak membutuhkan framework, npm install, build process, atau koneksi internet saat development. Cukup unduh, ekstrak, dan langsung edit teks/warna di file HTML. Praktis untuk pengembang pemula maupun profesional yang ingin hasil cepat. ### Apa yang Anda Dapatkan Paket ini berisi **15 halaman HTML siap pakai** yang sudah saling terhubung, sehingga Anda tinggal mengubah konten teks dan gambar sesuai sekolah Anda: 1. **Beranda** — Hero slider 3 slide, statistik, 6 keunggulan, testimoni 2. **Profil Sekolah** — Sambutan kepsek, Visi & Misi, Sejarah dengan timeline 3. **PPDB 2026** — 5 langkah alur, syarat dokumen, formulir online lengkap 4. **Biaya Sekolah** — 3 paket pricing (Reguler/Plus/International), tabel detail, info beasiswa 5. **Fasilitas** — 12 fasilitas sekolah dengan tag kategori 6. **Profil Guru** — 14 profil guru dengan filter MIPA/IPS/Bahasa/Agama 7. **Ekstrakurikuler** — 25+ kegiatan dikelompokkan per kategori 8. **Prestasi** — Daftar penghargaan per tahun dengan medali emas/perak/perunggu 9. **Berita** — Featured post + grid berita dengan kategori 10. **Galeri** — Grid foto dengan filter kategori + lightbox fullscreen 11. **Alumni** — Profil alumni inspiratif + testimoni 12. **Kalender Akademik** — Timeline 12 bulan kegiatan 13. **Kontak** — Formulir, info, peta lokasi, FAQ accordion 14. **Login Portal** — Tab untuk Siswa, Guru, dan Orang Tua 15. **404 Error** — Halaman tidak ditemukan custom ### Keunggulan Teknis **🚀 Cepat & Ringan** Total paket ZIP hanya **72 KB** (sebelum diisi foto asli). Loading website super cepat karena tidak ada library berat seperti jQuery, Bootstrap, atau framework JavaScript. Skor Lighthouse tinggi di mobile maupun desktop. **🎨 Mudah Dikustomisasi** Semua warna diatur lewat **CSS Variables** di satu tempat. Ganti `--primary` dan `--accent` di `style.css`, seluruh situs ikut berubah. Cocok untuk menyesuaikan dengan warna logo sekolah Anda. **📱 100% Responsif** Layout otomatis menyesuaikan di Desktop (>992px), Tablet (768–992px), dan Mobile (<768px). Menu navigasi berubah jadi hamburger menu di mobile. Sudah diuji di Chrome, Firefox, Safari, dan Edge. **🌙 Dark Mode** Tombol mengambang di pojok kanan bawah untuk beralih ke mode gelap. Preferensi pengguna tersimpan di localStorage — tidak hilang saat refresh. **🔍 Pencarian Lintas Halaman** Pengguna bisa menekan tombol search untuk mencari halaman/info dengan modal pencarian instan. **💬 WhatsApp Floating Button** Tombol mengambang dengan animasi pulse mengarahkan pengunjung langsung ke chat WhatsApp sekolah Anda. **🍪 Cookie Consent Banner** Sesuai regulasi privasi — banner persetujuan cookies yang muncul otomatis dan bisa diterima/ditolak pengguna.
Fitur yang Anda Dapatkan
- check_circle ✅ 15 halaman HTML lengkap & saling terhubung
- check_circle ✅ Fully responsive — Desktop, Tablet, Mobile
- check_circle ✅ Dark Mode dengan penyimpanan preferensi
- check_circle ✅ Hero Slider otomatis di Beranda
- check_circle ✅ Halaman PPDB dengan formulir lengkap (20+ field)
- check_circle ✅ Halaman Biaya dengan 3 paket pricing card
- check_circle ✅ Galeri foto dengan Lightbox (klik foto → fullscreen)
- check_circle ✅ Profil Guru dengan filter kategori (MIPA/IPS/Bahasa/Agama)
- check_circle ✅ Daftar Ekstrakurikuler 25+ kegiatan
- check_circle ✅ Timeline Kalender Akademik 12 bulan
- check_circle ✅ Halaman Berita & Pengumuman dengan featured post
- check_circle ✅ Halaman Alumni inspiratif & testimoni
- check_circle ✅ Halaman Login (Siswa / Guru / Orang Tua)
- check_circle ✅ Halaman 404 Custom
- check_circle ✅ Tombol mengambang: WhatsApp, Search, Scroll-to-Top
- check_circle ✅ Cookie Consent Banner
- check_circle ✅ Search modal lintas-halaman
- check_circle ✅ Pengalih bahasa ID/EN (siap dikembangkan)
- check_circle ✅ FAQ Accordion
- check_circle ✅ Newsletter signup di footer
- check_circle ✅ Form Kontak + Embed Peta OpenStreetMap
- check_circle ✅ SEO Ready: Open Graph, Sitemap, Robots.txt
- check_circle ✅ Print Stylesheet (cetak rapi)
- check_circle ✅ ~55 Ikon SVG ORISINAL (bebas hak cipta sepenuhnya)
- check_circle ✅ Loading Screen branded
- check_circle ✅ Vanilla JS — tanpa framework, tanpa dependensi build
- check_circle ✅ Sangat ringan: ZIP hanya 72 KB
- check_circle ✅ Dokumentasi lengkap (README, LICENSE, CREDITS)