ogranized into folders

Author: Yonas Gebre

Wireframe/README.md

@@ -13,7 +13,7 @@
 <!--{{</objectives>}}>-->
 
 ## Task
-![Wireframe](./wireframe.png)
+![Wireframe](./images/wireframe.png)
 
 Using the provided wireframe and resources, write a new webpage explaining:
 

Wireframe/image_branch.png Wireframe/images/image_branch.pngWireframe/image_branch.png renamed to Wireframe/images/image_branch.png

@@ -20,7 +20,7 @@ <h1>Basic of Web Development </h1>
     <main>
       <article>
 
-        <img src="image_readme.png" alt="README file illustration" />
+        <img src="images/image_readme.png" alt="README file illustration" />
         <h2>Purpose of README file</h2>
          <p>
         README files to communicate important information about a project for users and developers.
@@ -37,10 +37,10 @@ <h2>Purpose of README file</h2>
             <li>License information</li>
           </ul>
 
-        <a href="purpose_readme.html">Read more</a>
+        <a href="pages/purpose_readme.html">Read more</a>
       </article>
       <article>
-        <img src="image_wireframe.png" alt="Wireframe Example" />
+        <img src="images/image_wireframe.png" alt="Wireframe Example" />
         <h2>Purpose of a wireframe</h2>
         <p>
           Wireframe graphic representation of a website, mobile app, or other digital interface that highlights the overall structure and layout of the design without going into specifics like colors, fonts, or images. A wireframe is a product outline that shows what interface elements will be present on important pages.
@@ -54,10 +54,10 @@ <h2>Purpose of a wireframe</h2>
             <li>Communication</li>
 
           </ul>
-        <a href="purpose_wireframe.html">Read more</a>
+        <a href="pages/purpose_wireframe.html">Read more</a>
       </article>
     <article>
-        <img src="image_git.png" alt="branch in git" id="branch-image"/>
+        <img src="images/image_git.png" alt="branch in git" id="branch-image"/>
         <h2>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.