Add files via upload

SAMEEHAFARAZEEN23 · Sep 5, 2024 · d06eff8 · d06eff8
1 parent 2f309d5
commit d06eff8
Show file tree

Hide file tree

Showing 16 changed files with 1,325 additions and 0 deletions.
diff --git a/android.jpg b/android.jpg
diff --git a/ashirwad.jpg b/ashirwad.jpg
diff --git a/bi.jpg b/bi.jpg
diff --git a/chess.png b/chess.png
diff --git a/ffff.jpg b/ffff.jpg
diff --git a/honeywell.jpg b/honeywell.jpg
diff --git a/index.html b/index.html
diff --git a/news.png b/news.png
diff --git a/oops.jpg b/oops.jpg
diff --git a/power.jpg b/power.jpg
diff --git a/python.jpg b/python.jpg
diff --git a/real.jpg b/real.jpg
diff --git a/script.js b/script.js
@@ -0,0 +1,28 @@
+const menubar = document.querySelector('#menu');
+const Navbar = document.querySelector('.navbar');
+menubar.onclick = () => {
+    menubar.classList.toggle('bx-x');
+    Navbar.classList.toggle('active')
+}
+const section = document.querySelectorAll('section');
+const navlink = document.querySelectorAll('header nav a')
+window.onscroll = () => {
+    section.forEach(sec => {
+        let top = window.scrollY;
+        let offset = sec.offsetTop - 150;
+        let height = sec.offsetHeight;
+        let id = sec.getAttribute('id')
+        if (top > offset && top < offset + height) {
+            sec.classList.add('start-animation');
+            navlink.forEach(links => {
+                links.classList.remove('active')
+                document.querySelector('header nav a[href*=' + id + ']').classList.add('active')
+
+            })
+        }
+    })
+    var header = document.querySelector('.header');
+    header.classList.toggle('sticky', window.scrollY > 100)
+    menubar.classList.remove('bx-x');
+    Navbar.classList.remove('active')
+}