diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..fff86ab9c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -24,4 +24,4 @@ <h1>Product Pick</h1>
       <h2>By HOMEWORK SOLUTION</h2>
     </footer>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..d2f9663a6 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -10,23 +10,40 @@
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        This is an article explaining README file, wireframe, and Git branches.
       </p>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="https://markdown.land/wp-content/uploads/2022/01/VSCode-markdown-preview.png" alt="README file picture" />
+        <h2>What is the purpose of a README file?</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          The purpose of a README file is to provide essential information about a project, including how to install, use, and contribute to it.
+        </p>
+        <a href="">Read more</a>
+      </article>
+      <article>
+        <img src="https://images.edrawsoft.com/articles/wireframe/wireframe-1.jpg" alt="Wireframe picture" />
+        <h2>What is the purpose of a wireframe?
+        </h2>
+        <p>
+          The purpose of a wireframe is to provide a visual guide that represents the skeletal framework of a website or application, helping to plan layout and functionality.
+        </p>
+        <a href="">Read more</a>
+      </article>
+      <article>
+        <img src="https://git-scm.com/images/logos/downloads/Git-Logo-2Color.png" alt="Git logo" />
+        <h2>What is a branch in Git?
+        </h2>
+        <p>
+          A branch in Git is a separate line of development that allows multiple people to work on different features or fixes simultaneously without affecting the main codebase.
         </p>
         <a href="">Read more</a>
       </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        Codeyourfuture 2026 Wireframe Assignment
       </p>
     </footer>
   </body>
diff --git a/Wireframe/style.css b/Wireframe/style.css
index be835b6c7..8aa18e645 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -51,7 +51,11 @@ main {
 }
 footer {
   position: fixed;
+  left: 0;
   bottom: 0;
+  width: 100%;
+  background-color: #333;
+  color: white;
   text-align: center;
 }
 /* ====== Articles Grid Layout ====
diff --git a/index.html b/index.html
deleted file mode 100644
index 80aa49666..000000000
--- a/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Coursework</title>
-    <style>
-      :root {
-        --paper: oklch(7 0 0);
-        --ink: color-mix(in oklab, var(--color) 5%, black);
-        --font: 100%/1.5 system-ui;
-        --space: clamp(6px, 6px + 2vw, 15px);
-        --line: 1px solid;
-      }
-      body {
-        background: var(--paper);
-        color: var(--ink);
-        font: var(--font);
-        max-width: 1280px;
-        margin: 0 auto;
-      }
-    </style>
-  </head>
-  <body>
-    <header><h1>🧐 CYF Coursework Disposable Branch Previews</h1></header>
-    <main>
-      <ol>
-        <li>
-          <h2><a href="/Wireframe">Project 1: Wireframe</a></h2>
-          <p>
-            Mentors:
-            <a href="Wireframe/readme.md">open the assignment in a tab</a>
-          </p>
-        </li>
-        <li>
-          <h2><a href="/Form-Controls">Project 2: Form Controls</a></h2>
-          <p>
-            Mentors:
-            <a href="Form-Controls/readme.md">open the assignment in a tab</a>
-          </p>
-        </li>
-      </ol>
-    </main>
-    <footer><a href="HOW_TO_REVIEW.md">HOW TO REVIEW MD</a></footer>
-  </body>
-</html>
