attempt to correct contact me page using issue resolution from StartB…

…ootstrap/startbootstrap-clean-blog-jekyll#167

contact.html

@@ -7,18 +7,25 @@
 ---
 
 <p>Want to get in touch? Fill out the form below to send me a message and I will get back to you as soon as possible!</p>
-<form name="sentMessage" id="contactForm" novalidate>
+<form id="contactform" name="sentMessage" id="contactForm" action="https://formspree.io/f/xzbqlwag" method="POST">
   <div class="control-group">
     <div class="form-group floating-label-form-group controls">
       <label>Name</label>
-      <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
+      <input type="text" name="name" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
       <p class="help-block text-danger"></p>
     </div>
   </div>
   <div class="control-group">
     <div class="form-group floating-label-form-group controls">
       <label>Email Address</label>
-      <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
+      <input type="email" name="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
+      <p class="help-block text-danger"></p>
+    </div>
+  </div>
+  <div class="control-group">
+    <div class="form-group col-xs-12 floating-label-form-group controls">
+      <label>Phone Number</label>
+      <input type="tel" name="phone" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
       <p class="help-block text-danger"></p>
     </div>
   </div>
@@ -29,9 +36,18 @@
       <p class="help-block text-danger"></p>
     </div>
   </div>
+    <!--the following are optional fields to customize how submissions are processed-->
+    <!--The first sets the subject of Formspree notification emails.-->
+    <!--The second catches (some) spambots.-->
+
+  <!-- <input type="hidden" name="_subject" value="Sent from blog Contact form." /> -->
+  <!-- <input type="text" name="_gotcha" style="display:none" /> -->
+
+    <!--End of optional fields.-->
+
   <br>
   <div id="success"></div>
   <div class="form-group">
-    <button type="submit" class="btn btn-primary" id="sendMessageButton">Send</button>
+    <input type="submit" class="btn btn-primary" value="Send">
   </div>
 </form>