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" />
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<!-- #BeginEditable "doctitle" -->
<title>Contact Us</title>
<!-- #EndEditable -->
<!-- #BeginEditable "description" -->
<meta content="insert DESCRIPTION here" name="description" />
<!-- #EndEditable -->
<meta content="en-us" http-equiv="Content-Language" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright 2012, Pat Geary and Tina Clarke http://frontpage-to-expression.com/ All Rights Reserved" name="copyright" />
<!-- main css -->
<link href="styles/site.css" rel="stylesheet" type="text/css" />
<!-- media queries css -->
<link href="styles/media-queries.css" rel="stylesheet" type="text/css" />
<!-- css3-mediaqueries.js for IE less than 9 --><!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<meta content="width=device-width; initial-scale=1.0" name="viewport" />
</head>

<body>

<!-- Page Container begins here -->
<div id="outerWrapper">
	<!-- Masthead begins here -->
	<div id="header">
		<p class="sitename">My Site Name<br />
		<span class="tagline">Tagline Goes Here</span></p>
	</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 My Site.">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">
		<!-- 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>
			<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="20" 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="20" 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="20" 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="20" 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" tabindex="8" 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>
			<!-- #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 © 2012 Company Name. All Rights Reserved.</p>
		<p>your-name@your-domain.com
		<a href="privacy-policy.html" title="Privacy Policy.">Privacy Policy</a>
		</p>
		<p class="smltxt">Template Design:
		<a href="http://www.frontpage-to-expression.com/">Migrating From FrontPage 
		to Expression Web</a> </p>
		<p class="smltxt">Template Created: October 2012 </p>
	</div>
	<!-- Footer ends here --></div>
<!-- Page Container ends here -->

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

</html>