<!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>Home</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>H1 Main Content</h1> <p> <img alt="Description of Picture." class="imglft" src="images/MP900443835.jpg" style="width: 300px; height: 186px" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero. <a href="#">More...</a></p> <h2>H2 level heading</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. <a href="#">More..</a></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>