Generate a single index.html file (HTML + CSS + JS all in one file) for a web page titled "LANGKAH MEMBINA LANDING PAGE" based on the RBT Form 3 textbook, Chapter 3.1.3 Mengenal Pasti Kaedah Reka Bentuk Pengiklanan (pages 139-147).
IMPORTANT: All text content, labels, descriptions, examples, and explanations on the web page MUST be written in BAHASA MELAYU (Malay language). Only HTML tags, CSS properties, and JavaScript code should be in English.
Web page structure:
1. Header - Main title, label "Bab 3 | Topik 3.1.3", live date and time
2. Left sidebar menu - 8 navigation links with emoji icons (Utama, Pengenalan, Kaedah Reka Bentuk, Media Pengiklanan, Faktor Pemilihan, Aktiviti, Infografik, Rumusan)
3. Hero Section - Circle for student photo (must be clickable to upload image directly from the website without editing code), student name, class, year
4. Pengenalan - Brief meaning of advertising design
5. Kaedah Reka Bentuk - 7 info cards (Matlamat produk, Penyampaian fakta, Demonstrasi, Perbandingan, Kiasan/ibarat, Kenyataan merangsang, Gambar pegun) each with emoji icon, description and example
6. Media Pengiklanan - 3 cards (Media cetak, Media elektronik, Media sosial) with examples, advantages and suitability
7. Faktor Pemilihan Media - 5 cards (Jenis produk, Kos, Luas pasaran, Sasaran pengguna, Saiz perniagaan) with description and example
8. Aktiviti - 6 interactive checklist items with progress bar, plus a clickable area to upload poster image
9. Infografik - Visual relationship between kaedah + media + faktor in grid layout
10. Rumusan - Overall topic summary
11. Footer - "© 2026 | RBT Tingkatan 3 | Dibina oleh [Nama Pelajar]"
Design:
- Colors: dark blue, light blue, white, yellow
- Font: Poppins
- Card design with border radius and soft shadow
- Hover effect on cards and menu
- Smooth scrolling
- Responsive for laptop and phone
JavaScript:
- Live clock and date
- Active menu highlight on scroll
- Checkable checklist with progress bar
- Back to top button
- Click-to-upload image function directly from website (no code editing needed) with localStorage
Do not use any external libraries. Everything in one single index.html file only.