Tugas Akhir: Website Coffe Shop

Ini adalah submission untuk tugas akhir membuat website Coffe Shop menggunakan HTML, CSS, dan JS. Website ini memiliki tema Coffe Shop dengan warna utama #EAC696, #C8AE7D, #765827, dan #65451F.

Gambar Website

Fitur

• Halaman Utama
  • Header
  • Slider Gambar atau Hero Section
  • Tentang Kami
  • Jam Buka
  • Menu
  • Tentang Kami
  • Kontak dan Lokasi
  • Footer

Design Visual Kriteria Wajib

1. Terdapat elemen <header>, <footer>, <main>, <article>, dan <aside> di berkas HTML.
2. Masing-masing elemen wajib berisi konten yang peruntukkannya sesuai dengan elemen tersebut (menerapkan konsep semantic HTML dalam menyusun struktur website).
3. Wajib menampilkan foto di elemen <aside>.
4. Menyusun layout menggunakan flexbox, bukan float.
5. Tema yang ditampilkan bebas, kecuali tema Bandung.

Penilaian

Submission akan dinilai berdasarkan:

1. Tampilan aplikasi yang menarik.
2. Pemilihan warna yang pas dengan tema aplikasi.
3. Tata letak elemen yang pas.
4. Penggunaan font yang pas dengan tema.
5. Penerapan padding dan margin yang pas.
6. Menerapkan layout yang responsif.
7. Menggunakan media query untuk menyesuaikan layout pada berbagai ukuran layar device.
8. Tidak ada konten yang menumpuk maupun keluar dari kontainer ketika dicoba pada dekstop, tablet, dan juga mobile.
9. Penerapan JavaScript dalam memanipulasi DOM.

Panduan Penggunaan

1. Clone repository ini ke dalam lokal Anda.
2. Buka file index.html pada browser untuk melihat website.

Referensi

• Color Hunt - Untuk memilih warna yang sesuai dengan tema.
• Refrensi - warna utama #EAC696, #C8AE7D, #765827, dan #65451F.

Kontak

Jika ada pertanyaan atau saran, silakan hubungi [Eko Muchamad Haryono] di [ekomh13@gmail.com].

Selamat berkarya! 🚀