-
Bagian Atas (Hero Section)
- Navigasi utama menampilkan logo "ab" beserta menu: "premium course", "tentang saya", dan "free course".
- Judul utama halaman memuat teks "barokah.id" berwarna hijau dan slogan besar berbunyi "BELAJAR PEMOGRAMAN UNTUK SIAPAPUN".
- Terdapat teks ajakan "mulai kuasai coding sekarang, dan cukup #dirumah aja" yang disertai tombol hijau "mulai belajar sekarang".
- Latar belakang bagian ini menggunakan gambar seseorang yang sedang berdiri di puncak gunung dengan membawa bendera.
Terdapat barisan angka statistik di bawah gambar latar, menampilkan ikon pengaturan dengan angka "15k+", ikon toga "20+jt", dan ikon YouTube "5+jt".
-
Bagian Premium Course
- Seksi ini memiliki judul "premium course" dan subjudul "ikuti beragam topik pemrograman sesuai minat mu".
- Terdapat tiga kartu metrik media sosial yang masing-masing memiliki tombol "view" hijau.
- Kartu pertama menampilkan "subscribers youtube" dengan jumlah "5jt+".
- Kartu kedua menampilkan "follower" dengan logo Instagram dan jumlah "999k+".
- Kartu ketiga menampilkan "follower tik tok" dengan jumlah "999k+".
-
Bagian Tentang Saya
- Seksi ini berjudul "tentang saya" dengan teks pendukung "saya,teman belajar pemograman anda".
- Menampilkan foto profil seorang pria dengan kemeja dan latar belakang biru.
- Di sebelah foto profil, terdapat kotak informasi putih yang menceritakan langkah awal "mulai membuat channel youtube tentang pemrograman tahun 2026".
-
Bagian Free Course & Footer
- Seksi ini berjudul "free course" dengan keterangan "kursus pemrograman gratis,tanpa biaya!".
- Menampilkan tiga kartu katalog kursus yang masing-masing dilengkapi dengan gambar thumbnail, keterangan angka "5jt+", dan tombol "view".
- Gambar thumbnail pada kartu tersebut mencakup ilustrasi visual dan teks seperti "11 Contoh Desain Web Sederhana yang Menarik untuk Inspirasi" serta "WEBSITE TEMPLATE".
- Bagian footer di dasar halaman mencantumkan keterangan hak cipta
berbunyi "©2023 programming di rumah barokah.id".
Tentang Portofolio Ini
Dokumentasi & Alur Fitur
Bagian 1
-
Bagian Atas (Hero Section)
- Navigasi utama menampilkan logo "ab" beserta menu: "premium course", "tentang saya", dan "free course".
- Judul utama halaman memuat teks "barokah.id" berwarna hijau dan slogan besar berbunyi "BELAJAR PEMOGRAMAN UNTUK SIAPAPUN".
- Terdapat teks ajakan "mulai kuasai coding sekarang, dan cukup #dirumah aja" yang disertai tombol hijau "mulai belajar sekarang".
- Latar belakang bagian ini menggunakan gambar seseorang yang sedang berdiri di puncak gunung dengan membawa bendera.
Terdapat barisan angka statistik di bawah gambar latar, menampilkan ikon pengaturan dengan angka "15k+", ikon toga "20+jt", dan ikon YouTube "5+jt".
-
Bagian Premium Course
- Seksi ini memiliki judul "premium course" dan subjudul "ikuti beragam topik pemrograman sesuai minat mu".
- Terdapat tiga kartu metrik media sosial yang masing-masing memiliki tombol "view" hijau.
- Kartu pertama menampilkan "subscribers youtube" dengan jumlah "5jt+".
- Kartu kedua menampilkan "follower" dengan logo Instagram dan jumlah "999k+".
- Kartu ketiga menampilkan "follower tik tok" dengan jumlah "999k+".
-
Bagian Tentang Saya
- Seksi ini berjudul "tentang saya" dengan teks pendukung "saya,teman belajar pemograman anda".
- Menampilkan foto profil seorang pria dengan kemeja dan latar belakang biru.
- Di sebelah foto profil, terdapat kotak informasi putih yang menceritakan langkah awal "mulai membuat channel youtube tentang pemrograman tahun 2026".
-
Bagian Free Course & Footer
- Seksi ini berjudul "free course" dengan keterangan "kursus pemrograman gratis,tanpa biaya!".
- Menampilkan tiga kartu katalog kursus yang masing-masing dilengkapi dengan gambar thumbnail, keterangan angka "5jt+", dan tombol "view".
- Gambar thumbnail pada kartu tersebut mencakup ilustrasi visual dan teks seperti "11 Contoh Desain Web Sederhana yang Menarik untuk Inspirasi" serta "WEBSITE TEMPLATE".
- Bagian footer di dasar halaman mencantumkan keterangan hak cipta
berbunyi "©2023 programming di rumah barokah.id".