final commit

eshaagarwa · Jul 13, 2022 · d5e708d · d5e708d
commit d5e708d
Show file tree

Hide file tree

Showing 35 changed files with 1,368 additions and 0 deletions.
diff --git a/images/1.jpg b/images/1.jpg
diff --git a/images/2.jpg b/images/2.jpg
diff --git a/images/3.jpg b/images/3.jpg
diff --git a/images/4.jpg b/images/4.jpg
diff --git a/images/5.jpg b/images/5.jpg
diff --git a/images/6.jpg b/images/6.jpg
diff --git a/images/book-img.svg b/images/book-img.svg
diff --git a/images/contact-img.svg b/images/contact-img.svg
diff --git a/images/g-1.jpg b/images/g-1.jpg
diff --git a/images/g-2.jpg b/images/g-2.jpg
diff --git a/images/g-3.jpg b/images/g-3.jpg
diff --git a/images/g-4.jpg b/images/g-4.jpg
diff --git a/images/g-5.jpg b/images/g-5.jpg
diff --git a/images/g-6.jpg b/images/g-6.jpg
diff --git a/images/g-7.jpg b/images/g-7.jpg
diff --git a/images/g-8.jpg b/images/g-8.jpg
diff --git a/images/g-9.jpg b/images/g-9.jpg
diff --git a/images/p-1.jpg b/images/p-1.jpg
diff --git a/images/p-2.jpg b/images/p-2.jpg
diff --git a/images/p-3.jpg b/images/p-3.jpg
diff --git a/images/p-4.jpg b/images/p-4.jpg
diff --git a/images/p-5.jpg b/images/p-5.jpg
diff --git a/images/p-6.jpg b/images/p-6.jpg
diff --git a/images/pic1.png b/images/pic1.png
diff --git a/images/pic2.png b/images/pic2.png
diff --git a/images/pic3.png b/images/pic3.png
diff --git a/images/pic4.png b/images/pic4.png
diff --git a/images/vid-1.mp4 b/images/vid-1.mp4
diff --git a/images/vid-2.mp4 b/images/vid-2.mp4
diff --git a/images/vid-3.mp4 b/images/vid-3.mp4
diff --git a/images/vid-4.mp4 b/images/vid-4.mp4
diff --git a/images/vid-5.mp4 b/images/vid-5.mp4
diff --git a/index.html b/index.html
diff --git a/script.jss b/script.jss
@@ -0,0 +1,86 @@
+let searchBtn = document.querySelector('#search-btn');
+let searchBar = document.querySelector('.search-bar-container');
+let formBtn = document.querySelector('#login-btn');
+let loginForm = document.querySelector('.login-form-container');
+let formClose = document.querySelector('#form-close');
+let menu = document.querySelector('#menu-bar');
+let navbar = document.querySelector('.navbar');
+let videoBtn = document.querySelectorAll('.vid-btn');
+
+window.onscroll = () =>{
+    searchBtn.classList.remove('fa-times');
+    searchBar.classList.remove('active');
+    menu.classList.remove('fa-times');
+    navbar.classList.remove('active');
+    loginForm.classList.remove('active');
+}
+
+menu.addEventListener('click', () =>{
+    menu.classList.toggle('fa-times');
+    navbar.classList.toggle('active');
+});
+
+searchBtn.addEventListener('click', () =>{
+    searchBtn.classList.toggle('fa-times');
+    searchBar.classList.toggle('active');
+});
+
+formBtn.addEventListener('click', () =>{
+    loginForm.classList.add('active');
+});
+
+formClose.addEventListener('click', () =>{
+    loginForm.classList.remove('active');
+});
+
+videoBtn.forEach(btn =>{
+    btn.addEventListener('click', ()=>{
+        document.querySelector('.controls .active').classList.remove('active');
+        btn.classList.add('active');
+        let src = btn.getAttribute('data-src');
+        document.querySelector('#video-slider').src = src;
+    });
+});
+
+var swiper = new Swiper(".review-slider", {
+    spaceBetween: 20,
+    loop:true,
+    autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+    },
+    breakpoints: {
+        640: {
+          slidesPerView: 1,
+        },
+        768: {
+          slidesPerView: 2,
+        },
+        1024: {
+          slidesPerView: 3,
+        },
+    },
+});
+
+var swiper = new Swiper(".brand-slider", {
+    spaceBetween: 20,
+    loop:true,
+    autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+    },
+    breakpoints: {
+        450: {
+          slidesPerView: 2,
+        },
+        768: {
+          slidesPerView: 3,
+        },
+        991: {
+          slidesPerView: 4,
+        },
+        1200: {
+          slidesPerView: 5,
+        },
+      },
+});