Add wireframe article with image, title, summary, and link

Author: Zadri415

Wireframe/index.html

@@ -21,6 +21,19 @@ <h2>What is a README file?</h2>
         </p>
         <a href="https://www.geeksforgeeks.org/what-is-readme-md-file/#what-is-a-readmemd-file">Read more</a>
       </article>
+
+      <article>
+        <img src="https://balsamiq.com/assets/learn/articles/wireframe-example-plain.png" alt="wireframe example" />
+        <h2>What is a Wireframe?</h2>
+        <p>
+          A wireframe is a visual blueprint of a website or application's layout, focusing on structure and functionality without the distraction of design elements like colors or images. It helps teams plan the user interface and user experience effectively before development begins.
+        </p>
+        <a href="https://balsamiq.com/learn/articles/what-are-wireframes">Learn more</a>
+      </article>
+
+      <article>
+
+      </article>
     </main>
     <footer>
       <p>