<!doctype html>
<html>
<head>
<title>Tour San Fransisco</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
fieldset {
margin-bottom: 10px;
}
legend {
padding: 0 2px;
font-weight: bold;
}
label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
}
fieldset ol {
margin: 0;
padding: 0;
}
fieldset li {
list-style: none;
padding: 5px;
margin: 0;
}
fieldset {
border: none;
margin: 3px 0 0;
}
</style>
</head>
<body>
<div class="container">
<header>
<img src="images/logo.png" width="350" height="100" alt="sf tours logo" id="logo" />
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="cable-cars.html">Cable Cars</a></li>
<li><a href="chinatown.html">Chinatown</a></li>
<li><a href="fishermans-wharf.html">Fishermans Wharf</a></li>
<li><a href="pier39.html">Pier 39</a></li>
</ul>
</nav>
</header>
<div class="sidebar1">
<aside>
<p class="quote">"It's an odd thing, but anyone who disappears is said to be seen in San Francisco. It must be a delightful city and possess all the attractions of the next world" - Oscar Wilde</p>
</aside>
</div>
<h1>Contact Us</h1>
<section>
<form name="form1" method="post" action="mailto:someone@somewhere.com">
<ul>
<fieldset>
<legend> Your Info</legend>
<li>
<label>Name
<input type="text" name="name" id="name">
</label>
</li>
<li>
<label>E-mail:
<input type="email" name="user_email" />
</label>
</li>
</fieldset>
<fieldset>
<legend> I am interested in:</legend>
<li>
<label>
<input type="checkbox" name="info" id="info" />
More Information</label>
</li>
<li>
<label>
<input type="checkbox" name="tourprices" id="tourprices" />
Tour Prices</label>
</li><li>
<label>
<input type="checkbox" name="tourdates" id="tourdates" />
Tour Dates</label>
</li>
<li>
<input type="submit" name="submit" id="submit" value="Send" />
</li>
</fieldset>
</ul>
</form>
</section>
<footer>
<p>
© 2012 San Francisco Tours
</p>
</footer>
</div>
</body>
</html>