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" />
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<!-- #BeginEditable "doctitle" -->
<title>About 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 -->
	<!-- Top 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>
	<!-- Top Navigation ends here -->
	<!-- Columns Container begins here -->
	<div id="contentWrapper">
		<!-- Left Sidebar Begins Here	-->
		<div id="leftColumn1">
			<!--	Sectional Menu Begins Here	-->
			<p class="heading">Sectional Navigation</p>
			<ul>
				<li><a href="#" title="Home">Link One</a></li>
				<li><a href="#" title="About">Link Two</a></li>
				<li><a href="#" title="Contact">Link Three</a></li>
				<li><a href="#" title="Links">Link Four</a></li>
				<li><a href="#" title="Search">Link Five</a></li>
				<li><a href="#" title="Site Map">Link Six</a></li>
			</ul>
			<!--	Sectional Menu ends Here	-->
			<p class="heading">Article Heading</p>
			<p>Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi 
			explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo 
			ad quas deleniti definitionem, vis no wisi graecis offendit. Lorem ipsum 
			dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari 
			mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti 
			definitionem, vis no wisi graecis offendit.</p>
		</div>
		<!-- Left Sidebar ends Here	-->
		<!--Main Content Area Begins Here-->
		<div id="content">
			<!-- #BeginEditable "content" -->
			<h1>About</h1>
			<p>
			<img alt="Description of graphic." class="imglft" height="350" src="images/about-us.jpg" width="250" />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 -->
			<!-- Do NOT Delete or your footer will not fall below your content area -->
			<br class="clearFloat" />
			<br />
		</div>
		<!--Main Content Area Ends Here--></div>
	<!-- Columns Container begins 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 -->
	<!-- Page Container ends here --></div>

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

</html>