diff --git a/Pages/3D-Visualizations/index.html b/Pages/3D-Visualizations/index.html
index 169d51c01..62f5dc821 100644
--- a/Pages/3D-Visualizations/index.html
+++ b/Pages/3D-Visualizations/index.html
@@ -20,17 +20,32 @@
           <a href="../../index.html" class="company-logo">
               <img src="./assets/asset 41.png" alt="company logo">
           </a>
-          <div class="nav-links" id="nav-links">
-              <ul class="nav-menu">
-                  <li><a href="../../index.html" class="hover-link">Home</a></li>
-                  <li><a href="../About-Us/index.html" class="hover-link">About Us</a></li>
-                  <li><a href="../Simulation/index.html" class="hover-link">Simulations</a></li>
-                  <li><a href="../3D-Visualizations/index.html" class="hover-link current-page">3D Visualisations</a></li>
-                  <li><a href="../Quizes/index.html" class="hover-link">Quizzes</a></li>
-                  <li><a href="../Videos/index.html" class="hover-link">Videos</a></li>
-                  <li><a href="../Doubt Engine/index.html" class="hover-link">Doubt Engine</a></li>
-              </ul>
-          </div>
+          <div class="basis-[730px] nav-links" id="nav-links">
+            <ul class="nav-menu flex items-center list-none justify-between">
+                <li><a href="../../index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-house"  style="font-size:10px;"></i>
+                  Home</a>
+                </li>
+                <li><a href="../About-Us/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color ">
+                  <i class="fa-solid fa-building-columns" style="font-size:10px;"></i>
+                  About Us</a></li>
+                <li><a href="../Simulation/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color ">
+                  <i class="fa-solid fa-plug-circle-check" style="font-size:10px;"></i>
+                  Simulations</a></li>
+                <li><a href="../3D-Visualizations/index.html" class="text-primary_text_color transition duration-200 ease-out hover:text-accent_color current-page">
+                  <i class="fa-brands fa-unity"  style="font-size:10px;"></i>
+                  3D Visualisations</a></li>
+                <li><a href="../Quizes/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-list-check"  style="font-size:10px;"></i>
+                  Quizzes</a></li>
+                <li><a href="../Videos/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-video"  style="font-size:10px;"></i>
+                  Videos</a></li>
+                <li><a href="../Doubt Engine/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-check-double" style="font-size:10px;"></i>
+                  Doubt Engine</a></li>
+            </ul>
+        </div>
           <div class="hamburger">
             <span class="bar"></span>
             <span class="bar"></span>
diff --git a/Pages/3D-Visualizations/style.css b/Pages/3D-Visualizations/style.css
index 8878e8021..561e0335f 100644
--- a/Pages/3D-Visualizations/style.css
+++ b/Pages/3D-Visualizations/style.css
@@ -307,3 +307,22 @@ footer{
   font-size: 14px;
   color: #cacdd2;
 }
+nav {
+    text-align: center;
+    }
+    
+    nav ul{
+      list-style: none;
+      margin: 0 2px;
+      padding: 0;
+    }
+    
+    nav li {
+       display: inline-block;
+       padding: 5px 5px;
+    }
+    
+    nav a {
+      font-weight: normal;
+      font-size: .80em;
+    }
\ No newline at end of file
diff --git a/Pages/About-Us/index.html b/Pages/About-Us/index.html
index f55093371..cfa0043fe 100644
--- a/Pages/About-Us/index.html
+++ b/Pages/About-Us/index.html
@@ -49,13 +49,28 @@
           </a>
           <div class="basis-[730px] nav-links" id="nav-links">
               <ul class="nav-menu flex items-center list-none justify-between">
-                  <li><a href="../../index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">Home</a></li>
-                  <li><a href="../About-Us/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color current-page">About Us</a></li>
-                  <li><a href="../Simulation/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">Simulations</a></li>
-                  <li><a href="../3D-Visualizations/index.html" class="text-primary_text_color transition duration-200 ease-out hover:text-accent_color">3D Visualisations</a></li>
-                  <li><a href="../Quizes/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">Quizzes</a></li>
-                  <li><a href="../Videos/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">Videos</a></li>
-                  <li><a href="../Doubt Engine/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">Doubt Engine</a></li>
+                  <li><a href="../../index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-solid fa-house"  style="font-size:10px;"></i>
+                    Home</a>
+                  </li>
+                  <li><a href="../About-Us/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color current-page">
+                    <i class="fa-solid fa-building-columns" style="font-size:10px;"></i>
+                    About Us</a></li>
+                  <li><a href="../Simulation/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-solid fa-plug-circle-check" style="font-size:10px;"></i>
+                    Simulations</a></li>
+                  <li><a href="../3D-Visualizations/index.html" class="text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-brands fa-unity"  style="font-size:10px;"></i>
+                    3D Visualisations</a></li>
+                  <li><a href="../Quizes/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-solid fa-list-check"  style="font-size:10px;"></i>
+                    Quizzes</a></li>
+                  <li><a href="../Videos/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-solid fa-video"  style="font-size:10px;"></i>
+                    Videos</a></li>
+                  <li><a href="../Doubt Engine/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-solid fa-check-double" style="font-size:10px;"></i>
+                    Doubt Engine</a></li>
               </ul>
           </div>
           <div class="hamburger cursor-pointer">
diff --git a/Pages/About-Us/style.css b/Pages/About-Us/style.css
index 48f58ad0f..880632ae1 100644
--- a/Pages/About-Us/style.css
+++ b/Pages/About-Us/style.css
@@ -51,3 +51,23 @@
   transition: all 0.3s ease-in-out;
   background-color: black;
 }
+
+nav {
+    text-align: center;
+    }
+    
+    nav ul{
+      list-style: none;
+      margin: 0 2px;
+      padding: 0;
+    }
+    
+    nav li {
+       display: inline-block;
+       padding: 5px 5px;
+    }
+    
+    nav a {
+      font-weight: normal;
+      font-size: .80em;
+    }
\ No newline at end of file
diff --git a/Pages/Doubt Engine/index.html b/Pages/Doubt Engine/index.html
index 2ad3aec9e..35a206f2b 100644
--- a/Pages/Doubt Engine/index.html	
+++ b/Pages/Doubt Engine/index.html	
@@ -50,13 +50,28 @@
           </a>
           <div class="basis-[730px] nav-links" id="nav-links">
             <ul class="nav-menu flex items-center list-none justify-between">
-                <li><a href="../../index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">Home</a></li>
-                <li><a href="../About-Us/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">About Us</a></li>
-                <li><a href="../Simulation/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">Simulations</a></li>
-                <li><a href="../3D-Visualizations/index.html" class="text-primary_text_color transition duration-200 ease-out hover:text-accent_color">3D Visualisations</a></li>
-                <li><a href="../Quizes/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">Quizzes</a></li>
-                <li><a href="../Videos/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">Videos</a></li>
-                <li><a href="../Doubt Engine/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color current-page">Doubt Engine</a></li>
+                <li><a href="../../index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-house"  style="font-size:10px;"></i>
+                  Home</a>
+                </li>
+                <li><a href="../About-Us/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color ">
+                  <i class="fa-solid fa-building-columns" style="font-size:10px;"></i>
+                  About Us</a></li>
+                <li><a href="../Simulation/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-plug-circle-check" style="font-size:10px;"></i>
+                  Simulations</a></li>
+                <li><a href="../3D-Visualizations/index.html" class="text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-brands fa-unity"  style="font-size:10px;"></i>
+                  3D Visualisations</a></li>
+                <li><a href="../Quizes/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-list-check"  style="font-size:10px;"></i>
+                  Quizzes</a></li>
+                <li><a href="../Videos/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-video"  style="font-size:10px;"></i>
+                  Videos</a></li>
+                <li><a href="../Doubt Engine/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color current-page">
+                  <i class="fa-solid fa-check-double" style="font-size:10px;"></i>
+                  Doubt Engine</a></li>
             </ul>
         </div>
         <div class="hamburger cursor-pointer">
diff --git a/Pages/Doubt Engine/style.css b/Pages/Doubt Engine/style.css
index b49e69794..f7682a35f 100644
--- a/Pages/Doubt Engine/style.css	
+++ b/Pages/Doubt Engine/style.css	
@@ -71,3 +71,22 @@
     box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);
     outline: 0;
   }
+  nav {
+    text-align: center;
+    }
+    
+    nav ul{
+      list-style: none;
+      margin: 0 2px;
+      padding: 0;
+    }
+    
+    nav li {
+       display: inline-block;
+       padding: 5px 5px;
+    }
+    
+    nav a {
+      font-weight: normal;
+      font-size: .80em;
+    }
\ No newline at end of file
diff --git a/Pages/Quizes/index.html b/Pages/Quizes/index.html
index f2ec9822a..aa4975de5 100644
--- a/Pages/Quizes/index.html
+++ b/Pages/Quizes/index.html
@@ -21,15 +21,31 @@
           <a href="../../index.html" class="company-logo">
               <img src="./assets/asset 41.png" alt="company logo">
           </a>
-          <div class="nav-links" id="nav-links">
-              <ul class="nav-menu">
-                  <li><a href="../../index.html" class="hover-link">Home</a></li>
-                  <li><a href="../About-Us/index.html" class="hover-link">About Us</a></li>
-                  <li><a href="../Simulation/index.html" class="hover-link">Simulations</a></li>
-                  <li><a href="../3D-Visualizations/index.html" class="hover-link">3D Visualisations</a></li>
-                  <li><a href="../Quizes/index.html" class="hover-link current-page">Quizzes</a></li>
-                  <li><a href="../Videos/index.html" class="hover-link">Videos</a></li>
-                  <li><a href="../Doubt Engine/index.html" class="hover-link">Doubt Engine</a></li>
+        
+            <div class="basis-[730px] nav-links" id="nav-links">
+              <ul class="nav-menu flex items-center list-none justify-between">
+                  <li><a href="../../index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-solid fa-house"  style="font-size:10px;"></i>
+                    Home</a>
+                  </li>
+                  <li><a href="../About-Us/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color ">
+                    <i class="fa-solid fa-building-columns" style="font-size:10px;"></i>
+                    About Us</a></li>
+                  <li><a href="../Simulation/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-solid fa-plug-circle-check" style="font-size:10px;"></i>
+                    Simulations</a></li>
+                  <li><a href="../3D-Visualizations/index.html" class="text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-brands fa-unity"  style="font-size:10px;"></i>
+                    3D Visualisations</a></li>
+                  <li><a href="../Quizes/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color current-page">
+                    <i class="fa-solid fa-list-check"  style="font-size:10px;"></i>
+                    Quizzes</a></li>
+                  <li><a href="../Videos/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-solid fa-video"  style="font-size:10px;"></i>
+                    Videos</a></li>
+                  <li><a href="../Doubt Engine/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                    <i class="fa-solid fa-check-double" style="font-size:10px;"></i>
+                    Doubt Engine</a></li>
               </ul>
           </div>
           <div class="hamburger">
diff --git a/Pages/Quizes/style.css b/Pages/Quizes/style.css
index ddb4dfdb2..5c03f202d 100644
--- a/Pages/Quizes/style.css
+++ b/Pages/Quizes/style.css
@@ -343,3 +343,22 @@ footer{
   font-size: 14px;
   color: #cacdd2;
 }
+nav {
+    text-align: center;
+    }
+    
+    nav ul{
+      list-style: none;
+      margin: 0 2px;
+      padding: 0;
+    }
+    
+    nav li {
+       display: inline-block;
+       padding: 5px 5px;
+    }
+    
+    nav a {
+      font-weight: normal;
+      font-size: .80em;
+    }
\ No newline at end of file
diff --git a/Pages/Simulation/index.html b/Pages/Simulation/index.html
index d909a3e6b..dd10f1628 100644
--- a/Pages/Simulation/index.html
+++ b/Pages/Simulation/index.html
@@ -21,17 +21,32 @@
           <a href="../../index.html" class="company-logo">
               <img src="./assets/asset 41.png" alt="company logo">
           </a>
-          <div class="nav-links" id="nav-links">
-              <ul class="nav-menu">
-                <li><a href="../../index.html" class="hover-link">Home</a></li>
-                  <li><a href="../About-Us/index.html" class="hover-link">About Us</a></li>
-                  <li><a href="../Simulation/index.html" class="hover-link current-page">Simulations</a></li>
-                  <li><a href="../3D-Visualizations/index.html" class="hover-link">3D Visualisations</a></li>
-                  <li><a href="../Quizes/index.html" class="hover-link">Quizzes</a></li>
-                  <li><a href="../Videos/index.html" class="hover-link">Videos</a></li>
-                  <li><a href="../Doubt Engine/index.html" class="hover-link">Doubt Engine</a></li>
-              </ul>
-          </div>
+          <div class="basis-[730px] nav-links" id="nav-links">
+            <ul class="nav-menu flex items-center list-none justify-between">
+                <li><a href="../../index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-house"  style="font-size:10px;"></i>
+                  Home</a>
+                </li>
+                <li><a href="../About-Us/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color ">
+                  <i class="fa-solid fa-building-columns" style="font-size:10px;"></i>
+                  About Us</a></li>
+                <li><a href="../Simulation/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color current-page">
+                  <i class="fa-solid fa-plug-circle-check" style="font-size:10px;"></i>
+                  Simulations</a></li>
+                <li><a href="../3D-Visualizations/index.html" class="text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-brands fa-unity"  style="font-size:10px;"></i>
+                  3D Visualisations</a></li>
+                <li><a href="../Quizes/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-list-check"  style="font-size:10px;"></i>
+                  Quizzes</a></li>
+                <li><a href="../Videos/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-video"  style="font-size:10px;"></i>
+                  Videos</a></li>
+                <li><a href="../Doubt Engine/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-check-double" style="font-size:10px;"></i>
+                  Doubt Engine</a></li>
+            </ul>
+        </div>
           <div class="hamburger">
             <span class="bar"></span>
             <span class="bar"></span>
diff --git a/Pages/Simulation/style.css b/Pages/Simulation/style.css
index ee80d9dd0..7fb6f27f2 100644
--- a/Pages/Simulation/style.css
+++ b/Pages/Simulation/style.css
@@ -306,3 +306,22 @@ footer{
   font-size: 14px;
   color: #cacdd2;
 }
+nav {
+    text-align: center;
+    }
+    
+    nav ul{
+      list-style: none;
+      margin: 0 2px;
+      padding: 0;
+    }
+    
+    nav li {
+       display: inline-block;
+       padding: 5px 5px;
+    }
+    
+    nav a {
+      font-weight: normal;
+      font-size: .80em;
+    }
\ No newline at end of file
diff --git a/Pages/Videos/index.html b/Pages/Videos/index.html
index 0a1e08763..083ca5b15 100644
--- a/Pages/Videos/index.html
+++ b/Pages/Videos/index.html
@@ -21,17 +21,32 @@
           <a href="../../index.html" class="company-logo">
               <img src="./assets/asset 41.png" alt="company logo">
           </a>
-          <div class="nav-links" id="nav-links">
-              <ul class="nav-menu">
-                  <li><a href="../../index.html" class="hover-link">Home</a></li>
-                  <li><a href="../About-Us/index.html" class="hover-link">About Us</a></li>
-                  <li><a href="../Simulation/index.html" class="hover-link">Simulations</a></li>
-                  <li><a href="../3D-Visualizations/index.html" class="hover-link">3D Visualisations</a></li>
-                  <li><a href="../Quizes/index.html" class="hover-link">Quizzes</a></li>
-                  <li><a href="../Videos/index.html" class="hover-link current-page">Videos</a></li>
-                  <li><a href="../Doubt Engine/index.html" class="hover-link">Doubt Engine</a></li>
-              </ul>
-          </div>
+          <div class="basis-[730px] nav-links" id="nav-links">
+            <ul class="nav-menu flex items-center list-none justify-between">
+                <li><a href="../../index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-house"  style="font-size:10px;"></i>
+                  Home</a>
+                </li>
+                <li><a href="../About-Us/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color ">
+                  <i class="fa-solid fa-building-columns" style="font-size:10px;"></i>
+                  About Us</a></li>
+                <li><a href="../Simulation/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-plug-circle-check" style="font-size:10px;"></i>
+                  Simulations</a></li>
+                <li><a href="../3D-Visualizations/index.html" class="text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-brands fa-unity"  style="font-size:10px;"></i>
+                  3D Visualisations</a></li>
+                <li><a href="../Quizes/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-list-check"  style="font-size:10px;"></i>
+                  Quizzes</a></li>
+                <li><a href="../Videos/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color current-page">
+                  <i class="fa-solid fa-video"  style="font-size:10px;"></i>
+                  Videos</a></li>
+                <li><a href="../Doubt Engine/index.html" class="no-underline inline-block text-primary_text_color transition duration-200 ease-out hover:text-accent_color">
+                  <i class="fa-solid fa-check-double" style="font-size:10px;"></i>
+                  Doubt Engine</a></li>
+            </ul>
+        </div>
           <div class="hamburger">
             <span class="bar"></span>
             <span class="bar"></span>
diff --git a/Pages/Videos/style.css b/Pages/Videos/style.css
index 0bb9e91c2..3f3561a99 100644
--- a/Pages/Videos/style.css
+++ b/Pages/Videos/style.css
@@ -311,3 +311,22 @@ footer{
   font-size: 14px;
   color: #cacdd2;
 }
+nav {
+    text-align: center;
+    }
+    
+    nav ul{
+      list-style: none;
+      margin: 0 2px;
+      padding: 0;
+    }
+    
+    nav li {
+       display: inline-block;
+       padding: 5px 5px;
+    }
+    
+    nav a {
+      font-weight: normal;
+      font-size: .80em;
+    }
\ No newline at end of file
diff --git a/index.html b/index.html
index 3da3e8e05..6ba292638 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,7 @@
       href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap"
       rel="stylesheet"
     />
+    <script src="https://kit.fontawesome.com/796ee7d577.js" crossorigin="anonymous"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://unpkg.com/scrollreveal"></script>
     <script src="https://cdn.tailwindcss.com"></script>
@@ -96,31 +97,56 @@
         </a>
         <div class="nav-links" id="nav-links">
           <ul class="nav-menu">
-          <li><a href="index.html" class="hover-link current-page" id="home-hover">Home</a></li>
+          <li>
+            <div >
+              
+              
+              <a href="index.html" class="hover-link current-page" id="home-hover">
+                <i class="fa-solid fa-house" class="hover-link current-page"></i>
+                Home</a></li>
+            
             <li>
+              
               <a href="./Pages/About-Us/index.html" class="hover-link"
-                >About Us</a
+                >
+                <i class="fa-solid fa-building-columns"></i>
+                About Us</a
               >
             </li>
             <li>
+              
               <a href="./Pages/Simulation/index.html" class="hover-link"
-                >Simulations</a
+                >
+                <i class="fa-solid fa-plug-circle-check"></i>
+                Simulations</a
               >
             </li>
             <li>
+              
               <a href="./Pages/3D-Visualizations/index.html" class="hover-link"
-                >3D Visualisations</a
+                >
+                <i class="fa-brands fa-unity"></i>
+                3D Visualisations</a
               >
             </li>
             <li>
-              <a href="./Pages/Quizes/index.html" class="hover-link">Quizzes</a>
+              
+              <a href="./Pages/Quizes/index.html" class="hover-link">
+                <i class="fa-solid fa-list-check"></i>
+                Quizzes</a>
             </li>
             <li>
-              <a href="./Pages/Videos/index.html" class="hover-link">Videos</a>
+              
+              <a href="./Pages/Videos/index.html" class="hover-link">
+                <i class="fa-solid fa-video"></i>
+                Videos</a>
             </li>
             <li>
+              
               <a href="./Pages/Doubt Engine/index.html" class="hover-link"
-                >Doubt Engine</a
+                >
+                <i class="fa-solid fa-check-double"></i>
+                Doubt Engine</a
               >
             </li>
             <li>
diff --git a/style.css b/style.css
index 827438f45..933b245ce 100644
--- a/style.css
+++ b/style.css
@@ -47,7 +47,25 @@ body {
 	color: var(--primary-text-color);
 	overflow-x: hidden;
 }
-
+nav {
+    text-align: center;
+    }
+    
+    nav ul{
+      list-style: none;
+      margin: 0 2px;
+      padding: 0;
+    }
+    
+    nav li {
+       display: inline-block;
+       padding: 5px 5px;
+    }
+    
+    nav a {
+      font-weight: normal;
+      font-size: .80em;
+    }
 h1 {
 	font-size: 3rem !important;
 	position: relative;
@@ -99,6 +117,7 @@ ul {
 .flex {
 	display: flex;
 	align-items: center;
+	
 }
 
 .hover-link {