From 4d225a21521cb4e82eb38a687c80f6cfe887c348 Mon Sep 17 00:00:00 2001
From: Isaac Teng <60546250+IsaacTeng@users.noreply.github.com>
Date: Thu, 4 Apr 2024 17:05:11 +0100
Subject: [PATCH] Update contact.html

---
 contact.html | 36 ++++++++++++++++++++++++++++--------
 1 file changed, 28 insertions(+), 8 deletions(-)

diff --git a/contact.html b/contact.html
index 35fc48c..017a5e4 100644
--- a/contact.html
+++ b/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() {