Menampilkan bagian paling atas halaman utama website dengan latar belakang warna krem muda (soft cream) yang memberikan kesan bersih dan hangat. Di pojok kiri atas terdapat logo berupa ikon buku/Al-Qur'an terbuka di dalam kotak berwarna emas, diikuti teks "PP Al Islam - Angkatan 2020". Di pojok kanan atas terdapat menu navigasi utama: Beranda (sedang aktif/terpilih dengan highlight kuning), Profil Pesantren, Kegiatan, Alumni, dan Pengumumkan. Di bagian tengah, terdapat teks sapaan "Assalamu'alaikum Warahmatullahi Wabarakatuh" dalam wadah berbentuk kapsul putih. Di bawahnya, terdapat judul besar berwarna cokelat tua: "Pondok Pesantren Al Islam Cileunyi Bandung - Angkatan 2020". Terdapat sub-judul kecil yang menjelaskan visi singkat: "Pondok Pesantren Al Islam Cileunyi adalah lembaga pendidikan Islam yang berkomitmen mencetak generasi Qur'ani yang berakhlakul karimah." Di bagian bawah teks tersebut, ada dua tombol aksi (Call to Action): tombol "Lihat Alumni" berwarna cokelat tua dengan ikon siluet orang, dan tombol "Kegiatan Kami" berwarna putih dengan garis tepi tipis dan ikon kalender
Tentang Portofolio Ini
Dokumentasi & Alur Fitur
Menampilkan dua kartu informasi (card dynamic content) yang diletakkan berdampingan secara horizontal di atas latar belakang krem. Kartu Kiri (Kalender Hijriyah): Memiliki ikon kalender berwarna emas di pojok kiri atas kartu. Di dalamnya menampilkan tanggal penanggalan Islam yang besar dan tebal, yaitu "15 Muharram 1447 H". Kartu Kanan (Ayat Hari Ini): Memiliki ikon buku/mushaf di pojok kiri atas kartu. Di bagian tengahnya terdapat teks kutipan ayat suci Al-Qur'an dalam tulisan Arab: "وَقُلْ رَبِّ زِدْنِي عِلْمًا", diikuti dengan arti atau terjemahannya di bawah: "Dan katakanlah, 'Ya Tuhanku, tambahkanlah ilmu kepadaku.'" Serta keterangan sumber ayat di paling bawah yaitu "QS. Thaha: 114"
Menampilkan daftar kegiatan yang disusun dalam bentuk kartu artikel (grid layout). Navigasi "Kegiatan" di pojok kanan atas terlihat sedang aktif dengan highlight kuning. Kartu Kegiatan 1 (Kiri): Menampilkan foto dokumentasi seseorang tampak belakang menggunakan kaos merah bertuliskan "VOLUNTEER". Di pojok kanan atas foto terdapat label tag "Sosial". Di bawah foto terdapat judul "Bakti Sosial Ramadhan", diikuti detail pelaksanaan: Tanggal 2025-03-20, Waktu 09:00 - 15:00 WIB, Lokasi Desa Cileunyi, serta potongan teks deskripsi kegiatan pembagian sembako. Kartu Kegiatan 2 (Kanan): Menampilkan foto sebuah mushaf Al-Qur'an berwarna biru tua dengan ornamen emas di atas latar gelap dan hiasan bunga. Terdapat label tag "Keagamaan" di pojok kanan atas foto. Di bawahnya terdapat judul "Kajian Bulanan Alumni", diikuti detail pelaksanaan: Tanggal 2025-08-25, Waktu 19:00 - 21:00 WIB, Lokasi Masjid Al Islam, serta potongan deskripsi mengenai tema kajian "Menjaga Ukhuwah Islamiyah di Era Digital"
