diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..b362a77e3 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -10,23 +10,29 @@
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        This is a brief webf page for sprint 1 developed by Gloria.
       </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>
+      <article class="article-one">
+        <h2>Article One: What is the purpose of a README file?</h2>
+        <p>The ReadMe file provides a quick overview and any essential instructions for user or developer.</p>
+        <a href="#">Read more</a>
+      </article>
+      <article class="article-two">
+        <h2>Article Two: What is the purpose of a wireframe?</h2>
+        <p> The wireframe acts as a skeleton of a website or an application user interface.</p>
+        <a href="#">Read more</a>
+      </article>
+      <article class="article-three">
+        <h2>Article Three: What is a branch in Git?</h2>
+        <p>Branch is a seperated environment of your repositories where you can make commits and push to different branche to isloate changes and for version control</p>
+        <a href="#">Read more</a>
       </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+       Hopefully this has covered the sucess criteria .
       </p>
     </footer>
   </body>
diff --git a/Wireframe/style.css b/Wireframe/style.css
index be835b6c7..0306cd9d3 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -87,3 +87,20 @@ article {
     grid-column: span 3;
   }
 }
+.article-one {
+  height: 220px;
+  background-size: cover;
+  background-position: center;
+}
+
+.article-one {
+  background-image: url("https://images.unsplash.com/photo-1591608516485-a1a53df39498?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
+}
+
+.article-two {
+  background-image: url("https://media.istockphoto.com/id/876487150/photo/abstract-background-of-source-code-branch-3d-rendering.jpg?s=2048x2048&w=is&k=20&c=NOW2-RKP_-5Cf9KyLZ1Mc3F1NbustFJD4YUMnwZ04WU=");
+}
+
+.article-three {
+  background-image: url("https://plus.unsplash.com/premium_photo-1742560146448-86ff6f51c5e7?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
+}