Add files via upload

Coffee Shop Project This is a simple Coffee Shop website with several sections like home, product, about, review, contact us, blogs, and menu. It allows users to explore the coffee shop's products, read reviews, contact us, and more. Sections of the Website: Home: Welcoming section with a description of the coffee shop. About: Information about what makes the coffee shop special. Menu: Display of the available menu items. Products: A section for various coffee-related products. Review: Customer reviews. Contact Us: A contact form for reaching the shop to get to the coffee shop using the map and filling out the information such as name, email and phone number Blogs: Posts about the coffee shop, its culture, and product
YasminAhmed1456 · Sep 26, 2024 · 9800b64 · 9800b64
commit 9800b64
Show file tree

Hide file tree

Showing 42 changed files with 1,133 additions and 0 deletions.
diff --git a/project/img/about.jpg b/project/img/about.jpg
diff --git a/project/img/about2.png b/project/img/about2.png
diff --git a/project/img/bans.png b/project/img/bans.png
diff --git a/project/img/bans2.jpeg b/project/img/bans2.jpeg
diff --git a/project/img/bans3.jpeg b/project/img/bans3.jpeg
diff --git a/project/img/bans4.jpeg b/project/img/bans4.jpeg
diff --git a/project/img/bg.jpg b/project/img/bg.jpg
diff --git a/project/img/bg2.jpeg b/project/img/bg2.jpeg
diff --git a/project/img/blog1.jpeg b/project/img/blog1.jpeg
diff --git a/project/img/blog2.jpeg b/project/img/blog2.jpeg
diff --git a/project/img/blog3.jpeg b/project/img/blog3.jpeg
diff --git a/project/img/images (2).jpeg b/project/img/images (2).jpeg
diff --git a/project/img/images.jpeg b/project/img/images.jpeg
diff --git a/project/img/istockphoto-1270368564-612x612.jpg b/project/img/istockphoto-1270368564-612x612.jpg
diff --git a/project/img/logo.png b/project/img/logo.png
diff --git a/project/img/logo2.png b/project/img/logo2.png
diff --git a/project/img/menu-4.jpeg b/project/img/menu-4.jpeg
diff --git a/project/img/menu-5.jpeg b/project/img/menu-5.jpeg
diff --git a/project/img/menu-6.jpeg b/project/img/menu-6.jpeg
diff --git a/project/img/menu-7.jpeg b/project/img/menu-7.jpeg
diff --git a/project/img/menu-8.jpeg b/project/img/menu-8.jpeg
diff --git a/project/img/menu_1.webp b/project/img/menu_1.webp
diff --git a/project/img/menu_2.webp b/project/img/menu_2.webp
diff --git a/project/img/menu_3.jpg b/project/img/menu_3.jpg
diff --git a/project/img/pic1.jpeg b/project/img/pic1.jpeg
diff --git a/project/img/pic2.jpeg b/project/img/pic2.jpeg
diff --git a/project/img/pic3.jpeg b/project/img/pic3.jpeg
diff --git a/project/img/pic4.jpeg b/project/img/pic4.jpeg
diff --git a/project/img/pic5.jpeg b/project/img/pic5.jpeg
diff --git a/project/img/prod1.jpeg b/project/img/prod1.jpeg
diff --git a/project/img/prod2.jpeg b/project/img/prod2.jpeg
diff --git a/project/img/prod3.jpeg b/project/img/prod3.jpeg
diff --git a/project/img/product-1.jpeg b/project/img/product-1.jpeg
diff --git a/project/img/product-2.jpeg b/project/img/product-2.jpeg
diff --git a/project/img/product-3.jpeg b/project/img/product-3.jpeg
diff --git a/project/img/product-4.jpeg b/project/img/product-4.jpeg
diff --git a/project/img/product-5.jpeg b/project/img/product-5.jpeg
diff --git a/project/img/qoute-2.png b/project/img/qoute-2.png
diff --git a/project/img/quote-img.png b/project/img/quote-img.png
diff --git a/project/index.html b/project/index.html
diff --git a/project/script.js b/project/script.js
@@ -0,0 +1,30 @@
+let navbar = document.querySelector('.nav');
+let cartItem = document.querySelector('.cart-items-container');
+let searchForm = document.querySelector('.search-form');
+
+// Toggle the navbar
+document.querySelector('#menu-btn').onclick = () => {
+    navbar.classList.toggle('active');
+    cartItem.classList.remove('active');
+    searchForm.classList.remove('active');
+};
+
+// Toggle the cart-items-container
+document.querySelector('#cart-btn').onclick = () => {
+    cartItem.classList.toggle('active');
+    navbar.classList.remove('active');
+    searchForm.classList.remove('active');
+};
+
+// Toggle the Search-Form
+document.querySelector('#search-btn').onclick = () => {
+    searchForm.classList.toggle('active');
+    navbar.classList.remove('active');
+    cartItem.classList.remove('active');
+};
+
+window.onscroll = () => {
+    navbar.classList.remove('active');
+    cartItem.classList.remove('active');
+    searchForm.classList.remove('active');
+};