form start
parent
d93abdf396
commit
d75e72256b
@ -1,41 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>The Inexpensive IAP reduction system</title>
|
|
||||||
<link rel="stylesheet" href="CSS/stove.css">
|
|
||||||
<script>
|
|
||||||
function init() {
|
|
||||||
var loc = window.location.href;
|
|
||||||
var HTMLvalidLinkStr = 'http://validator.w3.org/check?uri=' + loc;
|
|
||||||
var CSSvalidLinkStr =
|
|
||||||
'http://jigsaw.w3.org/css-validator/validator?uri=' +
|
|
||||||
loc + '?profile=css3';
|
|
||||||
document.getElementById("vLink1").setAttribute("href",
|
|
||||||
HTMLvalidLinkStr);
|
|
||||||
document.getElementById("vLink2").setAttribute("href", CSSvalidLinkStr);
|
|
||||||
}
|
|
||||||
window.onload = init;
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<ul class="nav">
|
|
||||||
<li class="news"><a href="index.html">Home</a></li>
|
|
||||||
<li class="news"><a href="hyopthesis.html">Hypothesis</a></li>
|
|
||||||
<li class="news"><a href="design.html">Design</a></li>
|
|
||||||
<li class="news"><a href="results.html">Results</a></li>
|
|
||||||
<li class="news"><a href="conclusion.html">Conclusion</a></li>
|
|
||||||
<li class="news"><a class="active" href="about.html">About</a></li>
|
|
||||||
</ul>
|
|
||||||
<h1>About</h1>
|
|
||||||
<h2>Tanaka Chirara</h2>
|
|
||||||
<p>Future location of any important contact information or details about Tanaka</p>
|
|
||||||
<h2>Dr. Stephen Hubbard</h2>
|
|
||||||
<p>smhubbardpp@gmail.com</p>
|
|
||||||
<footer>
|
|
||||||
<a id="vLink1"><strong> HTML </strong> Valid! </a> |
|
|
||||||
<a id="vLink2"><strong> CSS </strong> Valid! </a>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -0,0 +1,66 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>The Inexpensive IAP reduction system</title>
|
||||||
|
<link rel="stylesheet" href="CSS/stove.css">
|
||||||
|
<script>
|
||||||
|
function init() {
|
||||||
|
var loc = window.location.href;
|
||||||
|
var HTMLvalidLinkStr = 'http://validator.w3.org/check?uri=' + loc;
|
||||||
|
var CSSvalidLinkStr =
|
||||||
|
'http://jigsaw.w3.org/css-validator/validator?uri=' +
|
||||||
|
loc + '?profile=css3';
|
||||||
|
document.getElementById("vLink1").setAttribute("href",
|
||||||
|
HTMLvalidLinkStr);
|
||||||
|
document.getElementById("vLink2").setAttribute("href", CSSvalidLinkStr);
|
||||||
|
}
|
||||||
|
window.onload = init;
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ul class="nav">
|
||||||
|
<li class="news"><a href="index.html">Home</a></li>
|
||||||
|
<li class="news"><a href="hyopthesis.html">Hypothesis</a></li>
|
||||||
|
<li class="news"><a href="design.html">Design</a></li>
|
||||||
|
<li class="news"><a href="results.html">Results</a></li>
|
||||||
|
<li class="news"><a href="conclusion.html">Conclusion</a></li>
|
||||||
|
<li class="news"><a class="active" href="contact.html">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
<h1>Contact</h1>
|
||||||
|
<h2>People</h2>
|
||||||
|
<h3>Tanaka Chirara</h3>
|
||||||
|
<p>Future location of any important contact information or details about Tanaka</p>
|
||||||
|
<h3>Dr. Stephen Hubbard</h3>
|
||||||
|
<p>smhubbardpp@gmail.com</p>
|
||||||
|
|
||||||
|
<h2>Inquiry</h2>
|
||||||
|
<form class="form">
|
||||||
|
<p>Your Information</p>
|
||||||
|
<label for="fname">First name:</label><br>
|
||||||
|
<input type="text" id="fname" name="fname"><br>
|
||||||
|
<label for="lname">Last name:</label><br>
|
||||||
|
<input type="text" id="lname" name="lname">
|
||||||
|
<label for="email">Email:</label><br>
|
||||||
|
<input type="text" id="email" name="email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
|
||||||
|
|
||||||
|
<p>Why are you contacting us?</p>
|
||||||
|
<input type="checkbox" id="reason1" name="reason1" value="issue">
|
||||||
|
<label for="reason1"> I have an issue with the Rural Clean Cooking Stove</label><br>
|
||||||
|
<input type="checkbox" id="reason2" name="reason2" value="questions">
|
||||||
|
<label for="reason2"> I have questions about the Rural Clean Cooking Stove</label><br>
|
||||||
|
<input type="checkbox" id="reason3" name="reason3" value="development">
|
||||||
|
<label for="reason2"> I want to get involved in developing the Rural Clean Cooking Stove</label>
|
||||||
|
<input type="checkbox" id="reason4" name="reason4" value="other">
|
||||||
|
<label for="reason4"> Other</label>
|
||||||
|
<p> </p>
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<a id="vLink1"><strong> HTML </strong> Valid! </a> |
|
||||||
|
<a id="vLink2"><strong> CSS </strong> Valid! </a>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue