Artikel

Soal Proyek Membuat Website Sederhana dengan Bootstrap 5

Deskripsi Proyek:

Anda diminta untuk membuat sebuah website sederhana yang menggunakan Bootstrap 5. Website ini akan menjadi sebuah halaman promosi untuk sebuah produk atau event fiktif pilihan Anda. Gunakan komponen-komponen Bootstrap untuk membuat desain yang responsif dan menarik.

Persyaratan:

  1. Navbar:
    • Buatlah sebuah navbar yang tetap berada di atas halaman (sticky) ketika halaman discroll.
    • Navbar harus mengandung logo di sisi kiri dan menu navigasi di sisi kanan yang berisi Home, About, Products, dan Contact.
  2. Hero Section:
    • Tambahkan hero section yang besar setelah navbar dengan gambar latar yang menarik.
    • Masukkan judul yang besar dan subjudul yang mendeskripsikan produk atau event.
    • Tambahkan button “Learn More” yang ketika diklik akan mengarahkan pengguna ke bagian About.
  3. About Section:
    • Sediakan informasi tentang produk atau event yang Anda promosikan.
    • Tambahkan gambar yang relevan dan beberapa paragraf tentang produk/event.
  4. Product atau Event Features:
    • Gunakan cards untuk menampilkan minimal 3 fitur utama atau produk.
    • Setiap card harus memiliki gambar, judul fitur, dan deskripsi singkat.
  5. Contact Form:
    • Buatlah form kontak yang meminta nama, email, dan pesan.
    • Sertakan button untuk submit form.
  6. Footer:
    • Footer harus mengandung informasi hak cipta dan link ke media sosial.

Kriteria Penilaian:

  • Kesesuaian dengan persyaratan yang diberikan.
  • Kualitas kode HTML dan penggunaan kelas-kelas Bootstrap.
  • Responsivitas website.
  • Keindahan dan keprofesionalan tampilan website.

Pengumpulan:

  • Simpan kode Anda dalam format HTML dan CSS.
  • Kirimkan melalui email bikincoding@gmail.com.

Catatan:

  • Pastikan semua gambar yang digunakan bebas hak cipta atau Anda memiliki hak untuk menggunakannya.
  • Gunakan penamaan kelas yang konsisten dan mudah dipahami untuk memudahkan pemeriksaan.

Artikel Terkait :

Photo of Turned on Laptop Computer
Soal Latihan dan Contoh Form Kontrol di Bootstrap 5
Person Holding Black Smartphone
Cara Mengunduh dan Mengintegrasikan Bootstrap 5 ke dalam Proyek
evolution, development, future
Sejarah Singkat dan Evolusi Bootstrap
Ade Bratajaya Pradana

Ade Bratajaya Pradana

Saya adalah seorang programmer sekaligus guru yang mengajar di SMK TI Bali Global Badung. Antusias dengan dunia programming dan pendidikan. Senang berbagi ilmu tentang teknologi dan berita terbaru seputar IT. Memiliki visi memajukan IT di Indonesia khususnya di Pulau Bali. .

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top