From 75c2904af571361481c0f936c9a4df8249086d04 Mon Sep 17 00:00:00 2001
From: Marc <c.marcandre@gmail.com>
Date: Thu, 3 Mar 2016 09:55:10 -0500
Subject: [PATCH] Added contact form.

---
 css/style.css | 21 +++++++++++++++++++++
 index.html    | 12 +++++++++++-
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 4abf771..121ca8f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -119,6 +119,27 @@ header a {
 	line-height: 1.4;
 }
 
+/*
+*	Contact me
+*/
+
+#contactme form textarea {
+	width: 100%;
+	height: 100px;
+	resize: none;
+}
+
+fieldset {
+	border: none;
+}
+
+textarea, input {
+	font-family: inherit;
+	font-size: inherit;
+	box-shadow: 0 0 3px #a1a1a1;
+	border: none;
+}
+
 /*
 *	Footer
 */
diff --git a/index.html b/index.html
index d54f967..6152133 100644
--- a/index.html
+++ b/index.html
@@ -71,8 +71,18 @@
 			</div>
 
 			<div class="panel" id="contactme" style="display: none;">
-				<section>
+				<section class="pad10vh pad10vw">
+					<h1 class="marb1r">Get in touch!</h1>
 
+					<p>I would love to hear about you, whether it is about new opportunities, suggestions, or clever limericks. You can reach me through social media at <a href="https://www.twitter.com/_mcataford">@_mcataford</a>, by <a href="mailto:c.marcanndre@gmail.com">email</a> or by filling the form below!</p>
+
+					<form>
+						<fieldset>
+							<p><label for="contactme-name">Hi! My name is </label><input type="text" id="contactme-name" placeholder="Johnny Appleseed" required> , <label for="contactme-email">you can reach me at </label><input type="email" id="contactme-email" placeholder="my@email.xyz" required> .</p>
+							<p><label for="contactme-details">I would like to tell you about ...</label></p>
+							<p><textarea id="contactme-details" placeholder="exciting new ideas." required></textarea></p>
+						</fieldset>
+					</form>
 
 				</section>
 			</div>