creating form Fist name inpute element

Author: Tobias-Amaechina

Form-Controls/index.html

@@ -13,7 +13,14 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
+        <!-- First name-->
+         <div class="form-group">
+          <label for = "first-name">First Name</label>
+          <input type="text" id="first-name" name="first-name" required pattern=".*\S.*\S.*"
+        arial-describedby="fnameHelp"</>
+          <small id="fnameHelp">Must be at least 2 characters long</small>
+         </div>
+        
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->