diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..4036e9114 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -8,26 +8,34 @@
   </head>
   <body>
     <header>
-      <h1>Wireframe</h1>
-      <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
+      <h1>Understanding Developer Tools</h1>
+      <p>A simple guide to README files, wireframes, and the Git branches.</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.
-        </p>
-        <a href="">Read more</a>
+        <img src="placeholder.svg" alt="README file illustration" />
+        <h2>What is the purpose of a README file?</h2>
+        <p>A README explains what a project does, how to install it, and how to use it.</p>
+        <a href="#">Learn more</a>
       </article>
+
+      <article>
+        <img src="placeholder.svg" alt="Wireframe sketch" />
+        <h2>What is the purpose of a wireframe?</h2>
+        <p>A wireframe shows the layout of a webpage before coding begins. It helps developers plan structure and content.</p>
+        <a href="#">Learn more</a>
+      </article>
+
+      <article>
+        <img src="placeholder.svg" alt="Git branch diagram" />
+        <h2>What is a branch in Git?</h2>
+        <p>A branch allows you to work on new features without affecting the main codebase.</p>
+        <a href="#">Learn more</a>
+      </article>
+
     </main>
     <footer>
-      <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
+      <p>Contact | About | Privacy</p>
     </footer>
   </body>
 </html>
diff --git a/Wireframe/style.css b/Wireframe/style.css
index be835b6c7..d068aebcf 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -52,7 +52,11 @@ main {
 footer {
   position: fixed;
   bottom: 0;
+  width: 100%;
+  background: #333;
+  color: white;
   text-align: center;
+  padding: 10px;
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
