TRPL Angkatan 2026

tugas css

02 November 2026
5 x dilihat
0 suka

Tentang Portofolio Ini

  • 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".

Dokumentasi & Alur Fitur

Total 1 bagian
Bagian 1
Dokumentasi 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".
Fullscreen Preview