diff --git a/frontend/image/contact_us.jpg b/frontend/image/contact_us.jpg
new file mode 100644
index 0000000..020e8ce
Binary files /dev/null and b/frontend/image/contact_us.jpg differ
diff --git a/frontend/image/features.png b/frontend/image/features.png
new file mode 100644
index 0000000..49e73af
Binary files /dev/null and b/frontend/image/features.png differ
diff --git a/frontend/image/setup.png b/frontend/image/setup.png
new file mode 100644
index 0000000..2421bc6
Binary files /dev/null and b/frontend/image/setup.png differ
diff --git a/frontend/index.html b/frontend/index.html
index bd0939e..9137300 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -98,11 +98,17 @@
                         alt="Voice-Assistant-Ai"></a></div>
             <ul>
 
-                <li><a href="#features">Features</a></li>
+                <li>
+                    <img class="icon1" src="image/features.png" alt="">
+                    <a href="#features">Features</a></li>
 
-                <li><a href="#setup">Setup</a></li>
+                <li>
+                    <img class="icon1" src="image/setup.png" alt="">
+                    <a href="#setup">Setup</a></li>
 
-                <li><a href="contact.html">Contact</a></li>
+                <li>
+                    <img class="icon1" src="image/contact_us.jpg" alt="">
+                    <a href="contact.html">Contact</a></li>
 
                 <img id="icon" src="image/light_mode_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg">
             </ul>
diff --git a/frontend/style.css b/frontend/style.css
index c1823e6..f298a21 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -58,6 +58,11 @@ body {
     mix-blend-mode: multiply;
 }
 
+.icon1{
+    height: 40px;
+    width: 50px;
+}
+
 nav {
     background-color: var(--color4);
     display: flex;
@@ -89,6 +94,7 @@ nav ul {
 
 nav ul li {
     margin: 0 10px; /* Add margin for spacing */
+    display: flex;
 }
 
 nav ul li a {