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" />
<style type="text/css">














.auto-style1 {
	margin-left: 40px;
}
</style>
<!-- #EndEditable -->
<meta http-equiv="Content-Language" content="en-us" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright 2011, Pat Geary. http://www.expression-web-tutorials.com/ All Rights Reserved" name="copyright" />
<link rel="stylesheet" type="text/css" href="styles/site.css" />
<!-- 
======================================
Website Template Name:   Deep Woods Site Template 
Author: Patricia Geary
Author URI: http://www.expression-web-tutorials.com/
Author Email: patgeary@comcast.net
Date:  May 2011 
========================================
-->
</head>

<body>

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

	<!-- Masthead begins here -->
	<div id="header">
		<p class="title">Dandelion Meadow Template</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">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">
		<!-- Left Column begins here -->
		<div id="leftColumn1">
			<p class="headerbar">Sectional Navigation </p>
			<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>
			<p class="ctr">Connect with us on:<br />
			<img alt="Connect with us on Facebook." src="images/facebook_32.png" width="32" height="32" /> <img alt="Connect with us on Twitter." src="images/twitter_32.png" width="32" height="32" /></p>
			<hr />
			<p>You can use the sidebar for additional information. If you choose to change the information from page to pages, then you will need to make this an editable region. </p>
			<hr />
			<p class="ctr"><img alt="dandelions on the meadow © Maria Brzostowska #616050." src="images/fotolia_616050.jpg" width="180" height="240" /></p>
			<p><strong>The First Dandelion

    </strong></p>
			<p>Simple and fresh and fair from winter's close emerging,

    <br />
			As if no artifice of fashion, business, politics, had ever been,

    <br />
			Forth from its sunny nook of shelter'd grass--innocent, golden, calm as the dawn,

    <br />
			The spring's first dandelion shows its trustful face.<br />
			<em>Source: "Leaves of Grass," by Walt Whitman</em></p>
 <hr />
			<p>More text can be added in this sidebar area. You can include images but you will need to limit the size to no more than 180px at the most. You can add links or special sale information.. <a href="contact.html">Contact Us ></a> </p>
		</div>
		<!-- Left Column ends here -->
		<!-- Main Content begins here -->
		<div id="content">
			<!-- #BeginEditable "content" -->
			<h1>About</h1>
			<p><img alt="Description of graphic." src="images/sample-about.jpg" width="195" height="203" 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 image included is just a sample to show you the image placement. This page would contain information on you and/or your business.</p>
			<p><a title="Additional information on About pages." href="http://www.frontpage-to-expression.com/site-templates/#About_page" class="auto-style1">Additional information on About pages</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 -->
	</div>
	
<!-- Bottom Page Graphic begins here -->
<div id="bottom-bg">
<!-- 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 title="Privacy Policy." href="privacy-policy.html">Privacy Policy</a></p>
		<p class="tinytxt"><strong>Header Image</strong>:<a title="Yellow Flowers · Copyright © DHester." href="http://www.freewebpageheaders.com/gallery/showphoto.php/photo/147">Yellow Flowers · Copyright © DHester</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>
<!-- Bottom Page Graphic ends here -->
<!-- Page Container ends here -->

</body>

<!-- #EndTemplate -->

</html>