diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..1143e783e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,22 +6,129 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-  </head>
-  <body>
-    <header>
-      <h1>Product Pick</h1>
+   </head>
+   <body>
+   <header>
+
+    <h1><em>T-Shirt Selections</em></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>
+  <form>
+  <table>
+  
+  <!--Login Section-->
+  <legend><strong>Customer Details</strong></legend>
+ 
+
+    <tr>
+
+      <td><label for="name">Name</label></td>
+      <td><input 
+      type="text" 
+       id="name"
+       name="name" 
+       minlength="2"
+       required ></td>
+
+      
+    </tr>
+
+    <tr>
+
+      <td><label for="email">Email</label></td>
+      <td><input 
+      type="email" 
+       id="email"
+       name="email"
+       required ></td>
+
+    </tr>
+
+  </table>
+
+  <br>
+     
+  <button>Submit</button>
+
+
+   <br>
+    <!--Color Section-->
+
+    <fieldset>
+
+    <legend>
+        T-shirt Colour
+    </legend>
+
+    <label>
+        <input type="radio" name="Colour" value="red" required>
+        Red
+    </label>
+
+    <label>
+      <input type="radio" name="Colour" value="blue">
+        Blue
+    </label>
+
+    <label>
+      <input type="radio" name="Colour" value="black">
+      Black
+    </label>
+
+    </fieldset>
+
+    <!--Size Section-->
+
+    <br>
+
+    <fieldset>
+
+      <legend>
+        T-shirt Sizes
+      </legend>
+
+
+    <label>
+        <input type="radio" name="Size" value="XS" required>
+        XS
+    </label>
+
+    <label>
+      <input type="radio" name="Size" value="S">
+        S
+    </label>
+
+    <label>
+      <input type="radio" name="Size" value="M">
+        M
+    </label>
+
+    <label>
+      <input type="radio" name="Size" value="L">
+      L
+    </label>
+
+    <label>
+      <input type="radio" name="Size" value="XL">
+      XL
+    </label>
+
+    <label>
+      <input type="radio" name="Size" value="XXL">
+      XXL
+    
+    </label>
+
+    </fieldset>
+
+  </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      
+      <h2>By Karim M'hamdi</h2>
+      
     </footer>
   </body>
 </html>
diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..c6c59b8e2 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -30,4 +30,4 @@ <h2>Title</h2>
       </p>
     </footer>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/Wireframe/style.css b/Wireframe/style.css
index be835b6c7..1585c4ab4 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -86,4 +86,4 @@ article {
   > img {
     grid-column: span 3;
   }
-}
+}
\ No newline at end of file
