SC Ponpes HTML — Template Website Pondok Pesantren Modern (Bootstrap 5)

SC Ponpes HTML adalah template website profil pondok pesantren modern berbahasa Indonesia dengan desain islami, elegan, dan profesional. Cocok untuk pondok pesantren, boarding school, madrasah, dan lembaga pendidikan Islam. Dibangun dengan HTML5, CSS3, Bootstrap 5.3, Bootstrap Icons, dan JavaScript vanilla, tanpa jQuery dan tanpa build tool, jadi bisa langsung dibuka di browser.

Tampilan: tema hijau islami dengan aksen emas, judul Playfair Display dan teks Inter, ornamen bintang delapan yang halus, serta kaligrafi ayat dengan font Amiri. Warna dan font cukup diganti lewat CSS variables. Disertakan ilustrasi SVG orisinal (masjid, asrama, kelas, perpustakaan, wisuda tahfidz, kajian, potret pimpinan dan pengurus) yang tinggal diganti foto asli pesantren.

Beranda lengkap:

• Topbar (alamat, telepon, email, media sosial, tautan PSB), header sticky dengan dropdown, dan menu offcanvas di HP.
• Hero dengan overlay hijau dan ornamen islami, kartu info PSB, sambutan pimpinan, profil singkat (sejarah, visi, misi, nilai-nilai, tahun berdiri), dan statistik berhitung naik.
• Program pendidikan (Tahfidz, Diniyah, MTs, MA, Bahasa Arab, Kitab Kuning), program unggulan dalam tata letak bento, dan grid 8 fasilitas.
• Berita (1 utama + 3 pendukung), agenda kegiatan dengan hitung mundur penutupan PSB, galeri foto & video dengan lightbox, carousel testimoni alumni dan wali santri, CTA pendaftaran, serta peta Google Maps dan formulir kontak.

Halaman lain (8):

• Profil: sejarah dengan linimasa, visi & misi, bagan struktur organisasi, profil pimpinan, tabel identitas pesantren.
• Pendidikan: daftar program, kurikulum MTs/MA dalam tab, metode pembelajaran, program unggulan, jadwal harian santri.
• Fasilitas: foto dan deskripsi setiap fasilitas.
• Berita: berita utama, filter kategori (juga lewat URL ?kategori=), pencarian cepat, pagination, sidebar kategori/agenda. Detail berita: penulis, tanggal, tag, tombol bagikan, salin tautan, berita terkait.
• Galeri: filter kategori (belajar, ibadah, aktivitas santri, ekstrakurikuler, lingkungan, video) dan lightbox dengan navigasi keyboard.
• Kontak: kartu kontak, peta, formulir pesan dengan validasi, FAQ.
• Pendaftaran Santri Baru: persyaratan, jadwal tiga gelombang, alur lima langkah, kartu biaya + tabel rincian, FAQ, dan formulir pra-pendaftaran.

Kode rapi & mudah dikembangkan: CSS dan JavaScript terpisah, tanpa inline CSS. Header, menu, footer, dan CTA dirender dari satu komponen, jadi nama pesantren, kontak, dan menu cukup diubah di satu tempat (objek SITE di main.js). Isi halaman tetap HTML statis sehingga ramah SEO dan mudah dipindah ke PHP/CMS. Semantic HTML5, satu H1 per halaman, meta description, breadcrumb, alt text, skip link, dan navigasi keyboard. Diuji tanpa scroll horizontal di lebar 375, 768, 1024, dan 1440 px, tanpa error JavaScript.

Catatan: ini template frontend (HTML statis). Formulir masih mode demo (menampilkan pesan sukses tanpa mengirim data). Bootstrap, Bootstrap Icons, dan Google Fonts dimuat dari CDN, jadi perlu koneksi internet. README menjelaskan cara kustomisasi dan integrasi ke backend.

Isi paket: 9 halaman HTML, style.css, main.js, logo (SVG & PNG), ilustrasi SVG, README, LICENSE, dan NOTICE. Ukuran sekitar 0,2 MB.

Lisensi: gratis untuk semua member sharecode.id. Boleh dipakai untuk situs pesantren sendiri maupun klien tanpa batas jumlah, dan boleh menarik biaya jasa. Dilarang menjual atau membagikan ulang template ini sebagai template/produk. Atribusi "Template SC Ponpes oleh sharecode.id" di footer wajib dipertahankan (detail di LICENSE.md).