add some style

content/contact.md

@@ -4,6 +4,4 @@ menu = "main"
 type = "contact"
 +++
 
-Please send me some lovely words.
-
 {{<contact-form>}}

layouts/shortcodes/contact-form.html

@@ -1,43 +1,36 @@
-<div class="container">
-    <!-- Form Started -->
-    <div class="container form-top">
-        <div class="row">
-            <div class="panel panel-danger">
-                <div class="panel-body" >
-                    <form id="reused_form" >
-                      <br>
-                      <div class="meta-group" style="display: flex;justify-content: space-between;margin-bottom:0.5em;">
-                        <div class="form-group">
-                            <label>😀 Name</label>
-                            <input type="text" name="name" class="form-control" placeholder="Enter Name">
-                        </div>
-                        <div class="form-group">
-                            <label>✉️ Email</label>
-                            <input type="email" name="email" class="form-control" placeholder="Enter Email">
-                        </div>
-                      </div>
-                      <div >
-                        <div class="form-group"  text-align="center"  style="margin-bottom:0.5em;">
-                            <label>📝 Message</label>
-                            <textarea rows="3" name="message" style="max-width:712px" placeholder="Type Your Message"></textarea>
-                        </div>
-                        <center>
-                          <button type="submit" style="font-size:x-large">🏹 Post ↩️ </button>
-                        </center>
-                      </div>
-                    </form>
-                    <div id="error_message" style="width:100%; height:100%; display:none; ">
-                        <h4>
-                            Error
-                        </h4>
-                        Very sorry! There was an error sending your words.
-                    </div>
-                    <div id="success_message" style="width:100%; height:100%; display:none; ">
-  <h2>Success! Your Message was Sent Successfully.</h2>
+
+<h4>Please send me some lovely words.</h4>
+
+
+<form id="reused_form" >
+  <br>
+  <div class="meta-group" style="display: flex;justify-content: space-between;margin-bottom:0.5em;">
+    <div class="form-group">
+        <label>😀 Name</label>
+        <input type="text" name="name" class="form-control" placeholder="Enter Name">
+    </div>
+    <div class="form-group">
+        <label>✉️ Email</label>
+        <input type="email" name="email" class="form-control" placeholder="Enter Email">
+    </div>
   </div>
-                </div>
-            </div>
-        </div>
+  <div >
+    <div class="form-group"  text-align="center"  style="margin-bottom:0.5em;">
+        <label>📝 Message</label>
+        <textarea rows="3" name="message" style="max-width:712px" placeholder="Type Your Message"></textarea>
     </div>
-    <!-- Form Ended -->
+    <center>
+      <button type="submit" style="font-size:x-large">🏹 Post ↩️ </button>
+    </center>
+  </div>
+</form>
+<div id="error_message" style="width:100%; height:100%; display:none; ">
+    <h4>
+        Error
+    </h4>
+    Very sorry! There was an error with emailing me your precious words.
+</div>
+<div id="success_message" style="width:100%; height:100%; display:none; ">
+  <h2>That looks good!</h2>
+  <p>Message has been accepted! Please stand by. I usually reply within one or two days.</p>
 </div>