initial attempt

Author: TaliaKucuk

Form-Controls/index.html

@@ -13,15 +13,27 @@ <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-->
+        <div><label for="name">Name:</label>
+        <input type="text" id="name" name="customers_name" required pattern=.*\S.*\S.*></div>
+        <!-- 1. What is the customer's name? I must collect this data and 
+           it contains at least two non-space characters. -->
+           <div><label for="mail">Email:</label>
+            <input type ="email" id="mail" name="customers_email" required></div>
+<!-- 2. What is the customer's email? I must make sure the email is valid.
+ Email addresses follow a consistent pattern.-->
+<div><label for="colour">Colour:</label><input id="colour" name="t-shirt colour" required></div>
+<!--3. What colour should this T-shirt be? I must provide 3 options. 
+How will I ensure they do not choose other colours?-->
+<div><label for="size">Size:</label><input id="size" name="t-shirt size" required></div>
+<!-- 4. What size does the customer want? I must provide the following 6 options:
+XS, S, M, L, XL, XXL-->
+<p class="button">
+  <button type="submit">Submit</button>
+</p>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      Talia Kucuk 
     </footer>
   </body>
 </html>