SC Sekolah HTML Terpadu — Template Website Sekolah Full Day Navigasi Sidebar ala Dasbor

SC Sekolah HTML Terpadu adalah template website sekolah HTML lengkap untuk SD, SMP, SMA, SMK, maupun madrasah: sambutan kepala sekolah, statistik, profil & akreditasi, direktori guru, akademik & kalender, kesiswaan & prestasi, SPMB online, cek kelulusan, alumni, berita, agenda, pengumuman, serta galeri foto dan video. Contoh datanya memakai SMP Sharecode Terpadu — tata letak dasbor dengan navigasi sidebar kiri (bisa diringkas, jadi laci di HP), kartu kaca, widget jadwal hari ini, cuaca contoh, hitung mundur SPMB, dan pencarian cepat Ctrl+K.

Desain: palet ungu terong #4c1d95, lime #a3e635, latar #f5f3ff; font Sora (judul dan isi). Satu dari 10 desain dalam seri SC Sekolah HTML — lihat desain lainnya di galeri demo SC Sekolah.

Halaman (16): Beranda, Agenda, Akademik, Alumni, Detail Berita, Berita, Galeri Foto, Galeri Video, Guru & Tendik, Cek Kelulusan, Kesiswaan, Kontak, Pengumuman & Unduhan, Profil, SPMB, Halaman 404.

Fitur:

• Responsif penuh (HP, tablet, desktop) dengan menu mobile dan header sticky.
• Formulir pendaftaran murid baru (SPMB) 4 langkah dengan validasi dan nomor pendaftaran contoh.
• Cek kelulusan dengan NISN (data contoh di JavaScript — NISN 0091234567 = LULUS).
• Direktori guru & tenaga kependidikan dengan pencarian dan filter mata pelajaran.
• Galeri foto dengan filter kategori dan lightbox (panah keyboard, Esc), serta galeri video YouTube yang baru dimuat saat diklik.
• Pencarian & filter daftar (berita, prestasi, dokumen unduhan), tab, akordeon, slider testimoni, 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.
• 27 ilustrasi SVG orisinal (bebas dipakai) yang mudah diganti foto asli sekolah Anda.

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

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.

Butuh website sekolah yang sudah jadi dengan panel admin? Pesan lewat jasa pembuatan website sekolah — pilih desain ini, pilih modul, harga langsung terlihat.

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.