Merge branch 'main' into main

components/navbar.html

@@ -0,0 +1,39 @@
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+
+<nav class="navbarr" style="color: white">
+    <div class="logo">
+        <a href="../index.html">Dots & Boxes ⚄</a>
+    </div>
+
+    <ul class="nav-links" id="nav-links-toggled">
+        <li>
+            <a href="../index.html"><i class="fas fa-home"></i>Home</a>
+        </li>
+        <li>
+            <a href="../pages/about.html"><i class="fas fa-info-circle"></i>About Us</a>
+        </li>
+        <li>
+            <a href="../pages/FAQs.html"><i class="fas fa-question-circle"></i>FAQs</a>
+        </li>
+        <li>
+            <a href="../pages/contributors.html"><i class="fas fa-users"></i>Contributors</a>
+        </li>
+        <li>
+            <a href="../pages/game.html"><i class="fas fa-gamepad"></i>Let's Go</a>
+        </li>
+
+    </ul>
+
+    <!-- Hamburger Menu -->
+    <nav class="mobile-menu">
+        <div class="mobile-menu__trigger"><span></span></div>
+        <a class="page-scroll active-link" href="../index.html">Home </a>
+        <a class="page-scroll" href="../pages/about.html">About Us </a>
+        <a class="page-scroll" href="../pages/FAQs.html">FAQs</a>
+        <a class="page-scroll" href="../pages/contributors.html">Contributors</a>
+    </nav>
+
+    <!-- Js and CSS files for hamburger-menu -->
+    <link href="../styles/navbar.css" rel="stylesheet" />
+    <script type="text/javascript" src="../js/navbar.js"></script>
+</nav>