contact form

Author: quangIO

content/about/_index.md

@@ -4,12 +4,28 @@ title = "About"
 hidden = true
 +++
 
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa ullam earum dolorum! Sed, perspiciatis.
+### Contact
 
-Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+<form class="form-group" name="contact" netlify>
+  <div class="row">
+    <label class="col" for="name">Name</label>
+    <input class="col-fill margin-right-large" name="name" type="text" placeholder="" id="name">
+  </div>
+  <div class="row">
+    <label class="col" for="email">Email</label>
+    <input class="col-fill margin-right-large" name="email" type="text" placeholder="How can I contact you?" id="email">
+  </div>
+  <div class="row">
+    <label class="col" for="msg">Message</label>
+    <textarea class="col-fill margin-right-large" name="msg" type="text" placeholder="Don't harsh on me please :(" id="msg"></textarea>
+  </div>
+  <div class="row margin flex-center">
+    <input type="submit" class="paper-btn" value="Submit">
+  </div>
+</form>
 
 ***
 
-### Lorem ipsum dolor.
+### About
 
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dicta corporis ad inventore itaque impedit dolor atque amet exercitationem! Veniam qui voluptas maiores vel laudantium necessitatibus, velit ducimus! Iste hic facere, accusamus fugiat enim facilis.
+(TODO)