Corrected path

index.html

@@ -58,7 +58,41 @@
 		<source src="./assets/videos/1.mp4" type="video/mp4" />
 	</video>
 
-	<div id="nav-placeholder"></div>
+	<!-- Since the relative address of other pages is different for home page, so it needs its own custom path, and hence own nav-bar -->
+
+	<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/testimonials.html"><i class="fas fa-users"></i>Testimonials</a>
+        </li>
+
+    </ul>
+
+    <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>
+</nav>
 
 	<div class="settings">
 		<div class="whole-background">