SC Sekolah HTML Ceria — Template Website Sekolah Dasar (SD) Playful Penuh Warna

SC Sekolah HTML Ceria 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 SD Sharecode Ceria — sekolah dasar yang ceria: sudut sangat bulat, awan bergerak di hero, ilustrasi flat anak-anak, statistik berbentuk stiker, pengumuman bergaya kertas buku tulis, dan tombol "membal".

Desain: palet kuning #facc15, biru langit #38bdf8, koral #fb7185; font Baloo 2 (judul) dan Nunito (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.
• 30 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.