Tugas Praktik : Bumbu Umik Product Landing Page

Landing Page Bumbu Umik adalah sebuah website yang berisi informasi mengenai produk bumbu masakan yang dijual oleh Bumbu Umik. Website ini dibuat menggunakan HTML, CSS, dan Bootstrap dengan menerapkan beberapa Library Javascript.

Bumbu Masak Umik adalah produk bumbu masak yang dijual oleh Bumbu Umik. Bumbu Umik merupakan sebuah usaha kecil yang bergerak di bidang kuliner. Produknya memiliki jangkauan pasar yang luas, bumbu Umik memiliki beberapa produk bumbu masak, diantaranya adalah bumbu masak nasi goreng, bumbu masak soto, bumbu masak rawon, bumbu masak rendang, dan bumbu masak opor. Bumbu Umik juga memiliki beberapa produk lainnya, seperti bumbu masak ayam goreng, bumbu masak ayam bakar, bumbu masak ayam goreng, dan bumbu masak ayam bakar.

📺 Demo Website:

Kamu bisa melihat demo website pada link berikut: Demo Website

🙇 Anggota Kelompok:

---

• Andika Tulus Pangestu
• Yulianti Putri
• Eka Prasetya Nugraha
• Hafizhul Qisti Muhammad
• Anhar Mukhlis

📚 Panduan Kolaborasi dengan Git & GitHub

---

Langkah 1: Clone Repository ke Komputer Lokal

git clone https://github.com/andikatuluspangestu/bumbu-umik-web.git

Langkah 2: Buka folder Projects

cd bumbu-umik-web

Langkah 3: Sinkronkan dengan Repository Utama

git pull origin main

Lakukan git pull setiap ada perubahan pada repository utama.

Langkah 4: Membuat Perubahan dan Mengunggah Perubahan

1. Lakukan perubahan pada proyek menggunakan Visual Studio Code

2. Setelah selesai maka simpan atau tekan CTRL + S

3. Tambahkan perubahan:

   git add .

4. Buat commit:

   git commit -m "Nama Perubahan"

5. Unggah perubahan ke GitHub:

   git push origin main

Langkah 5: Sinkronkan dengan Repository Utama Kembali

git pull origin main

📚 Cara Compile SASS

---

1. Masuk ke direktori root project dengan terminal

cd bumbu-umik-web

2. Jalankan perintah berikut:

sass assets/scss/layouts/_header.scss assets/css/layouts/header.css

Ganti _header.scss dengan nama file yang ingin di compile.

🗒 Catatan :

---

• Jika ada perubahan pada repository utama, maka lakukan langkah 5 untuk mengambil perubahan tersebut.
• Jika ada konflik pada langkah 5, maka selesaikan konflik (Diskusikan di Grup)
• WAJIB menggunakan Live Server pada Visual Studio Code untuk menghindari Block CORS.