diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..ba043406f 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -6,28 +6,39 @@
     <title>Wireframe</title>
     <link rel="stylesheet" href="style.css" />
   </head>
+  <style></style>
   <body>
     <header>
-      <h1>Wireframe</h1>
-      <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
+      <h1>Wireframe Task</h1>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="https://user-images.githubusercontent.com/6750572/90517585-e483a280-e165-11ea-8945-3d289eeeaa1d.png" alt="Readme" />
+        <h2>README file</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          ReadME file is a plain text document that is used as a user manual or official document for a project. This file is useful because it helps communicate important information to those using or collaborating the project. 
         </p>
-        <a href="">Read more</a>
+        <a href="https://www.makeareadme.com">Read more</a>
+      </article>
+      <article>
+        <img src="https://cdn-images.visual-paradigm.com/handbooks/agile-handbook/wireframe/02-newspaper-site-wireframe-example.png" alt="Wireframe" />
+        <h3>Wireframe</h3>
+        <p>
+         A wireframe is a minimal skeletal blueprint of a website or app interface. It is important in order to plan a project in advance.
+        </p>
+        <a href="https://balsamiq.com/blog/what-are-wireframes/">Read more</a>
+      </article>
+      <article>    
+        <img src="https://miro.medium.com/v2/resize:fit:1100/format:webp/1*nQXC89lqQnqvICtb3J6XWw.png" alt="GitBranch" />
+        <h4>Git Branch </h4>
+        <p>
+         In Git a branch is a identical copy of a projects code which is then used to make changes on without having any affect on the main original project.
+        </p>
+        <a href="https://www.w3schools.com/GIT/git_branch.asp?remote=github">Read more</a>
       </article>
     </main>
     <footer>
-      <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
+      <p>London | May-2026 | Jorvan White | Wireframe Task </p>
     </footer>
   </body>
 </html>
diff --git a/Wireframe/style.css b/Wireframe/style.css
index be835b6c7..d086f59e7 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -18,9 +18,9 @@ As well as useful links to learn more */
 ====== Design Palette ====== */
 :root {
   --paper: oklch(7 0 0);
-  --ink: color-mix(in oklab, var(--color) 5%, black);
+  --ink: color-mix(in oklab, var(--color) 5%, rgb(19, 19, 31));
   --font: 100%/1.5 system-ui;
-  --space: clamp(6px, 6px + 2vw, 15px);
+  --space: clamp(6px, 6px + vw, 15px);
   --line: 1px solid;
   --container: 1280px;
 }
