Update wireframe content and footer information

Author: mrafeie

Wireframe/index.html

@@ -24,13 +24,36 @@ <h2>The purpose of a README file</h2>
                     information they may need to use the software, such
                     installation instructions.
                 </p>
-                <a href="#">Read more</a>
+                 <a href="#">Read more about README files</a>
+            </article>
+            <article>
+                <img src="placeholder.svg" alt="" />
+                <h2>The purpose of a wireframe</h2>
+                <p>
+                    A wireframe is used to express the layout of a visual medium
+                    such as a newspaper, or web page. It helps designers and
+                    programmers to get a simple overview of a design.
+                </p>
+                <a href="">Read more about wireframing</a>
+            </article>
+            <article>
+                <img src="placeholder.svg" alt="" />
+                <h2>What is a Git branch</h2>
+                <p>
+                    A git branch is a copy of the code in a git repository.
+                    Branches are created so that developers can work separately
+                    on specific features. Once a feature is completed it is
+                    merged into main. If the creation of a feature is not
+                    successful, for example there are too many bugs, the branch
+                    can be deleted without affecting the main branch.
+                </p>
+                <a href="">Read more about Git</a>
             </article>
         </main>
         <footer>
             <p>
-                This is the default, provided code and no changes have been made
-                yet.
+                Completed by Mahdi Rafiei for Intro to programming at Code Your
+                Future.
             </p>
         </footer>
     </body>