name, email and color fields added

Author: risikatpopoola

Form-Controls/index.html

@@ -14,9 +14,33 @@ <h1>Product Pick</h1>
     <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-->
+        <!--What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
+What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
+What colour should this T-shirt be? I must provide 3 options. How will I ensure they do not choose other colours?
+What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL-->
+        <div>
+          <label for="name">Name:</label>
+          <input type="text" id="name" name="name" required>
+        </div>
+        <div>
+          <label for="email">Email</label>
+          <input type="email" id="email" name="email">
+        </div>
+        <div>
+          Color
+          <div>
+            <label for="color">Purple</label>
+            <input type="radio" name="purple" id="color" value="purple"> 
+          </div>
+          <div>
+            <label for="color">Blue</label>
+            <input type="radio" name="color" id="blue" value="blue"> 
+          </div>
+          <div>
+            <label for="color">Wine</label>
+            <input type="radio" name="color" id="wine" value="wine"> 
+          </div>
+        </div>
       </form>
     </main>
     <footer>