added files

Ansari-Shamaila · Jul 8, 2023 · 9deb187 · 9deb187
1 parent 733fd5a
commit 9deb187
Show file tree

Hide file tree

Showing 47 changed files with 1,025 additions and 0 deletions.
diff --git a/images/about.jpg b/images/about.jpg
diff --git a/images/about1.jpg b/images/about1.jpg
diff --git a/images/arabica-green-coffee-beans-cart3.jpeg b/images/arabica-green-coffee-beans-cart3.jpeg
diff --git a/images/beans.jpg b/images/beans.jpg
diff --git a/images/cart-item1.jpg b/images/cart-item1.jpg
diff --git a/images/cart-item3.jpg b/images/cart-item3.jpg
diff --git a/images/cart-item4.jpg b/images/cart-item4.jpg
diff --git a/images/cart-item5.jpg b/images/cart-item5.jpg
diff --git a/images/cart-item6.jpg b/images/cart-item6.jpg
diff --git a/images/home-page.jpg b/images/home-page.jpg
diff --git a/images/home1.jpg b/images/home1.jpg
diff --git a/images/home2.jpg b/images/home2.jpg
diff --git a/images/home3.jpg b/images/home3.jpg
diff --git a/images/logo.jpg b/images/logo.jpg
diff --git a/images/logo1.jpg b/images/logo1.jpg
diff --git a/images/logo2.jpg b/images/logo2.jpg
diff --git a/images/logo3.jpg b/images/logo3.jpg
diff --git a/images/menu-1.jpg b/images/menu-1.jpg
diff --git a/images/menu-10.jpg b/images/menu-10.jpg
diff --git a/images/menu-2.jpg b/images/menu-2.jpg
diff --git a/images/menu-3.jpg b/images/menu-3.jpg
diff --git a/images/menu-4.jpg b/images/menu-4.jpg
diff --git a/images/menu-5.jpg b/images/menu-5.jpg
diff --git a/images/menu-6.jpg b/images/menu-6.jpg
diff --git a/images/menu-7.jpg b/images/menu-7.jpg
diff --git a/images/menu-8.jpg b/images/menu-8.jpg
diff --git a/images/menu-9.jpg b/images/menu-9.jpg
diff --git a/images/people-1.jpg b/images/people-1.jpg
diff --git a/images/people-2.jpg b/images/people-2.jpg
diff --git a/images/people-3.jpg b/images/people-3.jpg
diff --git a/images/people-4.png b/images/people-4.png
diff --git a/images/people-5.png b/images/people-5.png
diff --git a/images/people-6.png b/images/people-6.png
diff --git a/images/product-1.jpg b/images/product-1.jpg
diff --git a/images/product-2.jpg b/images/product-2.jpg
diff --git a/images/product-3.jpg b/images/product-3.jpg
diff --git a/images/product-4.jpg b/images/product-4.jpg
diff --git a/images/product-5.jpg b/images/product-5.jpg
diff --git a/images/product-6.jpg b/images/product-6.jpg
diff --git a/images/product-7.jpg b/images/product-7.jpg
diff --git a/images/quote-1.png b/images/quote-1.png
diff --git a/images/quote-2.png b/images/quote-2.png
diff --git a/images/quote-3.png b/images/quote-3.png
diff --git a/images/quote.png b/images/quote.png
diff --git a/index.html b/index.html
diff --git a/script.js b/script.js
@@ -0,0 +1,28 @@
+let navbar = document.querySelector('.navbar')
+document.querySelector('#menu-btn').onclick = () =>{
+    navbar.classList.toggle('active');
+    cartItem.classList.remove('active');
+    searchForm.classList.remove('active');
+}
+
+let cartItem = document.querySelector('.cart-items-container');
+document.querySelector('#cart-btn').onclick = () =>{
+    cartItem.classList.toggle('active');
+    navbar.classList.remove('active');
+    searchForm.classList.remove('active');
+}
+
+let searchForm = document.querySelector('.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');
+
+}