Update index.html

index.html

@@ -905,17 +905,33 @@ <h4>Location</h4>
     <input type="file" name="attachment">
     <label for="complaint">Message</label>
     <textarea rows="6" name="complaint" id="complaint" placeholder="I would like to talk about a project! When shall we have a meeting?" required=""></textarea>-->
-    <input type="text" name="name" class="form-control" id="full-name" placeholder="Your Name" required="">
-    <input type="email" name="_replyto" class="form-control" id="email-address" placeholder="Your Email or Telephone Number (Optional)">
+    <div class="row">
+    <div class="col-md-6 form-group">
+      <input type="text" name="name" class="form-control" id="full-name" placeholder="Your Name" required="">
+    </div>
+    <div class="col-md-6 form-group mt-3 mt-md-0">
+      <input type="email" name="_replyto" class="form-control" id="email-address" placeholder="Your Email or Telephone Number (Optional)">
+    </div>
+    <div class="form-group mt-3">
     <input type="telephone" name="telephone" class="form-control" id="telephone" placeholder="Subject"  required="">
+    </div>
+    <div class="form-group mt-3">
     <textarea rows="6" name="complaint" class="form-control" id="complaint" placeholder="Message" required=""></textarea>
-    <div class="g-recaptcha" data-sitekey="6Ldv170pAAAAAL6a34dWnfhJ9ulT8BrwRPBl12eT" data-callback="correctCaptcha"></div>    
+    </div>
+    <div class="g-recaptcha" data-sitekey="6Ldv170pAAAAAL6a34dWnfhJ9ulT8BrwRPBl12eT" data-callback="correctCaptcha"></div>
+    <div class="my-3">
+      <div class="loading">Loading</div>
+      <div class="error-message"></div>
+      <div class="sent-message">Your message has been sent. Thank you!</div>
+    </div>
     <input type="hidden" name="_subject" id="email-subject" value="Complaint Form Submission">
   </fieldset>
-  <input type="submit" class="text-center" value="Send Message">
-
+  <div class="text-center"><button type="submit">Send Message</button></div>
+  <!--<input type="submit" class="text-center" value="Send Message">-->
 </form>
-
+</div>
+
+
 
 <!--<form id="fs-frm" name="complaint-form" accept-charset="utf-8" action="https://formspree.io/f/xgegreka" method="post" enctype=multipart/form-data>
   <fieldset id="fs-frm-inputs">