60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Volunteer Application - The Cherub Foundation</title>
|
|
<meta name="viewport" content="width=device-width" />
|
|
<link rel="stylesheet" href="../../assets/css/main.css">
|
|
<link rel="stylesheet" href="../../assets/css/pages.css">
|
|
<link rel="stylesheet" href="../../assets/css/movement.css">
|
|
<link rel="stylesheet" href="../../assets/css/contactform.css">
|
|
</head>
|
|
|
|
<body>
|
|
<header data-m="reveal-right" data-m-duration="0.5">
|
|
<img class="logo" width="25" height="25" src="../../assets/img/logo.png">
|
|
<h1>The Cherub Foundation</h1>
|
|
<a href="javascript:void(0)" id="menu"><img src="../../assets/img/hamburger.svg" width="25"></a>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="../..">Home</a></li>
|
|
<li><a href="../../about">About</a></li>
|
|
<li><a href="../../projects">Projects</a></li>
|
|
<li><a href="../../calendar">Calendar</a></li>
|
|
<li><a href=".." id="current">Contact Us</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<main data-m="drop" data-m-duration="0.5">
|
|
<h1>Volunteer Application Form</h1>
|
|
<article>
|
|
<form action="/contact" method="post">
|
|
<label for="name">What is your name?</label><br />
|
|
<input id="name" name="name" type="text" /><br />
|
|
<label for="email">What is your e-mail address?</label><br />
|
|
<input id="email" name="email" type="email" /><br />
|
|
<label for="dob">What is your date of birth?</label><br />
|
|
<input id="dob" name="dob" type="date" /><br />
|
|
<label for="location">Where do you live?</label><br />
|
|
<input id="location" type="text" /><br />
|
|
<label for="experience">Do you have experience? If so, please state your experience.</label><br />
|
|
<textarea id="experience" name="experience" rows="15" cols="37"></textarea><br />
|
|
<input type="submit" value="Send">
|
|
</form>
|
|
</article>
|
|
</main>
|
|
<footer data-m="bounce-up" data-m-duration="0.5">
|
|
<ul>
|
|
<li><a href="../..">Home</a></li>
|
|
<li><a href="../../about">About</a></li>
|
|
<li><a href="../../projects">Projects</a></li>
|
|
<li><a href="../../calendar">Calendar</a></li>
|
|
<li><a href="..">Contact Us</a></li>
|
|
<li><a href="../../shop">Shop</a></li>
|
|
</ul>
|
|
</footer>
|
|
<script src="../../assets/js/scroll.js"></script>
|
|
<script src="../../assets/js/menu.js"></script>
|
|
</body>
|
|
|
|
</html> |