58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Volunteer Application - The Chereb 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">
|
|
<h1>The Chereb 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>
|
|
</ul>
|
|
</footer>
|
|
<script src="../assets/js/scroll.js"></script>
|
|
<script src="../assets/js/menu.js"></script>
|
|
</body>
|
|
|
|
</html> |