contact.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- #BeginTemplate "dwt/site.dwt" -->

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<!-- #BeginEditable "doctitle" -->
<title>Contact Us</title>
<!-- #EndEditable -->
<!-- #BeginEditable "headsection" -->
<meta content="insert DESCRIPTION here" name="description" />
<meta content="Insert KEYWORDS here" name="keywords" />
<!-- #EndEditable -->
<meta http-equiv="Content-Language" content="en-us" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright 2011, Pat Geary. http://expression-web-tutorials.com/ All Rights Reserved" name="copyright" />
<!-- 
*********************************
Design by: Expression Web Tutorials & Templates
http://www.expression-web-tutorials.com/
Release Date: February 2011
*********************************
-->
<link rel="stylesheet" type="text/css" href="styles/site.css" />
</head>

<body>

<p>  </p>
<!-- Page Container begins here -->
<div id="outerWrapper">
	<!-- Masthead begins here -->
	<div id="header">
		<img alt="" src="images/site-logo-blue.gif" width="542" height="125" /> </div>
	<!-- Masthead ends here -->
	<!-- Navigation begins here -->
	<div id="topNavigation">
		<ul>
			<li><a href="index.html" title="Home">Home</a></li>
			<li><a href="about.html" title="About">About</a></li>
			<li><a href="contact.html" title="Contact">Contact</a></li>
			<li><a href="links.html" title="Links">Links</a></li>
			<li><a href="search.html" title="Search">Search</a></li>
			<li><a href="site-map.html" title="Site Map">Site Map</a></li>
		</ul>
	</div>
	<!-- Navigation ends here -->
	<!-- Content Container begins here -->
	<div id="contentWrapper">
		<!-- Left Column begins here -->
		<div id="leftColumn1">
			<div class="search">
				<form id="cse-search-box" class="myform" action="http://www.google.com/cse">
					<div>
						<input type="hidden" name="cx" value="009206261522604705567:szjmq6-ogvi" /><input type="hidden" name="ie" value="UTF-8" /><input type="text" name="q" size="10" /> <input class="submit" type="submit" name="sa" value="Search" /> <br />
						Google Custom Search</div>
				</form>
				<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
			</div>
			<p class="headerbar">Section Menu </p>
			<ul>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
			</ul>
			<p class="headerbar">Section Menu </p>
			<ul>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
			</ul>
			<div class="sidebox">
				<p class="sideboxheading">News</p>
				<p>You can put whatever you want in <a href="index.html">this</a> box. You can also have several boxes if you choose to.</p>
			</div>
			<p class="ctr"><img alt="Join Us on Facebook." src="images/facebook_32.png" width="32" height="32" /> <img alt="Follow us on Twitter." src="images/twitter_32.png" width="32" height="32" /></p>
		</div>
		<!-- Left Column ends here -->
		<!-- Main Content begins here -->
		<div id="content">
			<!-- #BeginEditable "content" -->
			<h1>Contact</h1>
			<p>John Q Public<br />
			123 Main Street<br />
			City, ST 00000</p>
			<p>(000) 000-0000 home<br />
			(000) 000-0000 cell</p>
			<form action="" method="post">
				<fieldset>
				<legend>Contact Us</legend>
				<p><label for="yourname">Your Name: (required)</label><br />
				<input id="yourname" class="cf" accesskey="f" maxlength="60" name="yourname" size="40" tabindex="1" title="Text input: Type Your Name" type="text" /></p>
				<p><label for="emailaddress">Email Address: (required)</label><br />
				<input id="emailaddress" class="cf" maxlength="60" name="emailaddress" size="40" tabindex="2" title="Text input: Type Your Email Address" type="text" /></p>
				<p><label for="emailaddressconfirmation">Confirm Email Address: (required)</label><br />
				<input id="emailaddressconfirmation" class="cf" maxlength="60" name="emailaddressconfirmation" size="40" tabindex="3" title="Text input: Confirm Your Email Address" type="text" /></p>
				<p><label for="message">Your Message:</label><br />
				<textarea id="message" class="cf" cols="35" name="message" rows="5" tabindex="7" title="Text input: Type Your Message"></textarea></p>
				<p><label for="catchall">To help block spam, please tell me ... <br />
				HOT is for summer. What is for winter?</label><br />
				<input id="catchall" class="cf" name="winter" size="20" title="Text input: Type cold" type="text" tabindex="8" /></p>
				<p><label for="administration">Administrative use only.<br />
				Please leave blank.</label><br />
				<input id="administration" class="cf" name="email" size="20" maxlength="100" title="Text input: Leave blank" type="text" /></p>
				<br />
				<p><input tabindex="6" type="submit" value="Send the Message" class="button" /></p>
				</fieldset>
			</form>
			<h2>Important Information: </h2>
			<p>This is a sample contact form and is <strong>NOT</strong> active.  Details for working with forms can be found on <a title="Working With Forms." href="http://www.frontpage-to-expression.com/site-templates/working-with-forms.html">Working With Forms</a>.</p>
			<!-- #EndEditable --></div>
		<!-- Main Content ends here -->
		<!-- Do NOT Delete or your footer will not fall below your content area --><br class="clearFloat" />
		<br />
	</div>
	<!-- Content Container ends here -->
	<!-- Footer begins here -->
	<div id="footer">
		<p>Copyright © 2011 Company Name. All Rights Reserved.</p>
		<p><a title="Copy and Paste the email address to your email editor to send me mail.">your-name<code>@</code>your-domain.com</a> | <a title="Privacy Policy." href="privacy-policy.html">Privacy Policy</a></p>
		<p>Template Design: <a title="Expression Web Tutorials & Templates." href="http://www.expression-web-tutorials.com/">Expression Web Tutorials & Templates</a></p>
	</div>
	<!-- Footer ends here --></div>
<!-- Page Container ends here -->

</body>
<!-- #EndTemplate -->

<!-- #EndTemplate -->

</html>