diff --git a/Wireframe/Github.png b/Wireframe/Github.png
new file mode 100644
index 000000000..1fe12eca8
Binary files /dev/null and b/Wireframe/Github.png differ
diff --git a/Wireframe/Re.jpeg b/Wireframe/Re.jpeg
new file mode 100644
index 000000000..52902ae19
Binary files /dev/null and b/Wireframe/Re.jpeg differ
diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..917c964ed 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -10,24 +10,39 @@
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        A wireframe is a basic, two-dimensional visual representation of a web page, app interface, or product layout. You can think of it as a low-fidelity, functional sketch.
       </p>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="wire.png" alt="" />
+        <h2>Purpose of Wireframe</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          The primary purpose of a wireframe is to outline the basic structural design and user experience of a website or application before any detailed design work is done. It's a visual representation of the layout, content, and functionality, helping designers, developers, and stakeholders understand the overall structure and flow. 
         </p>
         <a href="">Read more</a>
       </article>
+      <article>
+        <img src="Github.png" alt="" />
+        <h2>GitHub</h2>
+        <p>
+          GitHub is a cloud-based platform where you can store, share, and work together with others to write code. Storing your code in a "repository" on GitHub allows you to: Showcase or share your work. Track and manage changes to your code over time. Let others review your code, and make suggestions to improve it.
+        </p>
+        <a href="">Read more</a>
+      </article>
+      <article>
+        <img src="Re.jpeg" alt="" />
+        <h2>ReadMe</h2>
+        <p>
+          A README file is a text file, often named "README.txt" or "README.md", included in a folder or repository to provide essential information about the project or data it contains.
+        </p>
+          <a href="">Read more</a>
+      </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+          @2025 All rights reserved.
       </p>
     </footer>
-  </body>
+  </body>
 </html>
diff --git a/Wireframe/placeholder.svg b/Wireframe/placeholder.svg
deleted file mode 100644
index ac36a0abc..000000000
--- a/Wireframe/placeholder.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 90" role="presentation">
-  <rect width="160" height="90" fill="#eee"/>
-  <circle cx="120" cy="25" r="15" fill="hsl(0deg 83% 60% / 95%)"/>
-  <path d="M25 90 L80 30 L160 90 Z" fill="darkslategrey"/>
-  <path d="M0 90 L50 45 L100 90 Z" fill="slategrey"/>
-</svg>
\ No newline at end of file
diff --git a/Wireframe/style.css b/Wireframe/style.css
index be835b6c7..4f54bd9c9 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -31,6 +31,7 @@ body {
   color: var(--ink);
   font: var(--font);
 }
+
 a {
   padding: var(--space);
   border: var(--line);
@@ -41,18 +42,42 @@ svg {
   width: 100%;
   object-fit: cover;
 }
+article {
+  background-color: #fff;
+  border: 1px solid #ccc;
+  /* padding: 1rem; */
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+article h2 {
+  margin-top: 1rem;
+  font-size: 1.25rem;
+}
+
+
 /* ====== Site Layout ====== 
 Setting the overall rules for page regions
 https://www.w3.org/WAI/tutorials/page-structure/regions/
 */
+header {
+  text-align: center;
+  padding: 1.5rem;
+  font-size: 0.875rem;
+  background-color: #f0f0f0;
+  margin-bottom: 2rem;
+}
+
 main {
   max-width: var(--container);
   margin: 0 auto calc(var(--space) * 4) auto;
 }
+
 footer {
-  position: fixed;
-  bottom: 0;
   text-align: center;
+  padding: 1.5rem;
+  font-size: 0.875rem;
+  background-color: #f0f0f0;
+  margin-top: 2rem;
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
@@ -86,4 +111,4 @@ article {
   > img {
     grid-column: span 3;
   }
-}
+}
\ No newline at end of file
diff --git a/Wireframe/wireframe.png b/Wireframe/wireframe.png
index 731f01503..b457a41cb 100644
Binary files a/Wireframe/wireframe.png and b/Wireframe/wireframe.png differ