test

gauravChaurasiya18 · Jun 14, 2024 · 8aa7792 · 8aa7792
1 parent 2033424
commit 8aa7792
Show file tree

Hide file tree

Showing 33 changed files with 1,932 additions and 0 deletions.
diff --git a/favicon.jpg b/favicon.jpg
diff --git a/images/about.jpg b/images/about.jpg
diff --git a/images/appetizer.jpg b/images/appetizer.jpg
diff --git a/images/badgeimg.jpg b/images/badgeimg.jpg
diff --git a/images/breakfast.jpg b/images/breakfast.jpg
diff --git a/images/chef-avatar.jpg b/images/chef-avatar.jpg
diff --git a/images/chef-icon.jpg b/images/chef-icon.jpg
diff --git a/images/dish.png b/images/dish.png
diff --git a/images/dish1.jpg b/images/dish1.jpg
diff --git a/images/dish2.jpg b/images/dish2.jpg
diff --git a/images/dish3.jpg b/images/dish3.jpg
diff --git a/images/dish4.jpg b/images/dish4.jpg
diff --git a/images/dish5.jpg b/images/dish5.jpg
diff --git a/images/dish6.jpg b/images/dish6.jpg
diff --git a/images/food-icon.jpg b/images/food-icon.jpg
diff --git a/images/logo.jpg b/images/logo.jpg
diff --git a/images/lunch.jpg b/images/lunch.jpg
diff --git a/images/mainimg1.jpg b/images/mainimg1.jpg
diff --git a/images/mainimg2.jpg b/images/mainimg2.jpg
diff --git a/images/mainimg3.jpg b/images/mainimg3.jpg
diff --git a/images/mainimg4.jpg b/images/mainimg4.jpg
diff --git a/images/party-icon.jpg b/images/party-icon.jpg
diff --git a/images/programe1.jpg b/images/programe1.jpg
diff --git a/images/programe2.jpg b/images/programe2.jpg
diff --git a/images/programe3.jpg b/images/programe3.jpg
diff --git a/images/restaurant-icon.jpg b/images/restaurant-icon.jpg
diff --git a/images/restimg.jpg b/images/restimg.jpg
diff --git a/images/separator.svg b/images/separator.svg
diff --git a/images/special.jpg b/images/special.jpg
diff --git a/images/testimonials-b.jpg b/images/testimonials-b.jpg
diff --git a/index.html b/index.html
diff --git a/script.js b/script.js
@@ -0,0 +1,96 @@
+const preloader = document.querySelector("[data-preload]");
+window.addEventListener("load", function () {
+  preloader.classList.add("loaded");
+  document.body.classList.add("loaded");
+});
+
+const addEventOnElements=function(element,eventType,callback){
+  for(let i=0,leng=element.length;i<leng;i++){
+    element[i].addEventListener(eventType,callback);
+  }
+}
+const navbar=document.querySelector("[data-navbar]");
+const navToggler=document.querySelectorAll("[data-nav-toggler]");
+const overlay=document.querySelector("[data-overlay]");
+
+const toggleNavbar=function(){
+  navbar.classList.toggle("active");
+  overlay.classList.toggle("active");;
+  document.body.classList.toggle("nav-active");
+}
+addEventOnElements(navToggler,"click",toggleNavbar);
+
+const header=document.querySelector("[data-header]");
+const backTopBtn=document.querySelector("[data-back-top-btn]");
+let lastScroll=0;
+const hideHeader=function(){
+  const isScrollBottom=lastScroll<window.scrollY;
+  if(isScrollBottom){
+    header.classList.add("hide");
+  }else{
+    header.classList.remove("hide");
+  }
+  lastScroll=window.scrollY;
+}
+window.addEventListener("scroll",function(){
+  if(this.window.scrollY>=50){
+    header.classList.add("active");
+    backTopBtn.classList.add("active");
+    hideHeader();
+  }else{
+    header.classList.remove("active");
+    backTopBtn.classList.remove("active");
+  }
+});
+const mainSlider=document.querySelector("[data-main-slider]");
+const mainSliderItems=document.querySelectorAll("[data-main-slider-item]");
+const mainSliderPrevBtn=document.querySelector("[data-prev-btn]");
+const mainSliderNextBtn=document.querySelector("[data-next-btn]");
+let currentSlidePosition=0;
+let lastActiveSlider=mainSliderItems[0];
+const updateSliderPosition=function(){
+  lastActiveSlider.classList.remove("active");
+  mainSliderItems[currentSlidePosition].classList.add("active");
+  lastActiveSlider=mainSliderItems[currentSlidePosition];
+}
+const nextSlider=function(){
+  if(currentSlidePosition>=mainSliderItems.length-1){
+    currentSlidePosition=0;
+  }else{
+    currentSlidePosition++;
+  }
+  updateSliderPosition();
+}
+mainSliderNextBtn.addEventListener("click",nextSlider);
+const prevSlider=function(){
+  if(currentSlidePosition<=0){
+    currentSlidePosition=mainSliderItems.length-1;
+  }else{
+    currentSlidePosition--;
+  }
+  updateSliderPosition();
+}
+mainSliderPrevBtn.addEventListener("click",prevSlider);
+const autoSlider=function(){
+  autoSlideInterval=setInterval(function(){
+    nextSlider();
+  },7000);
+}
+addEventOnElements([mainSliderNextBtn,mainSliderPrevBtn],"mouseover",function(){
+  clearInterval(autoSlideInterval);
+});
+addEventOnElements([mainSliderNextBtn,mainSliderPrevBtn],"mouseout",autoSlider);
+window.addEventListener("load",autoSlider);
+
+const parallaxItems=document.querySelectorAll("[data-parallax-item]");
+let x,y;
+window.addEventListener("mousemove",function(event){
+  x=(event.clientX/window.innerWidth*10)-5;
+  y=(event.clientY/window.innerHeight*10)-5;
+  x=x-(x*2);y=y-(y*2);
+  for(let i=0,len=parallaxItems.length;i<len;i++){
+    x=x*Number(parallaxItems[i].dataset.parallaxSpeed);
+    y=y*Number(parallaxItems[i].dataset.parallaxSpeed);
+    parallaxItems[i].style.transform=`translate3d(${x}px,${y}px,0px)`;
+  }
+});