CodeYourFuture
diff --git a/‎Wireframe/index.html‎
Lines changed: 25 additions & 7 deletions b/‎Wireframe/index.html‎
Lines changed: 25 additions & 7 deletions
@@ -3,7 +3,13 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
   <title>Web Development Essentials</title>
+
+  <!-- SEO -->
+  <meta name="description" content="A beginner-friendly guide to README files, wireframes, and Git branches in modern web development.">
+  <meta name="theme-color" content="#ffffff">
+
   <link rel="stylesheet" href="style.css">
 </head>
 
@@ -12,7 +18,7 @@
   <header class="page-header">
     <h1>Web Development Essentials</h1>
     <p class="description">
-      An informational overview of modern software engineering tools and processes.
+      An overview of key web development concepts and documentation tools.
     </p>
   </header>
 
@@ -29,7 +35,11 @@ <h2>What is the purpose of a README file?</h2>
         <p class="summary">
           A README explains how a project works, how to install it, and how to use it.
         </p>
-        <a class="read-more-btn" href="https://programming.codeyourfuture.io/">Read More</a>
+
+        <a class="read-more-btn"
+           href="https://programming.codeyourfuture.io/">
+          Read more about README files
+        </a>
       </div>
     </article>
 
@@ -42,11 +52,15 @@ <h2>What is the purpose of a README file?</h2>
         </div>
 
         <div class="article-details">
-          <h2>What is the purpose of a wireframe?</h2>
+          <h2>What is a wireframe?</h2>
           <p class="summary">
-            A wireframe is a simple layout plan showing structure before design is added.
+            A wireframe is a simple layout plan that shows structure before design is added.
           </p>
-          <a class="read-more-btn" href="https://www.productplan.com/glossary/wireframe/">Read More</a>
+
+          <a class="read-more-btn"
+             href="https://www.productplan.com/glossary/wireframe/">
+            Learn more about wireframes
+          </a>
         </div>
       </article>
 
@@ -56,11 +70,15 @@ <h2>What is the purpose of a wireframe?</h2>
         </div>
 
         <div class="article-details">
-          <h2>What is a branch in Git?</h2>
+          <h2>What is a Git branch?</h2>
           <p class="summary">
             A branch allows developers to work on features separately from the main codebase.
           </p>
-          <a class="read-more-btn" href="https://git-scm.com">Read More</a>
+
+          <a class="read-more-btn"
+             href="https://git-scm.com">
+            Learn more about Git branches
+          </a>
         </div>
       </article>