+images and icons

Author: Code-JL

assets/index.html

@@ -10,12 +10,12 @@
     <header>
         <nav>
             <ul>
-                <li><a href="#home">Home</a></li>
-                <li><a href="#projects">Projects</a></li>
-                <li><a href="#skills">Skills</a></li>
-                <li><a href="#education">Education</a></li>
-                <li><a href="#contact">Contact</a></li>
-                <li><a href="../files/Resume - Joseph Lavoie.pdf" download class="download-btn">Download Resume</a></li>
+                <li><a href="#home"><img src="../images/home.png" alt="Home Icon"> Home</a></li>
+                <li><a href="#projects"><img src="../images/projects.png" alt="Projects Icon"> Projects</a></li>
+                <li><a href="#skills"><img src="../images/skills.png" alt="Skills Icon"> Skills</a></li>
+                <li><a href="#education"><img src="../images/education.png" alt="Education Icon"> Education</a></li>
+                <li><a href="#contact"><img src="../images/contact.png" alt="Contact Icon"> Contact</a></li>
+                <li><a href="../files/Resume - Joseph Lavoie.pdf" download class="download-btn"><img src="../images/download.png" alt="Download Icon"> Download Resume</a></li>
             </ul>
         </nav>
     </header>
@@ -45,9 +45,9 @@ <h2>Gallery</h2>
                 <a href="../images/kick-tool.jpg" target="_blank" class="button">View Full Image</a>
             </figure>
             <figure>
-                <img src="images/project2-placeholder.jpg" alt="Portfolio Screenshot" title="Portfolio Website">
+                <img src="../images/portfolio-website.jpg" alt="Portfolio Screenshot" title="Portfolio Website">
                 <figcaption>Portfolio Website</figcaption>
-                <a href="images/project2-placeholder.jpg" target="_blank" class="button">View Full Image</a>
+                <a href="../images/portfolio-website.jpg" target="_blank" class="button">View Full Image</a>
             </figure>
         </div>
     </section>

assets/styles.css

@@ -45,6 +45,13 @@ nav ul li a:hover {
     transform: scale(1.05);
 }
 
+nav ul li a img {
+    width: 16px;
+    height: 16px;
+    margin-right: 4px;
+    vertical-align: middle;
+}
+
 /* Section Styling */
 section {
     padding: 40px 20px;