about.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>About 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-firstatfrontpage-to-expression.com
Date: September 2011 
========================================
-->
</head>

<body>

<!-- Page Container begins here -->
<div id="outerWrapper">
	<!-- Content wrapper begins here -->
	<div id="contentWrapper">
		<!-- Begin offset -->
		<div id="offset">
			<!-- Main Content begins here -->
			<div id="content">
				<!-- #BeginEditable "content" -->
				<h1>About</h1>
				<p>
				<img alt="Description of Picture." class="imglft" height="288" src="images/city-men.jpg" width="193" />Lorem 
				ipsum dolor sit amet, consectetuer adipiscing elit. Donec tellus 
				est, condimentum in, semper a, lacinia a, ante. Donec sit amet augue. 
				Nunc eleifend accumsan libero. Fusce elit augue, ornare ut, dapibus 
				eleifend, nonummy sed, metus. Duis risus ipsum, ultricies id, cursus 
				at, placerat ut, nunc. Cras pulvinar euismod purus. Aliquam non 
				erat. Morbi vitae elit. Praesent vel pede eu nibh nonummy pellentesque. 
				Maecenas est elit, molestie eu, suscipit sit amet, porta sed, mauris. 
				Phasellus convallis mauris ac lacus. Duis aliquet nibh at orci.</p>
				<!-- #EndEditable -->
				<!-- Main Content ends here --></div>
			<!-- end offset --></div>
		<!-- Right Column begins here -->
		<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>
				<!-- Search box ends here --></div>
			<!-- Right Column 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 -->
			<!-- Menu ends here -->
			<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>
		<!-- Content wrapper ends here --></div>
	<!-- Page Container ends here --></div>
<!-- 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 href="privacy-policy.html" title="Privacy Policy.">Privacy Policy</a></p>
</div>
<!-- Footer ends here -->
<!-- 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 Our Site.">Search</a></li>
	<li><a href="site-map.html" title="Site Map.">Site Map</a></li>
</ul>

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

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

</html>