about.html
<!DOCTYPE html>
<html dir="ltr">

<!-- #BeginTemplate "site.dwt" -->

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<!-- viewport -->
<meta name="viewport" content="width=device-width">
<meta name="HandheldFriendly" content="True">
<!-- for mobile browsers that don't understand the viewport tag -->
<meta name="MobileOptimized" content="320"/>
<!-- for IE mobile font smoothing -->
<meta http-equiv="cleartype" content="on">
<!-- Needed for iOS devices to ensure correct scaling when switching between portrait and landscape -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- #BeginEditable "doctitle" -->
<title>Your Company Name</title>

<!-- #EndEditable -->


<link href="style/sticky.css" rel="stylesheet" type="text/css">
<link href="style/layout.css" rel="stylesheet" type="text/css">
<link href="style/normal.css" rel="stylesheet" type="text/css">

<!-- Old browsers, including some found on mobile devices, don't support @media queries -->
<script type="text/javascript" src="javascript/respond.min.js"></script>


<!-- Allows IE to style the HTML5 layout elements -->
<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

<!-- #BeginEditable "style" -->
<style>
/*=====================================*/
/* uncomment this when editing in EW */
footer {
/*margin-top:0;*/
}
/*=====================================*/

</style>
<!-- #EndEditable -->
</head>

<body>

<div id="wrap">

<nav>
<!-- #BeginEditable "nav" -->
<p><a href="default.html">Home</a><a href="about.html">About Us</a><a href="contact.html">Contact Us</a></p>

	<!-- #EndEditable -->
</nav>

<header>
<h1>Your Company Name</h1>
</header>
<!-- #BeginEditable "body" -->
<section>

	<h1>About Us</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lectus magna, consectetur eu eleifend sit amet, condimentum ac massa. Maecenas at diam eu est scelerisque facilisis id sit amet ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vitae risus cursus dui pulvinar rhoncus at et velit. Cras nulla velit, pellentesque ut ultricies eget, sodales eget arcu. Morbi sed nunc quis urna condimentum imperdiet. Ut nec justo sed ligula interdum egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam non est vel odio hendrerit dignissim at quis dui. Fusce laoreet erat non urna lacinia porta. Maecenas ac metus lacus, nec convallis ligula. Cras in eros in felis rutrum varius vel eu dolor. Nunc lorem erat, adipiscing non aliquam elementum, accumsan sed mi. Mauris urna eros, suscipit sit amet tristique rhoncus, venenatis a nunc. Cras eget nunc quam, a mattis libero. Etiam sit amet auctor dolor. Vivamus pretium iaculis justo vitae faucibus. Nulla orci nisi, accumsan sed semper ac, bibendum id erat.</p>

</section>

<!-- #EndEditable -->
</div>
<footer>
<div id="footerInner">
	<div id="ewCopy" style="text-align:left; float:left"><script type="text/javascript">document.write('© ' +(new Date()).getFullYear() + '  Your name');</script><noscript>© Your name</noscript></div>
</div>
</footer>
<!-- #EndEditable -->

</body>

<!-- #EndTemplate -->

</html>