Add basic input fields for name, email, shirt colour and size in index.html

Author: MahirShah300

Form-Controls/index.html

@@ -13,15 +13,49 @@ <h1>Product Pick</h1>
     </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-->
+          collect name, email, tshirt colour, tshirt size-->
+          <!--Validation: 
+                      name at least two non space characters
+                      Email valid format, follow expected pattern
+                      colour - 3 options
+                      size - 6 options, XS, S, M, L, XL, XXL-->
+        <div>
+          <label for="name">Name:</label>
+          <input type="text" id="name" name="name" required>
+        </div>
+        <br>
+        <div>
+          <label for="email">Email:</label>
+          <input type="email" id="email" name="email" required>
+        </div>
+        <br>
+        <div>
+          <label for="colour">Colour</label>
+          <select name="colour" id="colour" required>
+            <option value="">Please select</option>
+            <option value="white">White</option>
+            <option value="black">Black</option>
+            <option value="green">Green</option>
+          </select>
+        </div>
+        <br>
+        <div>
+          <label for="size">Size</label>
+          <select name="size" id="size" required>
+            <option value="">Please select</option>
+            <option value="xs">Extra Small</option>
+            <option value="s">Small</option>
+            <option value="m">Medium</option>
+            <option value="l">Large</option>
+            <option value="xl">Extra Large</option>
+            <option value="xxl">Extra Extra Large</option>
+          </select>
+        </div>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Mahir Shah</p>
     </footer>
   </body>
 </html>