Fixed project's headers/nav bar

Author: Code-JL

projects/header.html

@@ -1,39 +1,48 @@
-<nav role="navigation" aria-label="Main navigation">
-    <ul role="menubar">
-        <li role="none">
-            <a href="../../assets/home.html" role="menuitem" aria-label="Home">
-                <img src="../../images/home.png" alt="" aria-hidden="true"> Home
-            </a>
-        </li>
-        <li role="none">
-            <a href="../../assets/about.html" role="menuitem" aria-label="About">
-                <img src="../../images/about.png" alt="" aria-hidden="true"> About
-            </a>
-        </li>
-        <li role="none">
-            <a href="../../assets/projects.html" role="menuitem" aria-label="Projects">
-                <img src="../../images/projects.png" alt="" aria-hidden="true"> Projects
-            </a>
-        </li>
-        <li role="none">
-            <a href="../../assets/skills.html" role="menuitem" aria-label="Skills">
-                <img src="../../images/skills.png" alt="" aria-hidden="true"> Skills
-            </a>
-        </li>
-        <li role="none">
-            <a href="../../assets/education.html" role="menuitem" aria-label="Education">
-                <img src="../../images/education.png" alt="" aria-hidden="true"> Education
-            </a>
-        </li>
-        <li role="none">
-            <a href="../../assets/home.html#contact" role="menuitem" aria-label="Contact">
-                <img src="../../images/contact.png" alt="" aria-hidden="true"> Contact
-            </a>
-        </li>
-        <li role="none">
-            <a href="../../assets/resume.html" role="menuitem" aria-label="Resume">
-                <img src="../../images/resume.png" alt="" aria-hidden="true"> Resume
-            </a>
-        </li>
-    </ul>
+<nav role="navigation" aria-label="Main navigation" class="main-nav">
+    <div class="nav-container">
+        <ul role="menubar">
+            <li role="none">
+                <a href="../../assets/home.html" role="menuitem" aria-label="Home" class="nav-link">
+                    <img src="../../images/home.png" alt="" aria-hidden="true">
+                    <span>Home</span>
+                </a>
+            </li>
+            <li role="none">
+                <a href="../../assets/about.html" role="menuitem" aria-label="About" class="nav-link">
+                    <img src="../../images/about.png" alt="" aria-hidden="true">
+                    <span>About</span>
+                </a>
+            </li>
+            <li role="none">
+                <a href="../../assets/projects.html" role="menuitem" aria-label="Projects" class="nav-link">
+                    <img src="../../images/projects.png" alt="" aria-hidden="true">
+                    <span>Projects</span>
+                </a>
+            </li>
+            <li role="none">
+                <a href="../../assets/skills.html" role="menuitem" aria-label="Skills" class="nav-link">
+                    <img src="../../images/skills.png" alt="" aria-hidden="true">
+                    <span>Skills</span>
+                </a>
+            </li>
+            <li role="none">
+                <a href="../../assets/education.html" role="menuitem" aria-label="Education" class="nav-link">
+                    <img src="../../images/education.png" alt="" aria-hidden="true">
+                    <span>Education</span>
+                </a>
+            </li>
+            <li role="none">
+                <a href="../../assets/home.html#contact" role="menuitem" aria-label="Contact" class="nav-link">
+                    <img src="../../images/contact.png" alt="" aria-hidden="true">
+                    <span>Contact</span>
+                </a>
+            </li>
+            <li role="none">
+                <a href="../../assets/resume.html" role="menuitem" aria-label="Resume" class="nav-link">
+                    <img src="../../images/resume.png" alt="" aria-hidden="true">
+                    <span>Resume</span>
+                </a>
+            </li>
+        </ul>
+    </div>
 </nav>