Add README article content and improve page header and footer

Author: grantriches-byte

Wireframe/index.html

@@ -10,23 +10,23 @@
     <header>
       <h1>Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        This page explains key concepts used in web development and version control.
       </p>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <img src="placeholder.svg" alt="Illustration of a README file" />
+        <h2>What are README files?</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A README file explains what a project is, how to use it, and why it is useful.
+          It helps users and contributors understand how to get started and where to get help.
         </p>
-        <a href="">Read more</a>
+        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more about README files</a>
       </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        &copy; Code Your Future
       </p>
     </footer>
   </body>