skillcrush · Hildebolt · Mar 3, 2025 · Mar 5, 2025 · Mar 11, 2025 · Mar 11, 2025
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+Thumbs.db
diff --git a/about.html b/about.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>My Code Compendium | About Me</title>
+  <link href="https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
+    integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
+  <link rel="stylesheet" href="css/normalize.css">
+  <link rel="stylesheet" href="css/main.css">
+</head>
+
+<body>
+  <header>
+    <div class="top-header">
+      <div class="content-wrapper">
+
+        <h1><a href="index.html">Emma's Code Compendium</a></h1>
+
+
+        <nav>
+          <ul>
+            <li><a href="index.html#resources">Resources</a></li>
+            <li><a href="#contact">Contact</a></li>
+          </ul>
+        </nav>
+
+      </div>
+    </div>
+
+  </header>
+
+  <main>
+    <section id="about">
+      <div class="content-wrapper">
+
+        <figure class="bio-image">
+          <img src="img/bio-image.jpg" alt="Woman smiling" />
+        </figure>
+
+
+
+        <div class="bio">
+
+         <h3>Come study with me!</h3>
+
+          <p>
+            Hi, I'm Sarah, and I'm diving headfirst into the world of front-end development! I’ve always been curious
+            about how websites work, and now I’m learning to bring my own ideas to life using HTML, CSS, and JavaScript.
+            It’s amazing to see how a simple wireframe can transform into a fully responsive, interactive site. I love
+            how front-end development combines creativity with functionality, and every new skill I learn feels like
+            unlocking a superpower. Watching my designs evolve as I experiment and troubleshoot makes me even more
+            excited to keep going.
+          </p>
+          <p>
+            I’m still early in my journey, but I’m determined to keep improving. I enjoy staying up to date with the
+            latest web design trends and love collaborating with experienced developers to pick up new techniques.
+            Whether I’m solving a tricky layout issue or celebrating a smooth animation, I try to stay positive and keep
+            learning. I know there’s a lot to figure out, but I’m excited for the challenge and can’t wait to see how
+            far I can go in this exciting field!
+          </p>
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <footer id="contact">
+    <h4>Let's code and coffee!</h4>
+    <ul class="social-icons">
+      <li>
+        <a href="https://www.facebook.com/" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
+      </li>
+      <li>
+        <a href="https://twitter.com/" target="_blank" rel="noopener"><i class="fab fa-twitter"></i></a>
+      </li>
+      <li>
+        <a href="https://www.instagram.com/" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
+      </li>
+    </ul>
+    <!--footer content-wrapper ends-->
+    <div class="copyright">
+      <p>Copyright 2024</p>
+      <p class="credit">Photos by Kevin Bhagat and Michael Dam on Unsplash</p>
+    </div>
+  </footer>
+</body>
+
+</html>
diff --git a/index.html b/index.html
@@ -26,6 +26,7 @@ <h1><a href="#">Emma's Code Compendium</a></h1>
           <ul>
             <li><a href="#resources">Resources</a></li>
             <li><a href="#contact">Contact</a></li>
+            <li><a href="about.html">About Me</a></li>
           </ul>
         </nav>
-Original file line number
+Diff line change
@@ Expand Up / @@ -26,6 +26,7 @@ <h1><a href="#">Emma's Code Compendium</a></h1> @@
               <ul>
                 <li><a href="#resources">Resources</a></li>
                 <li><a href="#contact">Contact</a></li>
+                <li><a href="about.html">About Me</a></li>
               </ul>
             </nav>
@@ Expand Down @@