Website Profil Sekolah

A. Deskripsi

Website ini bertujuan untuk menampilkan informasi mengenai sebuah sekolah. Situs ini mencakup profil sekolah, fasilitas, program akademik, dan kontak.

B. Halaman (Statis)

1. Home – Gambaran umum sekolah, berita terbaru, dan pencapaian sekolah.
2. Tentang – Sejarah sekolah, visi-misi, dan struktur organisasi.
3. Fasilitas – Daftar fasilitas sekolah dengan gambar dan deskripsi.
4. Program Akademik – Informasi tentang kurikulum, ekstrakurikuler, dan jurusan.
5. Kontak & Lokasi – Formulir kontak dan peta lokasi sekolah.

C. Fitur (Interaktivitas JavaScript)

• Carousel Berita & Pencapaian Sekolah (Di halaman Home)
• Efek Hover Animasi pada Fasilitas (Di halaman Fasilitas)
• Tombol "Baca Selengkapnya" untuk membuka/mematikan teks panjang di halaman Tentang
• Navigasi Aktif yang menandai halaman yang sedang dikunjungi
• Validasi Form Kontak untuk memastikan input email dan pesan tidak kosong
• Smooth Scrolling untuk pengalaman pengguna yang lebih nyaman

D. Detail Implementasi

1. Home

• Header dengan gambar banner sekolah
• Carousel berita sekolah terbaru (Menggunakan JavaScript)
• Bagian pencapaian sekolah (Efek angka yang dihitung naik)

2. Tentang

• Paragraf singkat sejarah sekolah dengan tombol "Baca Selengkapnya" untuk memperlihatkan/mengurangi teks.
• Struktur organisasi sekolah dalam bentuk kartu dengan hover effect.

3. Fasilitas (contoh)

• Grid layout untuk menampilkan daftar fasilitas.
• Hover effect yang memperbesar gambar saat kursor diarahkan.

4. Program Akademik

• Tampilan tab atau dropdown untuk mengganti antara kurikulum, ekstrakurikuler, dan jurusan.

5. Kontak & Lokasi

• Form kontak dengan validasi input menggunakan JavaScript.
• Peta lokasi sekolah dalam bentuk gambar statis dengan tooltip.

E. Syarat yang Harus Dipenuhi

• Minimal memiliki 5 halaman HTML yang saling terhubung.
• Menggunakan CSS Grid atau Flexbox untuk tata letak yang rapi.
• Setiap halaman memiliki navigasi yang berfungsi dengan baik.
• Tampilan responsif di desktop dan mobile.
• Harus ada minimal 3 fitur JavaScript interaktif yang berfungsi.