Update projects.html

projects.html

@@ -5,6 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Projects & Experience - Pranit Chilbule</title>
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
+
     <style>
         * {
             margin: 0;
@@ -487,13 +489,14 @@
     <header>
         <nav>
             <a href="#" class="logo">Pranit Chilbule</a>
-            <ul class="nav-links">
-                <li><a href="index.html">Home</a></li>
-                <li><a href="about.html">About</a></li>
-                <li><a href="#projects" class="active">Projects</a></li>
-                <li><a href="achievements.html">Achievements</a></li>
-                <li><a href="contact.html">Contact</a></li>
-            </ul>
+            <ul class="nav-links" id="navLinks">
+  <li><a href="index.html" class="nav-home"><i class="fas fa-house"></i> Home</a></li>
+  <li><a href="about.html" class="nav-about"><i class="fas fa-user"></i> About</a></li>
+  <li><a href="projects.html" class="nav-projects"><i class="fas fa-code"></i> Projects</a></li>
+  <li><a href="achievements.html" class="nav-achievements"><i class="fas fa-trophy"></i> Achievements</a></li>
+  <li><a href="contact.html" class="nav-contact"><i class="fas fa-envelope"></i> Contact</a></li>
+</ul>
+
         </nav>
     </header>