Cape Town | 2026-ITP-May | Juanita Nwachukwu | Sprint 2 | Wireframe to Web Code

Wireframe/index.html

@@ -14,15 +14,37 @@ <h1>Wireframe</h1>
       </p>
     </header>
     <main>
+      <section class="articles">
+
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="placeholder.svg" alt="README illustration" />
+        <h2>What is a README file?</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A README file explains what a project is, how it works, and how to use it.
         </p>
-        <a href="">Read more</a>
+        <a href="#">Read more</a>
       </article>
+
+      <article>
+        <img src="placeholder.svg" alt="Wireframe diagram illustration" />
+        <h2>What is a Wirframe?</h2>
+        <p>
+          A wireframe is a simple visual guide that shows the structure of a webpage before design.
+        </p>
+        <a href="#">Read more</a>
+      </article>
+
+      <article>
+       <img src="placeholder.svg" alt="Git branch diagram illustration" />
+       <h2>What is a Git branch?</h2>
+       <p>
+         A Git branch is a separate version of your code used to work on features safely.
+       </p>
+       <a href="#">Read more</a>
+      </article>
+
+      </section>
+
     </main>
     <footer>
       <p>