creating color input element and Size input element

Author: Tobias-Amaechina

Form-Controls/index.html

@@ -41,9 +41,34 @@ <h1>Product Pick</h1>
         arial-describedby="passwordHelp"</>
           <small id="passwordHelp">Must be at least 8 characters long and include at least one uppercase letter, one lowercase letter, one number, and one special character</small>
           </section>
+          <!--Shirt Color-->
+          <section class="form-group">
+          <label for = "shirt-color">Shirt Color</label>
+          <select id="shirt-color" name="shirt-color" required>
+            <option value="">Select a color</option>
+            <option value="red">Red</option>
+            <option value="blue">Blue</option>
+            <option value="green">Green</option>
+            </select> 
+          </section>
+          <!---Shirt Size-->
+          <section class="form-group">
+          <label for = "shirt-size">Shirt Size</label>
+          <select id="shirt-size" name="shirt-size" required>
+            <option value="">Select a size</option>
+            <option value="XS">XS</option>
+            <option value="S">S</option>
+            <option value="M">M</option>
+            <option value="L">L</option>
+            <option value="XL">XL</option>
+            <option value="XXL">XXL</option>
+          </select>
+          </section> 
+          <!--Submit button-->
+          <section class="form-group">
+            <button type="submit">Submit</button>
+          </section>
 
-
-        
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->