websitedesign2023/docs/contact/volunteer/index.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>