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,10 +1,8 @@
-<div class="container">
+
-    <!-- Form Started -->
+<h4>Please send me some lovely words.</h4>
-    <div class="container form-top">
+
-        <div class="row">
+
-            <div class="panel panel-danger">
+<form id="reused_form" >
-                <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">
@@ -25,19 +23,14 @@
       <button type="submit" style="font-size:x-large">🏹 Post ↩️ </button>
     </center>
   </div>
-                    </form>
+</form>
-                    <div id="error_message" style="width:100%; height:100%; display:none; ">
+<div id="error_message" style="width:100%; height:100%; display:none; ">
     <h4>
         Error
     </h4>
-                        Very sorry! There was an error sending your words.
+    Very sorry! There was an error with emailing me your precious words.
-                    </div>
+</div>
-                    <div id="success_message" style="width:100%; height:100%; display:none; ">
+<div id="success_message" style="width:100%; height:100%; display:none; ">
-  <h2>Success! Your Message was Sent Successfully.</h2>
+  <h2>That looks good!</h2>
-  </div>
+  <p>Message has been accepted! Please stand by. I usually reply within one or two days.</p>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!-- Form Ended -->
 </div>