Template Website Sekolah Klasik Modern HTML CSS JavaScript Responsif

Template Website Sekolah Klasik Modern adalah template website resmi sekolah berbahasa Indonesia yang dibuat dengan HTML, CSS, dan JavaScript murni. Desainnya elegan dan profesional dengan perpaduan warna biru dongker, emas, dan krem. Judul memakai huruf serif bernuansa klasik, sedangkan tata letaknya modern dan responsif.

Struktur dan isinya disesuaikan dengan website sekolah pada umumnya di Indonesia: sambutan kepala sekolah, visi & misi, agenda, pengumuman, prestasi, galeri, hingga informasi SPMB (Sistem Penerimaan Murid Baru).

Halaman yang tersedia:

• Beranda: running text info terkini, slider hero, akses cepat (SPMB, E-Learning, Perpustakaan, E-Rapor), sambutan kepala sekolah, statistik sekolah, program unggulan, berita terbaru, agenda & pengumuman, prestasi siswa, galeri foto, testimoni, dan ajakan pendaftaran SPMB.
• Profil: sambutan, sejarah dalam bentuk timeline, visi & misi, pimpinan sekolah, sarana & prasarana, serta identitas sekolah (NPSN, akreditasi, kurikulum).
• Berita: daftar berita dengan pagination, sidebar pencarian, kategori, berita populer, dan tag.
• Kontak: informasi kontak, formulir pesan, dan area peta lokasi.

Fitur:

• Responsif untuk HP, tablet, dan desktop, dengan menu mobile model slide.
• Menu dropdown (Profil, Akademik, Kesiswaan) dan tombol SPMB yang menonjol.
• Slider otomatis, angka statistik yang menghitung naik, animasi muncul saat scroll, dan lightbox galeri.
• Tanpa library eksternal: tanpa jQuery, Bootstrap, atau CDN. Ikon berupa SVG inline sehingga ringan dan bisa dipakai offline.
• Warna mudah diganti lewat variabel CSS, misalnya diubah jadi hijau untuk madrasah atau sekolah Islam.
• Istilah terkini sesuai Kurikulum Merdeka, termasuk P5 dan SPMB.
• Dilengkapi README berisi panduan penggunaan dan penggantian gambar.

Cocok untuk: website SD, SMP, SMA, SMK, MA, MTs, dan yayasan pendidikan, tugas sekolah atau kuliah, maupun bahan awal proyek website sekolah untuk klien.

Teknologi: HTML5, CSS3, dan JavaScript (vanilla).

Cara pakai: ekstrak file zip, lalu buka index.html di browser. Ganti nama sekolah, kontak, dan gambar di folder assets/img dengan foto asli sekolah Anda. Gambar bawaan berupa ilustrasi contoh (placeholder).

Catatan: formulir kontak masih berupa demo tampilan. Sambungkan ke PHP atau backend Anda agar pesan benar-benar terkirim.