CodeYourFuture
diff --git a/‎Wireframe/index.html‎
Lines changed: 22 additions & 7 deletions b/‎Wireframe/index.html‎
Lines changed: 22 additions & 7 deletions
@@ -3,30 +3,45 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Wireframe</title>
+    <title>Developer Learning Basics</title>
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <header>
-      <h1>Wireframe</h1>
+      <h1>Developer Learning Basics</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        Learn the basics of README files, wireframes, and Git branches used in software development.
       </p>
     </header>
     <main>
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <h2>README Files</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A README file explains what a project does and helps developers understand how to use it.
+        </p>
+        <a href="">Read more</a>
+      </article>
+      <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>Wireframes</h2>
+        <p>
+          Wireframes are simple drawings that show how a website or app will look and work.
+        </p>
+        <a href="">Read more</a>
+      </article>
+      <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>Git Branches</h2>
+        <p>
+          Git branches allow developers to work on different versions of a project simultaneously.
         </p>
         <a href="">Read more</a>
       </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        Complated by Bisrat Tesfay for CYF ITP May 2026 cohort.
       </p>
     </footer>
   </body>