Form.
This commit is contained in:
parent
75c2904af5
commit
6953b5e440
1 changed files with 5 additions and 5 deletions
10
index.html
10
index.html
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title></title>
|
<title>Hi!</title>
|
||||||
|
|
||||||
<!-- Meta -->
|
<!-- Meta -->
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
|
@ -26,8 +26,8 @@
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#hello">Home</a></li>
|
<li><a href="#hello">Home</a></li>
|
||||||
<li><a href="#aboutme">About me</a></li>
|
<li><a href="#aboutme">About me</a></li>
|
||||||
<li><a href="#cv">Curriculum vitae</a></li>
|
<li style="display: none"><a href="#cv">Curriculum vitae</a></li>
|
||||||
<li><a href="#contactme">Contact me</a></li>
|
<li style="display: none"><a href="#contactme">Contact me</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
@ -70,13 +70,13 @@
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="panel" id="contactme" style="display: none;">
|
<div class="panel" id="contactme">
|
||||||
<section class="pad10vh pad10vw">
|
<section class="pad10vh pad10vw">
|
||||||
<h1 class="marb1r">Get in touch!</h1>
|
<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>
|
<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>
|
<form action="http://formspree.io/c.marcandre@gmail.com" method="POST">
|
||||||
<fieldset>
|
<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-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><label for="contactme-details">I would like to tell you about ...</label></p>
|
||||||
|
|
Loading…
Reference in a new issue