ITP-JAN-25-Manchester| Ahmed Mahmoud | module-onboarding/Wireframe 2| Week2

Author: Aomahmed

Wireframe/index.html

@@ -14,20 +14,52 @@ <h1>Wireframe</h1>
       </p>
     </header>
     <main>
+      <!-- article 1 -->
+      <article >
+        <img src="placeholder.svg" alt="img_article_1" />
+        <h2>1. What is the purpose of a README file?</h2>
+        <p>
+          A README file is a crucial component of many software projects, especially those hosted on platforms like GitHub.
+           It serves as the first point of contact for users and developers who want to understand the purpose, setup, and usage 
+           of a project. Essentially, a README file provides a detailed description of a project, including instructions on how to install and run it
+        </p>
+        <a href="https://www.geeksforgeeks.org/what-is-readme-md-file/">Read more</a>
+      </article>
+      <!-- article 2 -->
+      <article>
+        <img src="placeholder.svg" alt="img_article_2" />
+        <h2>1. What is the purpose of a wireframe?</h2>
+        <p>
+          Purpose of Wireframe:
+          Structural Planning: Wireframes aid designers in organizing and planning the structural arrangement of a digital interface. 
+          They concentrate on the best ways to arrange various components on a screen in order to produce an orderly and logical framework.
+          User Flow: By illustrating how users will move through the interface and access various features and content, wireframes assist 
+          designers in planning the flow of user interactions.
+          Communication: Wireframes are a tool for communicating with 
+          stakeholders, designers, and developers. They give design ideas and concepts a unified visual language.
+                    
+        </p>
+        <a href="https://www.geeksforgeeks.org/what-is-wireframing/">Read more</a>
+      </article>
+      <!-- article 3 -->
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="placeholder.svg" alt="img_article_3" />
+        <h2>1. What is a branch in Git?</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          Branch in Git is similar to the branch of a tree. Analogically, a tree branch is attached to the central part of the tree called
+           the trunk. While branches can generate and fall off, the trunk remains compact and is the only part by which we can say the
+            tree is alive and standing. Similarly, a branch in Git is a way to keep developing and coding a new feature or modification
+             to the software and still not affecting the main part of the project. We can also say that branches create another line of
+              development in the project
         </p>
-        <a href="">Read more</a>
+        <a href="https://www.toolsqa.com/git/branch-in-git/">Read more</a>
       </article>
+
+      
     </main>
     <footer>
-      <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
+      <p>Author: Ahmed Mahmoud</p>
+      <p><a href="[email protected]">[email protected]</a></p>
     </footer>
   </body>
 </html>