Added contact form.

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
 */

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>