CodeYourFuture
diff --git a/‎Wireframe/index.html‎
Lines changed: 39 additions & 29 deletions b/‎Wireframe/index.html‎
Lines changed: 39 additions & 29 deletions
@@ -2,57 +2,67 @@
 <html lang="en">
 
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Wireframe</title>
-  <link rel="stylesheet" href="style.css" />
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>
+    All about Wireframes, READMEs and Git Branches
+  </title>
+  <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
   <header>
-    <h1>Wireframe</h1>
-    <p class="wireframe-title">
-      A wireframe is a basic visual guide used in design, especially in web
-      and app development, to represent the structure and layout of a page or
-      interface before the final design is created.
+    <h1>
+      All about Wireframes, READMEs and Git Branches
+    </h1>
+    <p>
+      This page explores wireframes in web design, the significance of README
+      files in software projects and the role of branches in Git version
+      control.
     </p>
   </header>
-
   <main>
     <article>
-      <img src="placeholder.svg" alt="Placeholder image" />
-      <h2>Purpose of a README File</h2>
+      <img src="placeholder.svg" alt="">
+      <h2>Wireframe</h2>
       <p>
-        A README file serves as the main introduction and documentation for a project,
-        typically found in the root directory of software repositories (like those on GitHub).
-          <a href="https://www.mygreatlearning.com/blog/readme-file/">Read more</a>
+        Wireframe provides a foundational structural template for web pages.
+        It serves as a communication tool for stakeholders, web designers and
+        developers, providing a simple structural view of the rendered web
+        page.
       </p>
+      <a
+        href="https://www.wix.com/blog/what-are-wireframes?experiment_id=%5E%5E40312ac7-ca22-4ba2-bd8e-0b726ed32275%5E">Read
+        more</a>
     </article>
-
     <article>
-      <img src="placeholder.svg" alt="Placeholder image" />
-      <h2>Purpose of a Wireframe</h2>
+      <img src="placeholder.svg" alt="">
+      <h2>README Files</h2>
       <p>
-        The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website,
-        app, or digital interface before any actual design or coding begins.
-        <a href="https://balsamiq.com/learn/articles/what-are-wireframes/">Read more</a>
+        README files offer essential explanatory information about a codebase
+        within a repository, including usage instructions and details about
+        its features.
       </p>
+      <a href="https://www.makeareadme.com/">Read more</a>
     </article>
-
     <article>
-      <img src="placeholder.svg" alt="Placeholder image" />
-      <h2>A Branch in Git</h2>
+      <img src="placeholder.svg" alt="">
+      <h2>Git branches</h2>
       <p>
-        A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you
-        to work on different versions of a project without affecting the main codebase.
-        <a href="https://www.w3schools.com/git/git_branch.asp">Read more</a>
+        Git branches are a fundamental feature that enables users to develop
+        features and make commits independently of the main branch. This
+        facilitates parallel development by multiple teams without causing
+        conflicts directly.
       </p>
+      <a href="https://git-scm.com/book/en/v2/Git-Branching-Branches-in-a-Nutshell">Read more</a>
     </article>
   </main>
-
   <footer>
     <p>
-      Author: Gideon Defar</p>
+      &copy; 2025 Your Project/Website Name. All Rights Reserved. | <a href="mailto:contact@yourdomain.com">Contact
+        Us</a> | <a href="/about">About</a> | <a href="/sitemap">Sitemap</a>
+    </p>
   </footer>
 </body>
+
 </html>