Technigo · Bianka2112 · Mar 27, 2025 · Mar 27, 2025 · Mar 27, 2025 · Mar 27, 2025
diff --git a/README.md b/README.md
@@ -1,5 +1,7 @@
 # Web Accessibility Project
 
+Deployed site: [www.teamwind1.netlify.app](https://teamwind1.netlify.app)
+
 A basic web server template focused on web accessibility practices.
 
 ### Installation

diff --git a/about.html b/about.html
@@ -1,10 +1,100 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>About</title>
     <link rel="stylesheet" href="css/styles.css" />
+    <link rel="stylesheet" href="https://use.typekit.net/ggo4lqo.css" />
   </head>
-  <body></body>
+  <body>
+    <a href="#main-content" class="skip-link">Skip to Main Content</a>
+    <header id="header">
+      <div class="header-content">
+        <img
+          class="nav-logo"
+          src="assets/dark-olive.svg"
+          alt="Team Wind Logo"
+          style="width: 100px"
+        />
+        <h1>An Accessibility Site for All</h1>
+        <nav role="navigation" aria-label="Main menu">
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="about.html">About</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+
+    <main id="main-content">
+      <section id="about">
+        <h2>Who Built This Site and Why</h2>
+        <p>
+          We are committed to web accessibility as a group, driven by the
+          understanding that over 25% of the population lives with a disability,
+          and a significant majority will face accessibility issues online at
+          some point. Building inclusive digital experiences is central to our
+          work.
+        </p>
+        <div class="hero-images">
+          <img
+            id="info-image"
+            class="info-image"
+            src="./assets/web-accessibility-image.jpg"
+            alt="Accessibility illustration"
+          />
+        </div>
+        <h2>The Team</h2>
+        <h3>Bianka</h3>
+        <p>
+          Bianka is a web developer with a unique perspective, blending 15 years
+          of experience in wellness coaching with a new passion for crafting
+          intuitive and inclusive digital experiences. Now, she focuses on
+          designing thoughtful solutions that simplify everyday challenges and
+          makes everyday life a little easier for everyone.
+        </p>
+        <h3>Talo</h3>
+        <p>
+          A fullstack web developer based in Stockholm with roots in the Chilean
+          Patagonia. He focuses on accessible, user-friendly websites using
+          HTML, CSS, and JavaScript. With a background in music production, arts
+          education, and journalism, he loves combining creativity and code!
+        </p>
+        <h3>Kasia</h3>
+        <p>
+          Kasia, a seasoned admin professional with a strong payroll and
+          accounting background in higher education, excels in accuracy,
+          compliance, and efficiency. Now, she’s exploring a tech career to
+          apply these strengths in new way with a new found passion for web
+          accessibility.
+        </p>
+      </section>
+    </main>
+
+    <footer role="contentinfo">
+      <div class="footer-content">
+        <nav role="navigation" aria-label="Footer menu">
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="about.html">About</a></li>
+            <li>
+              <a
+                href="https://github.com/Bianka2112/js-project-accessibility"
+                aria-label="Visit our Github repository"
+              >
+                Created by: Bianka, Kasia and Talo
+                <i class="fa-brands fa-github"></i>
+              </a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+    </footer>
+  </body>
+  <script src="js/main.js"></script>
+  <script
+    src="https://kit.fontawesome.com/beb1bc6f21.js"
+    crossorigin="anonymous"
+  ></script>
 </html>
diff --git a/assets/5.svg b/assets/5.svg
diff --git a/assets/dark-olive.svg b/assets/dark-olive.svg
diff --git a/assets/github-icon.svg b/assets/github-icon.svg
diff --git a/assets/group-work.jpg b/assets/group-work.jpg