Rework contact page
dugo3number2
parent
2358b3c635
commit
aec022cbb7
|
|
@ -0,0 +1,12 @@
|
|||
main {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
input[type=date] {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>General Inquiry - 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>General Inquiry Contact 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="content">What would you like to send?</label><br />
|
||||
<textarea id="content" name="content" 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>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Help Request - 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>Help Request 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="situation">Please explain your situation in the area below.</label><br />
|
||||
<textarea id="situation" name="situation" rows="15" cols="37"></textarea><br />
|
||||
<label for="need">What help do you need?</label><br />
|
||||
<textarea id="need" name="need" 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>
|
||||
|
|
@ -26,11 +26,20 @@
|
|||
<main data-m="drop" data-m-duration="0.5">
|
||||
<h1>Contact Us</h1>
|
||||
<article>
|
||||
<h2><a href="mailto:tcfgi@daviddgtnt.xyz">General Inquiry</a></h2>
|
||||
<h2><a href="mailto:tcfhelp@daviddgtnt.xyz">Request Help</a></h2>
|
||||
<span>You can also call us at (800) 555-2368 for the TCF Help Hotline</span>
|
||||
<h2><a href="mailto:tcfvol@daviddgtnt.xyz">Apply to be a TCF volunteer!</a></h2>
|
||||
<p>You can send us mail at 399 Glenwood Dr. Wisconsin Rapids, WI 54494.</p>
|
||||
<h2>Online</h2>
|
||||
<a href="contact/general">General Inquiry</a><br />
|
||||
<a href="contact/help">Request Help</a><br />
|
||||
<a href="contact/volunteer">Volunteer Application</a>
|
||||
<h2>E-mail</h2>
|
||||
<span>General Inquiry: <a href="mailto:tcfgi@daviddgtnt.xyz">tcfgi@daviddgtnt.xyz</a></a></span><br />
|
||||
<span>Request Help: <a href="mailto:tcfhelp@daviddgtnt.xyz">tcfhelp@daviddgtnt.xyz</a></span><br />
|
||||
<span>Volunteer Application: <a href="mailto:tcfhelp@daviddgtnt.xyz">tcfvol@daviddgtnt.xyz</a></span>
|
||||
<h2>Phone</h2>
|
||||
<span>Our phone number is 1 (800) 555-2368.</span><br />
|
||||
<span>We do not take volunteer applications over the phone.</span>
|
||||
<h2>Mail</h2>
|
||||
<span>You can send us mail to the address of our headquarters, shown below.</span><br />
|
||||
<span>The Chereb Foundation<br />399 Glenwood Dr.<br />Wisconsin Rapids, WI 53394</span>
|
||||
</article>
|
||||
</main>
|
||||
<footer data-m="bounce-up" data-m-duration="0.5">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,58 @@
|
|||
<!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>
|
||||
Loading…
Reference in New Issue