diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..80d9de5d0 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,22 +6,101 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <link rel="Stylesheet" href="Mystyle.css" />
   </head>
   <body>
     <header>
-      <h1>Product Pick</h1>
+      <h1>T-Shirt Order</h1>
     </header>
     <main>
+      <h2> Verify your order and details below:</h2>
       <form>
-        <!-- write your html here-->
-        <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
+
+        <!-- REQUIREMENTS:
+         Each requirement is listed as a comment with the corresponding code below it-->
+
+         <div class="container">
+
+        <!-- 1.Customer's name - ensure it contains at least two non-space characters. -->
+               <div>
+                  <p>
+                    <label>Full Name:
+                    <input type = "text" id = "name" name = "name">
+                    </label>
+                  </p>
+               </div>
+
+        <!-- 2.Customer's email - Email must be valid and follow consistent pattern. -->
+         <div>
+          <p>
+            <label>Email:
+            <input type = "email" id = "mail" name = "User Email">
+            </label>
+          </p>
+         </div>
+          
+        <!-- 3.T-Shirt colours - Provide 3 options, ensure right option can be picked. -->
+         <div>
+          <p>
+            <label for="T-Shirt-Colour"> T-Shirt Colour: </label>
+            <select name="T-Shirt-Colour" id="T-Shirt-Colour">
+
+              <option selected disabled > Select a colour </option>
+
+              <option label="Red" value="Red"> Red </option>
+              
+              <option label="Blue" value="Blue"> Blue </option>
+
+              <option label="Yellow" value="Yellow"> Yellow </option>
+            </select>
+          </p>
+         </div>
+        
+         <!-- 4.Provide size options -XS, S, M, L, XL, XXL -->
+            <div>
+              <p>T-Shirt Size:</p>
+
+             <p>
+            <label>XS:
+              <input type = "radio" id = "XS" name = "Size" value = "XS">
+              </label>
+
+            <label>S:
+              <input type = "radio" id = "S" name = "Size" value = "S">
+              </label>
+              
+            <label>M:
+              <input type = "radio" id = "M" name = "Size" value = "M">
+              </label>
+
+            <label>L:
+              <input type = "radio" id = "L" name = "Size" value = "L">
+              </label>
+            
+            <label>XL:
+              <input type = "radio" id = "XL" name = "Size" value = "XL">
+              </label>
+            
+            <label>XXL:
+              <input type = "radio" id = "XXL" name = "Size" value = "XXL">
+              </label>
+            </p>
+          </div>
+        </div>
+
+      <br>
+
+      <div>
+        <button type="submit">Submit</button>
+      </div>
+
+
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Craig Stoddart</p>
     </footer>
   </body>
 </html>
diff --git a/Form-Controls/mystyle.css b/Form-Controls/mystyle.css
new file mode 100644
index 000000000..3301cb644
--- /dev/null
+++ b/Form-Controls/mystyle.css
@@ -0,0 +1,16 @@
+/* Form Styling */
+/* Text Formatting */
+/* Headers */
+h1, h2 {font-family: Tahoma;}
+
+h2 {font-weight: lighter;}
+
+/* Paragraph */
+
+p {font-family: verdana;
+font-size: 90%;}
+
+.container {border-style: solid;
+    border-width: 1px;
+    padding: 5px;
+    max-width:350px;}
