coffee

nameis-sai · Nov 21, 2021 · aec3c07 · aec3c07
commit aec3c07
Show file tree

Hide file tree

Showing 26 changed files with 1,174 additions and 0 deletions.
diff --git a/assets/images/about-img.jpeg b/assets/images/about-img.jpeg
diff --git a/assets/images/blog-1.jpeg b/assets/images/blog-1.jpeg
diff --git a/assets/images/blog-2.jpeg b/assets/images/blog-2.jpeg
diff --git a/assets/images/blog-3.jpeg b/assets/images/blog-3.jpeg
diff --git a/assets/images/cart-item-1.png b/assets/images/cart-item-1.png
diff --git a/assets/images/cart-item-2.png b/assets/images/cart-item-2.png
diff --git a/assets/images/cart-item-3.png b/assets/images/cart-item-3.png
diff --git a/assets/images/cart-item-4.png b/assets/images/cart-item-4.png
diff --git a/assets/images/home-img.jpeg b/assets/images/home-img.jpeg
diff --git a/assets/images/logo.png b/assets/images/logo.png
diff --git a/assets/images/menu-1.png b/assets/images/menu-1.png
diff --git a/assets/images/menu-2.png b/assets/images/menu-2.png
diff --git a/assets/images/menu-3.png b/assets/images/menu-3.png
diff --git a/assets/images/menu-4.png b/assets/images/menu-4.png
diff --git a/assets/images/menu-5.png b/assets/images/menu-5.png
diff --git a/assets/images/menu-6.png b/assets/images/menu-6.png
diff --git a/assets/images/pic-1.png b/assets/images/pic-1.png
diff --git a/assets/images/pic-2.png b/assets/images/pic-2.png
diff --git a/assets/images/pic-3.png b/assets/images/pic-3.png
diff --git a/assets/images/product-1.png b/assets/images/product-1.png
diff --git a/assets/images/product-2.png b/assets/images/product-2.png
diff --git a/assets/images/product-3.png b/assets/images/product-3.png
diff --git a/assets/images/quote-img.png b/assets/images/quote-img.png
diff --git a/css/style.css b/css/style.css
diff --git a/index.html b/index.html
diff --git a/js/script.js b/js/script.js
@@ -0,0 +1,29 @@
+let navbar = document.querySelector('.navbar');
+
+document.querySelector('#menu-btn').onclick = () =>{
+    navbar.classList.toggle('active');
+    searchForm.classList.remove('active');
+    cartItem.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');
+}
+
+let cartItem = document.querySelector('.cart-items-container');
+
+document.querySelector('#cart-btn').onclick = () =>{
+    cartItem.classList.toggle('active');
+    navbar.classList.remove('active');
+    searchForm.classList.remove('active');
+}
+
+window.onscroll = () =>{
+    navbar.classList.remove('active');
+    searchForm.classList.remove('active');
+    cartItem.classList.remove('active');
+}