-Duplicated <main> code snippet x2 to create basic structure; changed duplicate headings to "README" + "Git Branches," respectively.

"Wireframe" article:
- img: Replaced "placeholder.svg" with "wireframe.png," added alt description.
- <p>: removed default text; added explanation of wireframes.
-<a>: added hyperlink to figma.com article on wireframes.

Author: CraigStodd

Wireframe/index.html

@@ -15,8 +15,34 @@ <h1>Wireframe To Web Code</h1>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
+        <img src="wireframe.png" alt="Picture of an example wireframe" />
         <h2>Wireframe</h2>
+        <p>
+      A wireframe is a plan outlining the basic structure of the elements of a website, webpage or digital interface - 
+      its purpose is to give the viewer a rough idea of how content will be displayed and function in the final product, 
+      such as banners, navigation bars, buttons, images, and articles. 
+      In essence, a wireframe is the architectural "blueprint" of a web document.    
+        </p>
+        <a href="https://www.figma.com/resource-library/what-is-wireframing/">Read more</a>
+      </article>
+    </main>
+
+      <main>
+      <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>README</h2>
+        <p>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
+          voluptates. Quisquam, voluptates.
+        </p>
+        <a href="">Read more</a>
+      </article>
+    </main>
+
+        <main>
+      <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>Git Branches</h2>
         <p>
           Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
           voluptates. Quisquam, voluptates.