<!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>About Us</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 --> <!-- 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 My Site.">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="heading">Article Heading</p> <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. <a href="#"> More...</a></p> <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> </div> <!-- Left Column ends here --> <!-- Right Column begins here --> <div id="rightColumn1"> <p class="heading">Article Heading</p> <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. <a href="#"> More...</a></p> <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> </div> <!-- Right Column ends here --> <!-- Main Content begins here --> <div id="content"> <!-- #BeginEditable "content" --> <h1>About</h1> <p> <img alt="Description of Picture." class="imglft" src="images/about-us.jpg" style="width: 250px; height: 350px" />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> <!-- #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 --> <!-- 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 --></div> <!-- Page Container ends here --> </body> <!-- #EndTemplate --> </html>