Web Company Profile - [Nama Perusahaan Fiktif/Asli Anda]

Project ini adalah tugas besar mata kuliah Pemrograman Web (Kelas L3) untuk membuat website Company Profile yang responsif, interaktif, dan profesional. Website ini dibangun menggunakan HTML5 semantik, Bootstrap 5, custom CSS, dan JavaScript DOM.

---

👥 Anggota Kelompok

Project ini dikerjakan oleh tim yang terdiri dari 6 orang:

1. [NIM] - [Nama Lengkap] (Ketua/Role)
2. [NIM] - [Nama Lengkap]
3. [NIM] - [Nama Lengkap]
4. [NIM] - [Nama Lengkap]
5. [NIM] - [Nama Lengkap]
6. [NIM] - [Nama Lengkap]

---

🚀 Fitur Utama

1. Struktur Halaman (4 Halaman Utama)

Website ini terdiri dari 4 halaman yang saling terhubung:

• Home (index.html)
  Berisi header, hero section dengan CTA, dan ringkasan layanan.

• About Us (about.html)
  Menampilkan sejarah, visi misi, serta profil tim dengan card Bootstrap.

• Services/Products (services.html)
  Menampilkan daftar layanan/produk menggunakan Bootstrap Grid System.

• Contact Us (contact.html)
  Menyediakan informasi kontak serta form dengan validasi sederhana.

2. Teknologi & Implementasi

• HTML5 Semantic – Struktur dokumen rapi dan valid.

• Bootstrap 5 – Navbar responsif, grid system, card, modal, dan komponen lainnya.

• Custom CSS – Minimal 5 properti tambahan seperti font, transition, shadow, dsb.

• JavaScript DOM – Fitur interaktif, seperti:

  Pilih salah satu yang kalian pakai:

  • Dark/Light Mode Toggle
  • Form Validation
  • Image Gallery Filter
  • Scroll-to-Top Button

---

📂 Struktur Folder

NIM_NamaLengkap_WebProfile/
├── assets/
│   ├── css/
│   │   └── style.css       # Custom CSS
│   ├── js/
│   │   └── script.js       # JavaScript DOM
│   └── images/             # Aset gambar
├── index.html              # Beranda
├── about.html              # Tentang Kami
├── services.html           # Layanan/Produk
└── contact.html            # Kontak

---

📸 Screenshots

(Ganti gambar sesuai screenshot website kalian)

Home Page	About Page

Services Page	Contact Page

---

🛠️ Cara Menjalankan Project

1. Clone Repository

   git clone https://github.com/username-kalian/nama-repo.git

2. Masuk ke Folder Project
3. Jalankan Buka index.html di browser atau gunakan Live Server (VS Code).

---

📝 Catatan Penilaian

• Struktur HTML & Semantic — 20%
• Responsivitas & Bootstrap — 30%
• Kustomisasi CSS — 20%
• Fungsionalitas JavaScript — 20%
• Kreativitas & Estetika — 10%

---

Tugas Akhir Semester — Mata Kuliah Pemrograman Web — Kelas L3 (2025)