diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..f8a3f20ed 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,27 +1,101 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>My form exercise</title>
-    <meta name="description" content="" />
+    <meta name="description" content=" Creating a structural form element" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
   <body>
     <header>
       <h1>Product Pick</h1>
+      <h2>By HOMEWORK SOLUTION</h2>
     </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-->
+        <section>
+          <p>
+            <label>
+              Name
+              <input
+                type="text"
+                id="name"
+                placeholder="Please enter your name"
+                required
+                pattern="^[A-Za-z]{2,20}$"
+              />
+            </label>
+          </p>
+          <p>
+            <label>
+              Email
+              <input type="email" placeholder="Enter you email here" required />
+            </label>
+          </p>
+
+          <label>Color</label>
+          <ul>
+            <li>
+              <br />
+              <label>
+                <input
+                  type="radio"
+                  id="red"
+                  value="Red"
+                  name="color"
+                  required
+                />
+                Red
+              </label>
+            </li>
+
+            <li>
+              <br />
+              <label>
+                <input
+                  type="radio"
+                  id="blue"
+                  value="Blue"
+                  name="color"
+                  required
+                />
+                Blue
+              </label>
+            </li>
+
+            <li>
+              <br />
+              <label>
+                <input
+                  type="radio"
+                  id="green"
+                  value="Green"
+                  name="color"
+                  required
+                />
+                Green
+              </label>
+            </li>
+          </ul>
+          <p>
+            <label for="size">Size</label>
+          </p>
+          <select name="size" id="size" required>
+            <option value="" disabled selected hidden>Select an option</option>
+            <option value="xs">XS</option>
+            <option value="s">S</option>
+            <option value="m">M</option>
+            <option value="l">L</option>
+            <option value="xl">XL</option>
+            <option value="xxl">XXL</option>
+          </select>
+        </section>
+        <br />
+        <button type="submit">Submit</button>
       </form>
     </main>
-    <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
-    </footer>
+
+    <footer>Form by Edak</footer>
   </body>
 </html>
