Added article title and decription for wireframe and Git Branch

Author: Lavanya-Projects

Wireframe/index.html

@@ -22,20 +22,21 @@ <h2>README file</h2>
         <a href="">Read more</a>
       </article>
  <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="https://tse1.mm.bing.net/th/id/OIP.mVq3zkrWKT_pEi-AgfvHLgHaEY?r=0&rs=1&pid=ImgDetMain&o=7&rm=3" alt="Image of wireframe" />
+        <h2>Wireframe</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A wireframe is a simple sketch that maps out the layout of a webpage before any design work begins. It focuses on the placement of elements like headings, images, buttons, and text blocks.<br>
+
+Instead of thinking about colours or styling, a wireframe helps you understand how information is organised and how users will move through the page. It’s a planning tool that shows structure first, design later.
         </p>
         <a href="">Read more</a>
       </article>
        <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="https://community.appsmith.com/sites/default/files/styles/wide/public/2023-10/git-branch_0.png?itok=qNGcbtVy" alt="Git Branch Image" />
+        <h2>Git Branch</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A Git branch is a separate workspace where you can make changes without affecting the main project.<br>
+It lets you develop features, fix bugs, or experiment safely. When the work is ready, the branch is merged back into the main codebase.
         </p>
         <a href="">Read more</a>
       </article>