Update contact.html

contact.html

@@ -56,15 +56,35 @@
 <div class="w3-clear"></div>
 <header class="w3-center w3-margin-bottom">
 
-<form action="" method="post">
-First Name: <input type="text" name="first_name"><br>
-Last Name: <input type="text" name="last_name"><br>
-Email: <input type="text" name="email"><br>
-Message:<br><textarea rows="5" name="message" cols="30"></textarea><br>
-<input type="submit" name="submit" value="Submit">
+<form method="post" action="https://forms.un-static.com/forms/38724b7dd1e5ff98f1a086059cb9c75b10df25bb">
+ <div class="form-group row">
+ <label for="inputName" class="col-sm-2 col-form-label">Name</label>
+ <div class="col-sm-10">
+ <input type="text" class="form-control" id="inputName" placeholder="Please enter your name">
+ </div>
+ </div>
+ <div class="form-group row">
+ <label for="inputEmail" class="col-sm-2 col-form-label">Email</label>
+ <div class="input-group col-sm-10">
+ <div class="input-group-prepend"><i class="input-group-text fa fa-envelope"></i></div>
+ <input type="email" class="form-control" id="inputEmail" placeholder="Email">
+ </div>
+ </div>
+ <div class="form-group row">
+ <label for="inputMessage" class="col-sm-2 col-form-label">Message</label>
+ <div class="col-sm-10">
+ <textarea name="inputMessage" cols="40" rows="8" class="form-control"></textarea>
+ </div>
+ </div>
+ <div class="form-group row">
+ <div class="col-sm-10">
+ <button type="submit" class="btn btn-primary">Send</button>
+ </div>
+ </div>
+ <div class="text-center">
+ <p><small>(Powered by <a rel="nofollow" href="Un-static Forms">Un-static Forms</a>)</small></p>
+ </div>
 </form>
-</body>
-
 <script>
 // Open and close sidebar
 function w3_open() {