diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..4f938cf95 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -9,25 +9,45 @@
   <body>
     <header>
       <h1>Wireframe</h1>
+    </header>
+
+     <main class="article-container" method="GET">
+     <article>
+      <img src="placeholder.svg" alt="Abstract placeholder illustration showing gray rectangle background with a circle and triangular shapes suggesting a generic interface layout" />
+      <h2>Purpose of a readme file</h2>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        A readme file is a document that provides information about a project, 
+        including its purpose, how to use it, and any other relevant details. 
+        It serves as a guide for users and developers who may be interested in the project.
       </p>
-    </header>
-    <main>
+      <a href="https://www.freecodecamp.org/news/how-to-write-a-good-readme-file/" target="_blank">Read more </a>
+     </article>
+
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="placeholder.svg" alt="Abstract placeholder illustration showing gray rectangle background with a circle and triangular shapes suggesting a generic interface layout" />
+        <h2>Purpose of a wireframe</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A wireframe is a visual representation of a website or application's layout and structure. 
+          It shows the placement of elements, such as text, images, and buttons, without the final design details. 
+          Wireframes are used to plan and communicate the basic structure and functionality of a product before development begins.
         </p>
-        <a href="">Read more</a>
+        <a href="https://www.freecodecamp.org/news/how-to-create-a-wireframe/" target="_blank">Read more </a>
       </article>
-    </main>
-    <footer>
-      <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
-    </footer>
+
+        <article>
+        <img src="placeholder.svg" alt="Abstract placeholder illustration showing gray rectangle background with a circle and triangular shapes suggesting a generic interface layout" />
+        <h2>what is a Branch in a Git</h2>
+        <p>
+          A branch in Git is a separate line of development that allows you to work on different features or bug fixes without affecting the main codebase. 
+          It enables multiple developers to collaborate on a project simultaneously and helps manage changes effectively. 
+          Branches can be merged back into the main branch once the work is complete and tested.
+        </p>
+        <a href="https://www.freecodecamp.org/news/what-is-a-git-branch/" target="_blank">Read more </a>
+      </article>
+      </main>
+
+      <footer>
+        <p>&copy; 2026 Professional Web Developer Assignment</p>
+      </footer>
   </body>
-</html>
+        
