diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..3bc323981 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -3,30 +3,58 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Wireframe</title>
+    <title>Wireframe</title> 
+    <meta name="description" content="A simple webpage explaining the purpose of Readme files, wireframes, and Git branches." />
     <link rel="stylesheet" href="style.css" />
   </head>
-  <body>
+  <body> 
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        This page explains the purpose of Readme file ,a wireframe, and a Git branch.
       </p>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
-        <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+        <img src="placeholder.svg" alt="Illustration related to the the article" />
+        <h2>What is the purpose of a Readme file?</h2>
+        <p>Readme file explains what the project is about how to use it, and how to get started.
+          Also it may include information that helps other developers understand and contribute to the project more easily.
+          
         </p>
-        <a href="">Read more</a>
+        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">
+  Read more about README files
+</a>
+
       </article>
+
+      <article>
+        <img src="placeholder.svg" alt="Illustration related to the the article" />
+        <h2>What is the purpose of wireframe?</h2>
+        <p>The purpose of a wireframe is to provide a sketch-base guideline before actual development of webdesign.
+          It helps to plan the layout, structure, and functionality of a website or application.
+        </p>
+        
+        <a href="https://www.figma.com/resource-library/what-is-wireframing/">
+  Read more about wireframes
+</a> 
+      </article>
+    <article>
+      <img src="placeholder.svg" alt="Illustration related to the the article" />
+      <h2>What is the purpose of a Git Branch?</h2>
+      <p>The purpose of a Git Branch is to allow multiple developers to work  on different features or bug fixes simultaneously without interfering with each other's work.
+        It enables parallel development, experimentation, and collaboration while keeping the main codebase stable.
+      </p>
+      <a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches">
+  Read more about Git branches
+</a>
+
+    </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+         Wirefreame page - created by Seti Mussa @ 2026
+
       </p>
     </footer>
   </body>
