diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..73301eb8a 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -3,25 +3,49 @@
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>My form exercise</title>
+    <title>Form Controls exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-  </head>
+  </head>                                                     
   <body>
     <header>
       <h1>Product Pick</h1>
     </header>
+
     <main>
       <form>
         <!-- write your html here-->
-        <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
-      </form>
+        <!-- try writing out the requirements first as comments
+         this will help you fill in your PR message later
+          
+  
+
+        <div
+        <label for="email">Email:</label>
+      </div>
+      <br>
+      <div>
+
+      </div>
+        <label for="name">Name<Choosea colour:</label>
+        <input type="text" id="name" name="name" required>
+
+        <label for="colour">Choose a colour:</label>
+        <select id="colour" name="colour" required>
+          <option value="black">Black</option>
+          <option value="pink">Pink</option>
+          <option value="purple">Purple</option>
+
+          
+          </select>
+        </div>
+        <br>
+        <button
+      </div>
     </main>
     <footer>
-      <!-- change to your name-->
       <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By Yesirat Adeboye</h2>
     </footer>
   </body>
 </html>
diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..6afa172d1 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -3,30 +3,50 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Wireframe</title>
+    
+    <Title>Developer Basics</Title> 
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <header>
-      <h1>Wireframe</h1>
+      <h1>Developer Basics</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
+        Introducing README files, Wireframes, and Git Branches
+    
+     </p>
     </header>
     <main>
+      <section class="articles>"
       <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <h2>README Files</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A README file is a text file that explains what a project is and how to use it. It explains the purpose of a project.
+          It also contains information about the project's features, installation instructions, and usage examples.
         </p>
+        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/about-readme" target="_blank" rel="noopener">Read more</a>
         <a href="">Read more</a>
       </article>
+      <article>
+        <h2>Wireframes</h2>
+        <p>
+          A wireframe is a simple visual guide that represents the skeletal framework of a website or application. It is used to plan the layout and structure of a digital product before the actual design and development process begins.
+        </p>
+        <a href="https://www.interaction-design.org/literature/topics/wireframing" target="_blank" rel="noopener">Read more</a>
+      </a>
+    </article>
+
+      <article>
+        <h2>Git Branches</h2>
+        <p>
+          A Git branch is a separate line of development in a Git repository. It allows multiple developers to work on different features or bug fixes simultaneously without interfering with each other's work.
+        </p>
+        <a href="https://www.atlassian.com/git/tutorials/using-branches" target="_blank" rel="noopener">Read more</a>
+      </article>
+    </section>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        2026 &copy; Yesirat Adeboye
       </p>
     </footer>
   </body>
