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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- #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 http-equiv="Content-Language" content="en-us" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright 2010, Your Name" name="copyright" />
<link rel="stylesheet" type="text/css" href="styles/site.css" />
<!-- #BeginEditable "styleblock" -->
<style type="text/css">































/* page level styles go here */
</style>
<!-- any page level scripts go here -->
<!-- #EndEditable -->
<!-- 
*********************************
Design by: Expression Web Tutorials & Templates
Release Date: November 2010
*********************************
-->
<link rel="stylesheet" href="styles/ajxmenu.css" type="text/css" />
<link rel="stylesheet" href="side-menu/product.css" type="text/css" />
</head>

<body>

<!-- Page Container begins here -->
<div id="outerWrapper">
	<!-- Masthead begins here -->
	<div id="header">
		<img alt="" src="images/contact.jpg" width="234" height="110" /></div>
	<!-- Masthead ends here -->
	<!-- Navigation begins here -->
	<div id="topNavigation">
		<div class="AJXMenuRPTVUYB">
			<!-- AJXFILE:../styles/ajxmenu.css -->
			<div class="ajxmw1">
				<div class="ajxmw2">
					<!--webbot bot="Include" u-include="_includes/top-menu.html" tag="BODY" startspan -->
<ul>
						<li><a title="Home  - Site Name" href="index.html"><b>Home</b></a></li>
						<li><a href="about.html" title="About Us"><b>About</b></a></li>
						<li><a href="contact.html" title="Contact Us"><b>Contact</b></a></li>
						<li><!--[if IE]>
						<!--><a class="ajxsub" href="#">
						<!--<![endif]--><b>Products</b> <!--[if gt IE 6]>
						<!--></a>
						<!--<![endif]--><!--[if lte IE 6]>
						<table>
							<tr>
								<td><![endif]-->
								<ul>
									<li><a href="product-one.html" title="Product One">Product One</a></li>
									<li><a href="product-two.html" title="Product Two">Product Two</a></li>
									<li><a href="product-three.html" title="Product Three">Product Three</a></li>
									<li class="slast"><a href="product-four.html" title="Product Four">Product Four</a></li>
								</ul>
								<!--[if lte IE 6]></td>
							</tr>
						</table>
						</a><![endif]--></li>
						<li><a href="links.html" title="Resource Links"><b>Links</b></a></li>
						<li><a href="search.html" title="Search Our Site"><b>Search</b></a></li>
						<li class="tlast"><a href="site-map.html" title="Site Map"><b>Site Map</b></a></li>
					</ul>

<!--webbot bot="Include" endspan i-checksum="44382" --></div>
			</div>
			<br />
		</div>
	</div>
	<!-- Navigation ends here -->
	<!-- Content Container begins here -->
	<div id="contentWrapper">
		<!-- Left Side Column begins here -->
		<div id="leftColumn1">
			<div id="search">
				<form id="myform" action="" method="get">
					<label accesskey="4" for="searchterm">Search This Site</label><br />
					<input id="searchterm" type="text" size="10" value="" /> <input id="searchbutton" type="submit" value="Go" />
				</form>
			</div>
			<div class="AJXMenudHKBfVB">
				<!-- AJXFILE:../side-menu/product.css -->
				<ul>
					<li class="tfirst">
					<h2>Site Navigation</h2>
					</li>
					<li><a href="index.html" title="Home - Site Name.">Home</a></li>
					<li><a href="about.html" title="About Us.">About</a></li>
					<li><a href="contact.html" title="Contact Us.">Contact</a></li>
					<li><a href="links.html" title="Resource Links.">Links</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>
					<li>
					<h2>Products</h2>
					</li>
					<li><a href="product-one.html" title="Product One">Product One</a></li>
					<li><a href="product-two.html" title="Product Two">Product Two</a></li>
					<li><a href="product-three.html" title="Product Three">Product Three</a></li>
					<li><a href="product-four.html" title="Product Four">Product Four</a></li>
				</ul>
				<br />
			</div>
			<p>You can use this area for a secondary sectional navigation or  place your banner ads, Google Ad Sense code, or other advertising here.  </p>
			<p class="ctr"><img alt="Description of Image." src="images/100x100-image.jpg" width="132" height="100" /></p>
			<p class="ctr"><img alt="Description of Image." src="images/100x100-image.jpg" width="132" height="100" /></p>
			<div class="sidebox">
				<p class="sideboxheading">Sales</p>
				<p>You can put news, announcements or whatever you want here. If you want this box to change from page to page, you will need to make it an editable region within the DWT.</p>
			</div>
			<p class="ctr"><img alt="Short description of image." src="images/150x150-image.jpg" width="150" height="150" /></p>
		</div>
		<!-- Left Side Column ends here -->
		<!-- Main Content Area begins here -->
		<div id="content">
			<!-- #BeginEditable "content" -->
			<h1>About</h1>
			<p><img alt="Description of Picture." height="288" src="images/city-men.jpg" width="193" class="imglft" />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>
			<p>The above is filler content only. More information on working with <a name="About-page" title="About page" href="http://www.frontpage-to-expression.com/site-templates/#About_page">About page</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>
	<!-- Footer begins here -->
	<div id="footer">
		<p><a title="Home." href="index.html">Home</a> | <a title="About Us." href="about.html">About</a> | <a title="Contact Us." href="contact.html">Contact</a> | <a title="Links." href="links.html">Links</a> | <a title="Search Our Site." href="search.html">Search</a> | <a title="Site Map." href="site-map.html">Site Map</a></p>
		<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 href="privacy-policy.html" title="Privacy Policy.">Privacy Policy</a></p>
		<p class="tinytxt">Template Design: <a title="Expression Web Tutorials & Templates." href="http://www.expression-web-tutorials.com/">Expression Web Tutorials & Templates</a></p>
	</div>
	<!-- Footer ends here --></div>
<!-- Page Container ends here -->

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

<!-- #EndTemplate -->

</html>