marc/karnov.club
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added contact form.

Browse source
This commit is contained in:
Marc 2016-03-03 09:55:10 -05:00
parent 0f8cad1b67
commit 75c2904af5
2 changed files with 32 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
css/style.css
View file

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

12
index.html
View file

@ -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>