From 7ce41cca3060fd032d435f97c717a5a2e536d9dd Mon Sep 17 00:00:00 2001
From: medtechlogic <juanitanwachukwu99@gmail.com>
Date: Fri, 5 Jun 2026 15:40:41 +0200
Subject: [PATCH] feature/wireframe

---
 Wireframe/index.html | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..3822ae3d9 100644
--- a/Wireframe/index.html
+++ b/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>