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 content="en-us" http-equiv="content-language" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright © 2011, Pat Geary and Tina Clarke All Rights Reserved" name="copyright" />
<link href="styles/site.css" rel="stylesheet" type="text/css" />
<!-- 
======================================
Website Template Name:   Content First Site Template 
Author: Patricia Geary and Tina Clarke
Author URI: http://www.frontpage-to-expression.com/
Author Email: content-first at frontpage-to-expression.com
Date: September 2011 
========================================
-->
</head>

<body>

<div id="outerWrapper">
	<!-- end content -->
	<div id="contentWrapper">
		<div id="offset">
			<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>
				<p> </p>
				<form action="" method="post">
					<fieldset>
					<legend>Contact Us</legend>
					<p><label for="yourname">Your Name: (required)</label><br />
					<input id="yourname" accesskey="f" class="cf" 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="4" 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" tabindex="5" title="Text input: Type cold" type="text" /></p>
					<p><label for="administration">Administrative use only.<br />
					Please leave blank.</label><br />
					<input id="administration" class="cf" maxlength="100" name="email" size="20" title="Text input: Leave blank" type="text" /></p>
					<br />
					<p>
					<input class="button" tabindex="6" type="submit" value="Send the Message" /></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 href="http://www.frontpage-to-expression.com/site-templates/working-with-forms.html" title="Working With Forms.">
				Working With Forms</a>.</p>
				<!-- Page Container begins here -->
				<!-- Masthead begins here -->
				<!-- Navigation begins here -->
				<!-- Content Container begins here -->
				<!-- Right Column begins here -->
				<!-- Main Content begins here -->
				<!-- Do NOT Delete or your footer will not fall below your content area -->
				<!-- Footer begins here -->
				<!-- #EndEditable --></div>
			<!-- end content --></div>
		<!-- end offset -->
		<div id="rightColumn1">
			<!-- Search box begins here -->
			<div class="search">
				<form id="cse-search-box" action="http://www.google.com/cse" class="myform">
					<div>
						<input name="cx" type="hidden" value="009206261522604705567:bab_def5f5a" />
						<input name="ie" type="hidden" value="UTF-8" />
						<input name="q" size="10" type="text" />
						<input class="submit" name="sa" type="submit" value="Search" />
						<br />
						Google Custom Search</div>
				</form>
				<script src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en" type="text/javascript"></script>
			</div>
			<!-- Search box ends here -->
			<!-- Menu begins here -->
			<!-- #BeginEditable "menu" -->
			<!--webbot bot="Include" startspan="" tag="BODY" u-include="_includes/section-menu.html" -->

<p class="headerbar">Section Menu</p>
<ul>
	<li><a href="#" title="null link">Link One</a></li>
	<li><a href="#" title="null link">Link Two</a></li>
	<li><a href="#" title="null link">Link Three</a></li>
	<li><a href="#" title="null link">Link Four</a></li>
	<li><a href="#" title="null link">Link Five</a></li>
	<li><a href="#" title="null link">Link Six</a></li>
	<li><a href="#" title="null link">Link Seven</a></li>
</ul>

<!--webbot bot="Include" endspan="" i-checksum="42596" --><!-- #EndEditable --><p>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, 
			justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy 
			quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo 
			porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis 
			ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean 
			sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate 
			at, odio. <a href="#">More...</a></p>
		</div>
	</div>
	<!-- end sidebar --></div>
<!-- end col_wrap -->
<!-- end container -->
<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 href="http://www.css-layouts.org/gwc-redesign/privacy-policy.html" title="Privacy Policy.">
	Privacy Policy</a></p>
</div>
<!-- Masthead Container begins here -->
<div id="header">
	<!-- Banner graphic begins here -->
	<div id="banner">
	</div>
	<!-- Banner graphic ends here -->
	<!-- Top Navigations begins here -->
	<div id="topNavigation">
		<!--webbot bot="Include" startspan="" tag="BODY" u-include="_includes/main-menu.html" -->

<ul>
	<li><a href="index.html" title="Home - Name of Site.">Home</a></li>
	<li><a href="about.html" title="About Us - Name of Site,">About Us</a></li>
	<li><a href="contact.html" title="Contact Name of Site.">Contact Us</a></li>
	<li><a href="links.html" title="Resources.">Resources</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>

<!--webbot bot="Include" endspan="" i-checksum="44408" --></div>
	<!-- Top Navigations ends here --></div>
<!-- Masthead Container ends here -->

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

</html>