diff --git a/public/css/style.css b/public/css/style.css
index b93c644..712d270 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,6 +1,4 @@
-body{
-    
-}
+
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
   
   *{
@@ -47,6 +45,11 @@ h1:hover{
     width: 7%;
 
   }
+
+  nav .fas {
+    margin-right: 5px; /* Add some space between the icon and text */
+}
+
   .nav-links{
     list-style: none;
 
diff --git a/views/index.ejs b/views/index.ejs
index 5bb25fb..b767b2f 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -26,14 +26,18 @@
 
 <body>
     <!-- navgation bar -->
+    <header>
+        <img class=" logo" src="img/logo.png" alt="logo">
+        <h1>Petari</h1>
+        <!-- navgation bar -->
     <header>
         <img class=" logo" src="img/logo.png" alt="logo">
         <h1>Petari</h1>
         <nav>
             <ul class="nav-links">
-                <li><a href="#"> About</a></li>
-                <li><a href="#">Projects</a></li>
-                <li><a href="#">Contact</a></li>
+                <li><a href="#" <i class="fa-solid fa-house</i>> About</a></li>
+                <li><a href="#" <i class="fa-duotone fa-boxes-stacked"></i>>Projects</a></li>
+                <li><a href="#" <i class="fa-solid fa-id-badge"></i>>Contact</a></li>
 
 
 
