add nav menu to header

Daniel1000c · Daniel1000c · commit c1c77e79148c · 2025-01-30T14:25:50.000-05:00
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
         <link rel="stylesheet" href="css/style.css">
         <link rel="icon" type="image/x-icon" href="favicon/favicon.ico"><!--Link to favicon-->
         <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'><!--Link to boxicons-->
+         <script src="scripts/script.js"></script> <!--Link to script file-->
     </head>
     <body>
         <header>
@@ -17,15 +18,22 @@
             </map>
 
             <!--Insert hamburger menu-->
-            <i class='bx bx-menu'></i>
+            <i class='bx bx-menu' id="hamburger"></i>
 
             <!--Create navigation bar-->
+            <nav id="navMenu">
+                <ul>
+                    <li><a href="#home">Home</a></li>
+                    <li><a href="#about">About</a></li>
+                    <li><a href="#projects">Projects</a></li>
+                </ul>
+            </nav>
             
         </header>
         <main>
 
             <!--Create hero section-->
-            <section class="heroSection">
+            <section class="heroSection" id="home">
                 
                 <!--Insert video background-->
                 <video autoplay loop muted playsinline class="videoBackground">
@@ -45,7 +53,7 @@ <h2>Welcome to ScriptLab</h2>
             </section>
 
             <!--About section-->
-            <section class="sectionBg">
+            <section class="sectionBg" id="about">
                 <h2>About ScriptLab</h2>
 
 
