Refactor code structure for improved readability

Author: JohnRob-jnr

Wireframe/img/Gitbranch1.jpg

@@ -13,7 +13,7 @@ <h1>Web Development & Planning</h1>
     </header>
       <main>
       <article>
-         <img src="Wireframe1.png" alt="wireframe" />
+         <img src="../Wireframe/img/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.
@@ -22,7 +22,7 @@ <h2>Wireframe</h2>
       <a href="https://www.figma.com/resource-library/what-is-wireframing/">Read more</a>
       </article>
       <section>
-        <img src="readmeimg.png" alt="" />
+        <img src="./img/readmeimg.png" alt="README File" />
         <h3>README File</h3>
         <p>
           What is the purpose of a README file? It serves as the introductory guide and instruction manual for a project,
@@ -31,7 +31,7 @@ <h3>README File</h3>
         <a href="https://www.geeksforgeeks.org/git/what-is-readme-md-file/">Read more</a>
       </section>
       <section>
-        <img src="Gitbranch1.jpg" alt="" />
+        <img src="./img/Gitbranch1.jpg" alt="Git Branch" />
         <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,