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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- #BeginEditable "doctitle" -->
<title>Contact Us</title>
<!-- #EndEditable -->

<!-- #BeginEditable "headsection" -->
<meta name="description" content="Insert DESCRIPTION here" />
<meta name="keywords" content="Insert KEYWORDS here" />
<!-- #EndEditable -->
<meta http-equiv="Content-Language" content="en-us" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright � 2010, Pat Geary http://expression-web-tutorials.com/ All Rights Reserved" name="copyright" />
<link rel="stylesheet" type="text/css" href="styles/site.css" />
</head>

<body>

<!-- Page Container begins here -->
<div id="outerWrapper">

<!-- Masthead begins here -->
	<div id="header">
		
	</div>
<!-- Masthead ends here -->

<!-- Navigation begins here -->	
	<div id="topNavigation">
		<ul>
			<li><a title="Home" href="index.html">Home</a></li>
			<li><a title="About" href="about.html">About</a></li>
			<li><a title="Contact" href="contact.html">Contact</a></li>
			<li><a title="Links" href="links.html">Links</a></li>
			<li><a title="Search My Site." href="search.html">Search</a></li>
			<li><a title="Site Map" href="site-map.html">Site Map</a></li>
		</ul>
	</div>
<!-- Navigation ends here -->

<!-- Content Container begins here -->	
	<div id="contentWrapper">
	
<!-- Left Column begins here -->
			<div id="leftColumn1">
			<h2>H2 left</h2>
			<h2>Column1 Title </h2>
			<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. <a href="#">More...</a></p>
			<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>
<!-- Left Column ends here -->
		
<!-- Right Column begins here -->
		<div id="rightColumn1">
			<p class="sideboxheading">Navigation</p>
			<ul>
			<li><a title="Home" href="index.html">Home</a></li>
			<li><a title="About" href="about.html">About</a></li>
			<li><a title="Contact" href="contact.html">Contact</a></li>
			<li><a title="Links" href="links.html">Links</a></li>
			<li><a title="Search My Site." href="search.html">Search</a></li>
			<li><a title="Site Map" href="site-map.html">Site Map</a></li>
		</ul>


			<p> </p>
			<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. <a href="#">More...</a></p>
			<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>
<!-- Right 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 NOT 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 � 2010 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>
	</div>
<!-- Footer ends here --> 
	
	
</div>
<!-- Page Container ends here -->


</body>

<!-- #EndTemplate -->

</html>