From b89f976776c170f6b9721422c8a10c19e0fa4b71 Mon Sep 17 00:00:00 2001
From: Luca Beltrame <lbeltrame@kde.org>
Date: Sun, 24 May 2015 00:43:59 +0200
Subject: [PATCH] Proper contact form with Foundation grid

---
 pages/contact.md | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/pages/contact.md b/pages/contact.md
index 2ff970c..f7d81a4 100644
--- a/pages/contact.md
+++ b/pages/contact.md
@@ -15,10 +15,33 @@ There a couple of ways you can get in touch with me:
 
 For those using GPG/PGP, my public key ID is [6E1A4E79](http://pgp.mit.edu/pks/lookup?op=get&search=0x013FA50B6E1A4E79).
 
+#### Contact form
+
 <form action="//formspree.io/lbeltrame@kde.org" method="POST">
-    Your name <input type="text" name="name" placeholder="Enter your name here">
-    Your email <input type="email" name="_replyto">
     <input type="text" name="_gotcha" style="display:none" />
-    <input type="hidden" name="_subject" value="New form submission" />
-    <input type="submit" value="Send">
+        <div class="row">
+            <div class="small-6 medium-6 columns">
+                <label>Name</label>
+                <input name="name" id="name" class="form-control" type="text" value="">
+            </div>
+            <div class="small-6 medium-6 columns">
+                <label>E-mail</label>
+                <input name="email" id="email" class="form-control" type="text" value="">
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-12 columns">
+                <label>Subject</label>
+                <input name="_subject" id="subject" class="form-control" type="text">
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-12 columns">
+                <label>Message</label>
+                <textarea name="message" id="message" rows="8" class="form-control"></textarea>
+            </div>
+            <div class="small-12 medium-12 columns"><br/>
+                <input type="submit" class="button" value="Submit Message">
+            </div>
+        </div>
 </form>
\ No newline at end of file