Restaurant

asmaamostafa74 · Nov 1, 2023 · e348ce3 · e348ce3
commit e348ce3
Show file tree

Hide file tree

Showing 40 changed files with 2,841 additions and 0 deletions.
diff --git a/css/all.min.css b/css/all.min.css
diff --git a/css/style.css b/css/style.css
diff --git a/food website (1).zip b/food website (1).zip
diff --git a/food website/css/style.txt b/food website/css/style.txt
diff --git a/food website/index.txt b/food website/index.txt
diff --git a/food website/js/script.txt b/food website/js/script.txt
@@ -0,0 +1,89 @@
+let menu = document.querySelector('#menu-bars');
+let navbar = document.querySelector('.navbar');
+
+menu.onclick = () =>{
+  menu.classList.toggle('fa-times');
+  navbar.classList.toggle('active');
+}
+
+let section = document.querySelectorAll('section');
+let navLinks = document.querySelectorAll('header .navbar a');
+
+window.onscroll = () =>{
+
+  menu.classList.remove('fa-times');
+  navbar.classList.remove('active');
+
+  section.forEach(sec =>{
+
+    let top = window.scrollY;
+    let height = sec.offsetHeight;
+    let offset = sec.offsetTop - 150;
+    let id = sec.getAttribute('id');
+
+    if(top >= offset && top < offset + height){
+      navLinks.forEach(links =>{
+        links.classList.remove('active');
+        document.querySelector('header .navbar a[href*='+id+']').classList.add('active');
+      });
+    };
+
+  });
+
+}
+
+document.querySelector('#search-icon').onclick = () =>{
+  document.querySelector('#search-form').classList.toggle('active');
+}
+
+document.querySelector('#close').onclick = () =>{
+  document.querySelector('#search-form').classList.remove('active');
+}
+
+var swiper = new Swiper(".home-slider", {
+  spaceBetween: 30,
+  centeredSlides: true,
+  autoplay: {
+    delay: 7500,
+    disableOnInteraction: false,
+  },
+  pagination: {
+    el: ".swiper-pagination",
+    clickable: true,
+  },
+  loop:true,
+});
+
+var swiper = new Swiper(".review-slider", {
+  spaceBetween: 20,
+  centeredSlides: true,
+  autoplay: {
+    delay: 7500,
+    disableOnInteraction: false,
+  },
+  loop:true,
+  breakpoints: {
+    0: {
+        slidesPerView: 1,
+    },
+    640: {
+      slidesPerView: 2,
+    },
+    768: {
+      slidesPerView: 2,
+    },
+    1024: {
+      slidesPerView: 3,
+    },
+  },
+});
+
+function loader(){
+  document.querySelector('.loader-container').classList.add('fade-out');
+}
+
+function fadeOut(){
+  setInterval(loader, 3000);
+}
+
+window.onload = fadeOut;
diff --git a/images/about-img.png b/images/about-img.png
diff --git a/images/dish-1.png b/images/dish-1.png
diff --git a/images/dish-2.png b/images/dish-2.png
diff --git a/images/dish-3.png b/images/dish-3.png
diff --git a/images/dish-4.png b/images/dish-4.png
diff --git a/images/dish-5.png b/images/dish-5.png
diff --git a/images/dish-6.png b/images/dish-6.png
diff --git a/images/home-img-1.png b/images/home-img-1.png
diff --git a/images/home-img-2.png b/images/home-img-2.png
diff --git a/images/home-img-3.png b/images/home-img-3.png
diff --git a/images/loader.gif b/images/loader.gif
diff --git a/images/menu-1.jpg b/images/menu-1.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/pic-1.png b/images/pic-1.png
diff --git a/images/pic-2.png b/images/pic-2.png
diff --git a/images/pic-3.png b/images/pic-3.png
diff --git a/images/pic-4.png b/images/pic-4.png