diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..03b67d884 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -3,25 +3,100 @@
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>My form exercise</title>
+    <title>Customer Information Form</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      fieldset{
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+      }
+    </style>
   </head>
   <body>
-    <header>
+    <nav>
       <h1>Product Pick</h1>
-    </header>
+    </nav>
+
     <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-->
+        <!-- try writing out the requirements first as comments, this will also help you fill in your PR message later-->
+        <section>
+          <fieldset>
+            <legend>
+              Customer information
+            </legend>
+            <div>
+              <label for="name">Name</label>
+              <input type="text" id="name" name="customer-name" placeholder="Name" required>
+            </div>
+  
+            <div>
+              <label for="email">Email</label>
+              <input type="email" id="email" name="customer-email" placeholder="Email" required>
+            </div>
+          </fieldset>
+        </section>
+        <section>
+          <fieldset>
+            <legend>
+              T-shirt Color
+            </legend>
+            <div>
+              <label for="color">Color</label>
+              <select name="color" id="color" required>
+                <option value="" disabled selected>Color</option>
+                <option value="White">White</option>
+                <option value="Black">Black</option>
+                <option value="Green">Green</option>
+              </select>
+            </div>
+          </fieldset>
+
+          <fieldset>
+            <legend>
+              T-shirt Size
+            </legend>
+
+            <div>
+              <input type="radio" name="size" id="xs" value="Extra small" required>
+              <label for="xs">XS</label>
+            </div>
+            <div>
+              <input type="radio" name="size" id="s" value="Small" required>
+              <label for="s">S</label>
+            </div>
+            <div>
+              <input type="radio" name="size" id="m" value="Medium" required>
+              <label for="m">M</label>
+            </div>
+            <div>
+              <input type="radio" name="size" id="l" value="Large" required>
+              <label for="l">L</label>
+            </div>
+            <div>
+              <input type="radio" name="size" id="xl" value="Extra large" required>
+              <label for="xl">XL</label>
+            </div>
+            <div>
+              <input type="radio" name="size" id="xxl" value="XX Large" required>
+              <label for="xxl">XXL</label>
+            </div>
+          </fieldset>
+        </section>
+
+        <button type="submit">Submit information</button>
       </form>
     </main>
+
+    <hr>
+
     <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <small>
+        By Fida H Ali Zada
+      </small>
     </footer>
   </body>
 </html>
