diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..cd6779f49 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -6,22 +6,109 @@
     <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"
+                  pattern=".*\S.*\S.*"
+                  title="Please enter at least two letters or characters (spaces do not count)."
+                  required
+                />
+              </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" required />
+              </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" required>
+                <option value="" selected>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" name="Size" value="XS" required />
+              </label>
+
+              <label
+                >S:
+                <input type="radio" name="Size" value="S" required />
+              </label>
+
+              <label
+                >M:
+                <input type="radio" name="Size" value="M" required />
+              </label>
+
+              <label
+                >L:
+                <input type="radio" name="Size" value="L" required />
+              </label>
+
+              <label
+                >XL:
+                <input type="radio" name="Size" value="XL" required />
+              </label>
+
+              <label
+                >XXL:
+                <input type="radio" name="Size" value="XXL" required />
+              </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;}
