Refactor code structure for improved readability and maintainability

Author: JohnRob-jnr

Wireframe/Gitbranch1.jpg

@@ -13,16 +13,16 @@ <h1>Web Development & Planning</h1>
     </header>
       <main>
       <article>
-         <img src="wireframe.png" alt="wireframe" />
+         <img src="Wireframe1.png" alt="wireframe" />
       <h2>Wireframe</h2>
       <p>
         What is the purpose of a wireframe? Think of "Wireframe" as the  Architectural blueprint of a website or App.
         A visual guide that outlines the structure, layout and placement of elements on a website. 
       </p>
-      <a href="">Read more</a>
+      <a href="https://www.figma.com/resource-library/what-is-wireframing/">Read more</a>
       </article>
       <section>
-        <img src="placeholder.svg" alt="" />
+        <img src="readmeimg.png" alt="" />
         <h3>README File</h3>
         <p>
           What is the purpose of a README file? It serves as the introductory guide and intruction manual for a project,
@@ -31,7 +31,7 @@ <h3>README File</h3>
         <a href="">Read more</a>
       </section>
       <section>
-        <img src="placeholder.svg" alt="" />
+        <img src="Gitbranch1.jpg" alt="" />
         <h3>Branch in Git</h3>
         <p>
           What is a branch in Git? A branch in Git is a seperate line of development that allows you to isolate your work,