form start

main
Anna Litwiller 2 years ago
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>

@ -28,7 +28,7 @@ window.onload = init;
<li class="news"><a href="design.html">Design</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="results.html">Results</a></li>
<li class="news"><a class="active" href="conclusion.html">Conclusion</a></li> <li class="news"><a class="active" href="conclusion.html">Conclusion</a></li>
<li class="news"><a href="about.html">About</a></li> <li class="news"><a href="contact.html">Contact</a></li>
</ul> </ul>
<h1>Conclusion</h1> <h1>Conclusion</h1>
<p> <p>

@ -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>

@ -73,6 +73,13 @@
margin: 10px; margin: 10px;
} }
.form {
float: right;
clear: right;
margin-right: 915px;
margin-left: 15px;
}
.floatright2 { .floatright2 {
float: right; float: right;
clear: right; clear: right;
@ -119,3 +126,7 @@ p{
font-size: 17px; font-size: 17px;
margin: 5px; margin: 5px;
} }
.fspacing {
margin-top: 100px;
}

@ -26,7 +26,7 @@ window.onload = init;
<li class="news"><a class="active" href="design.html">Design</a></li> <li class="news"><a class="active" href="design.html">Design</a></li>
<li class="news"><a href="results.html">Results</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 href="conclusion.html">Conclusion</a></li>
<li class="news"><a href="about.html">About</a></li> <li class="news"><a href="contact.html">Contact</a></li>
</ul> </ul>
<h1>Design</h1> <h1>Design</h1>

@ -28,7 +28,7 @@ window.onload = init;
<li class="news"><a href="design.html">Design</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="Results.html">Results</a></li>
<li class="news"><a href="Conclusion.html">Conclusion</a></li> <li class="news"><a href="Conclusion.html">Conclusion</a></li>
<li class="news"><a href="about.html">About</a></li> <li class="news"><a href="contact.html">Contact</a></li>
</ul> </ul>

@ -25,7 +25,7 @@ window.onload = init;
<li class="news"><a href="design.html">Design</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="results.html">Results</a></li>
<li class="news"><a href="conclusion.html">Conclusion</a></li> <li class="news"><a href="conclusion.html">Conclusion</a></li>
<li class="news"><a href="about.html">About</a></li> <li class="news"><a href="contact.html">Contact</a></li>
</ul> </ul>
<h1>The Inexpensive IAP Reduction System</h1> <h1>The Inexpensive IAP Reduction System</h1>

@ -26,7 +26,7 @@ window.onload = init;
<li class="news"><a href="design.html">Design</a></li> <li class="news"><a href="design.html">Design</a></li>
<li class="news"><a class="active" href="results.html">Results</a></li> <li class="news"><a class="active" href="results.html">Results</a></li>
<li class="news"><a href="conclusion.html">Conclusion</a></li> <li class="news"><a href="conclusion.html">Conclusion</a></li>
<li class="news"><a href="about.html">About</a></li> <li class="news"><a href="contact.html">Contact</a></li>
</ul> </ul>
<h1>Results</h1> <h1>Results</h1>
<p>For the experimental results the IAP reduction cook stove was compared to an open traditional fire in terms of <p>For the experimental results the IAP reduction cook stove was compared to an open traditional fire in terms of

Loading…
Cancel
Save