Tugas 4 Pemrograman Web Membuat Website Kursus

Struktur Halaman Web

Proyek ini menggunakan arsitektur Single-Page Application (SPA). Seluruh konten berada pada satu file index.html dan dinavigasi menggunakan anchor (#id) pada bagian menu navigasi (Navbar).

1. Header / Navigation
   • Berfungsi sebagai navigasi utama halaman.
   • Menyediakan tautan ke beberapa bagian (section): Program, Why Us, Teacher, Testimonial, dan Pricing.
   • Terdapat tombol aksi cepat (CTA) Join Course yang mengarah langsung ke bagian Pricing.
2. Hero Section
   • Menampilkan judul utama halaman.
   • Menyajikan ringkasan statistik kursus (jumlah peserta, durasi, rating, dan total konten).
   • Memuat tombol Call to Action (CTA) Join Course.
   • Dilengkapi dengan elemen visual berupa kolase gambar.
3. Program Section
   • Menampilkan daftar program pembelajaran yang ditawarkan.
   • Berisi tiga pilihan kartu program utama:
     • AI/ML Engineering
     • Fullstack Developer
     • Data Scientist
4. Why Us Section
   • Menjelaskan nilai tambah dan keunggulan kursus.
   • Menyajikan tiga poin keunggulan utama:
     • Active community (Komunitas yang aktif)
     • Real-world projects (Proyek studi kasus dunia nyata)
     • Career support (Dukungan karir)
5. Teacher Section
   • Menampilkan profil para pengajar atau instruktur.
   • Setiap kartu profil memuat nama, peran profesional, dan deskripsi keahlian singkat.
6. Testimonial Section
   • Berisi ulasan dari para peserta kursus sebelumnya.
   • Setiap ulasan menampilkan rating bintang, kutipan pendapat, dan identitas peserta.
7. Pricing Section
   • Menampilkan informasi paket dan biaya kursus.
   • Terdapat dua opsi pilihan:
     • Paket akses gratis
     • Paket kelas individual (berbayar)
8. Footer Section
   • Berfungsi sebagai penutup halaman.
   • Menampilkan pesan promosi singkat dan tombol Join Course tambahan.