navbar fixed, menu-tab added, responsive design added

NazimS · Mar 18, 2023 · b4c3be3 · b4c3be3
1 parent 282bfff
commit b4c3be3
Show file tree

Hide file tree

Showing 9 changed files with 737 additions and 77 deletions.
diff --git a/img/blog1.png b/img/blog1.png
diff --git a/img/blog2.png b/img/blog2.png
diff --git a/img/blog3.png b/img/blog3.png
diff --git a/img/dinner1.jpg b/img/dinner1.jpg
diff --git a/img/lunch1.jpg b/img/lunch1.jpg
diff --git a/img/wine1.jpg b/img/wine1.jpg
diff --git a/index.html b/index.html
diff --git a/script.js b/script.js
@@ -0,0 +1,48 @@
+
+// navbar sticky begin
+
+window.onscroll = function () {fixedNavbar()}
+
+const navMenu = document.querySelector('.nav-menu')
+let sticky = navMenu.offsetTop;
+
+function fixedNavbar() {
+    if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
+        navMenu.classList.add("sticky");
+    } else {
+        navMenu.classList.remove("sticky");
+    }
+}
+
+// navbar sticky end
+
+//tab menu begin
+
+function openMenu(evt, eatingTime) {
+    let i, tabcontent, tab;
+    tabcontent = document.getElementsByClassName("tabcontent");
+    for (i = 0; i < tabcontent.length; i++) {
+      tabcontent[i].style.display = "none";
+      // tabcontent[tabcontent.length -1].style.display = "none";
+
+    }
+    tab = document.getElementsByClassName("tab");
+    for (i = 0; i < tab.length; i++) {
+      tab[i].className = tab[i].className.replace(" active", "");
+    }
+    document.getElementById(eatingTime).style.display = "flex";
+    evt.currentTarget.className += " active";
+  }
+
+//tab menu end
+
+// burger-menu begin
+$(() => {
+  $('.openMenu').click(function() {
+    $('.mainMenu').slideToggle('slow');
+  });
+  $('.closeMenu').click(function() {
+    $('.mainMenu').slideToggle('slow');
+  });
+});
+// burger-menu end