about.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  lang="en" xml:lang="en">

<!-- #BeginTemplate "Templates/easter.dwt" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- #BeginEditable "doctitle" -->
<title>Easter</title>
<!-- #EndEditable -->
<link rel="stylesheet" type="text/css" href="easter.css" />
<!-- #BeginEditable "headsection" -->
<meta name="description" content="instructions on using this DWT" />
<meta name="keywords" content="dwt instructions" />
<!-- #EndEditable -->
</head>

<body>

<div id="container">
	<div id="masthead">
		<!-- #BeginEditable "pagetitle" -->
		<h1>Easter</h1>
	<!-- #EndEditable -->
	</div>
	<div id="topnav">
		<ul>
			<li><a href="index.html">home</a></li>
			<li><a href="about.html">about</a></li>
			<li><a href="page.html">page</a></li>
			<li><a href="contact.html">contact</a></li>
		</ul>
	</div>
	<!-- #BeginEditable "maincontent" -->
	<img alt="dying eggs" src="images/dye.jpg" width="160" height="241" class="ftrightborder" />
	<h2>Single column template</h2>
	<p>There are four editable regions in this template. They are:</p>
	<ol>
		<li>doctype</li>
		<li>headsection</li>
		<li>pagetitle</li>
		<li>maincontent</li>
	</ol>
	<p>The first two are in the head section of the page while the last 
	two are in the visible section of the page.</p>
	<h3>Page Properties</h3>
	<img alt="decorating" src="images/decorating.jpg" width="175" height="264" class="ftleft" />
	<p>When you right click and use page level properties your keywords 
	and meta tags will go in the  headsection area.</p>
	<h3>Masthead</h3>
	<p>The masthead section contains the h1 for the page title</p>
	<h3>Maincontent</h3>
	<p>This is the section you are seeing here.</p>
	<!-- #EndEditable -->
	<div id="footer">
		@ 2007 Cheryl D Wise</div>
</div>

</body>

<!-- #EndTemplate -->

</html>