CodeYourFuture
diff --git a/‎Wireframe/index.html‎
Lines changed: 39 additions & 8 deletions b/‎Wireframe/index.html‎
Lines changed: 39 additions & 8 deletions
@@ -8,21 +8,52 @@
   </head>
   <body>
     <header>
-      <h1>Wireframe</h1>
-      <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
+      <h1>The struggle of coding </h1>
+      <h2>
+        I will succeed
+        
+      </h2>
     </header>
     <main>
+      <section>
+        
+      <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>What is the Purpose of a README file</h2>
+        <p>
+          README files typically include information on:
+          -What the project does
+          -Why the project is useful
+          -how users can get started with the project
+          -Where users can get help with your project
+          -Who maintains and contributes to the project
+
+        </p>
+        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
+      </article>
+
+      <article>
+        <img src="placeholder.svg" alt="">
+        <h2>What is a branch in Git</h2>
+        <p>
+          In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the main project. Think of it as a "parallel universe" for your code.
+
+        </p>
+        <a href="https://www.w3schools.com/git/git_branch.asp?remote=github">Read more</a>
+
+      </article>
+
+
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <h2>What is the purpose of wireframe </h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A wireframe is the skeleton of your digital project. Think of it as the foundation for your website, app, or dashboard. It focuses on layout, and content placement—not on colors, fonts, or any visual polish.
         </p>
-        <a href="">Read more</a>
+        <a href="https://balsamiq.com/blog/what-are-wireframes/" >Read more</a>
+       
       </article>
+      </section>
     </main>
     <footer>
       <p>