Add all three articles with semantic HTML and descriptive content

Author: grantriches-byte

Wireframe/index.html

@@ -14,19 +14,41 @@ <h1>Wireframe</h1>
       </p>
     </header>
     <main>
-      <article>
-        <img src="placeholder.svg" alt="Illustration of a README file" />
-        <h2>What are README files?</h2>
-        <p>
-          A README file explains what a project is, how to use it, and why it is useful.
-          It helps users and contributors understand how to get started and where to get help.
-        </p>
-        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more about README files</a>
-      </article>
-    </main>
+      <section>
+        <article>
+          <img src="placeholder.svg" alt="Illustration of a README file" />
+          <h2>What is the purpose of a README file?</h2>
+          <p>
+            A README file explains what a project is, how to use it, and why it is useful.
+            It helps users and contributors understand how to get started and where to get help.
+          </p>
+          <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more about README files</a>
+        </article>
+      
+        <article>
+          <img src="wireframe.png" alt="Illustration of a wireframe" />
+          <h2>What is the purpose of a wireframe?</h2>
+          <p>
+            A wireframe is a basic illustration of a website or app.
+            They are used to design the layout, showing all elements of the page without going into details such as fonts and colours.
+          </p>
+          <a href="https://www.geeksforgeeks.org/blogs/what-is-wireframing/">Read more about Wireframes</a>
+        </article>
+      
+        <article>
+          <img src="placeholder.svg" alt="Illustration of a Git branch" />
+          <h2>What is a branch in Git?</h2>
+          <p>
+            A branch in Git is like a separate workspace where you can make changes and try new ideas without affecting the main project.
+            Creating a branch allows you to make changes without affecting the original version.
+          </p>
+          <a href="https://www.w3schools.com/git/git_branch.asp?_gl=1*1pmlokl*_ga*NzI4ODc3OTYyLjE3NjkxMTc0MzI.*_ga_9YNMTB56NB*czE3NjkxMTc0MzEkbzEkZzEkdDE3NjkxMTc0MzIkajU5JGwwJGgw">Read more about Git branches</a>
+        </article>
+      </section>
+    </main>  
     <footer>
       <p>
-        &copy; Code Your Future
+         &copy; Code Your Future
       </p>
     </footer>
   </body>