websitedesign2023/docs/contact/volunteer/index.html

58 lines
2.0 KiB
HTML
Raw Normal View History

2023-02-10 14:12:54 -06:00
<!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>