<!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>Fluid-width, content-first, equal-height sidebar layout - Right Side Navigation </title> <!-- #EndEditable --> <!-- #BeginEditable "headsection" --> <meta content="Fluid-width, content-first, equal-height sidebar layout " name="description" /> <meta content="Insert KEYWORDS here" name="keywords" /> <!-- #EndEditable --> <meta content="en-us" http-equiv="content-language" /> <meta content="General" name="rating" /> <meta content="no" http-equiv="imagetoolbar" /> <meta content="Copyright © 2011, Pat Geary and Tina Clarke All Rights Reserved" name="copyright" /> <link href="styles/site.css" rel="stylesheet" type="text/css" /> <!-- ====================================== Website Template Name: Content First Site Template Author: Patricia Geary and Tina Clarke Author URI: http://www.frontpage-to-expression.com/ Author Email: content-firstatfrontpage-to-expression.com Date: Sept 2011 ======================================== --> </head> <body> <!-- Page Container begins here --> <div id="outerWrapper"> <!-- Content wrapper begins here --> <div id="contentWrapper"> <!-- Begin offset --> <div id="offset"> <!-- Main Content begins here --> <div id="content"> <!-- #BeginEditable "content" --> <h1>Content-first, equal-height three column fixed width 1024px</h1> <p>Right Side Navigation - left column uses an include file</p> <p>NOTES: Jumping bug In EW4, only one fixed width layout possible with this design</p> <p> <img alt="" class="imgctr" height="189" src="images/garden.jpg" width="288" /></p> <p> </p> <p> </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. 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="index.html#">More...</a></p> <p>H2 level heading 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="http://www.css-layouts.org/cf-two-column-left-liquid/index.html#"> More..</a> 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="http://www.css-layouts.org/cf-two-column-left-liquid/index.html#"> More..</a> 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="http://www.css-layouts.org/cf-two-column-left-liquid/index.html#"> More..</a></p> <!-- #EndEditable --><!-- Main Content ends here --></div> <!-- Navigation begins here --> <div id="leftColumn1"> <!-- #BeginEditable "menu" --> <!--webbot bot="Include" startspan="" tag="BODY" u-include="_includes/include-page.html" --> <h2>H2 left Column1 Title </h2> <br /> 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="index.html">More...</a><br /> <br /> 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="index.html">More...</a> <!--webbot bot="Include" endspan="" i-checksum="50432" --><!-- #EndEditable --></div> <!-- Navigation ends here --> <!-- Left Column ends here --> <!-- end offset --></div> <!-- Right Column begins here --> <div id="rightColumn1"> <!-- Search box begins here --> <div class="search"> <form id="cse-search-box" action="http://www.google.com/cse" class="myform"> <div> <input name="cx" type="hidden" value="009206261522604705567:bab_def5f5a" /> <input name="ie" type="hidden" value="UTF-8" /> <input name="q" size="10" type="text" /> <input class="submit" name="sa" type="submit" value="GO" /> <br /> Google Custom Search</div> </form> <script src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en" type="text/javascript"></script> <!-- Search box ends here --></div> <!-- Right Column ends here --> <!-- Menu begins here --> <p class="headerbar">Site Navigation</p> <ul> <li><a href="#" title="null link">Link One</a></li> <li><a href="#" title="null link">Link Two</a></li> <li><a href="#" title="null link">Link Three</a></li> <li><a href="#" title="null link">Link Four</a></li> <li><a href="#" title="null link">Link Five</a></li> <li><a href="#" title="null link">Link Six</a></li> <li><a href="#" title="null link">Link Seven</a></li> </ul> <!-- Menu begins here --> <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> <!-- Content wrapper ends here --> <p> </p> </div> <!-- Page Container ends here --></div> <!-- 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 href="privacy-policy.html" title="Privacy Policy.">Privacy Policy</a></p> </div> <!-- Footer ends here --> <!-- Masthead Container begins here --> <div id="header"> <!-- Banner graphic begins here --> <div id="banner"> </div> <!-- Banner graphic ends here --> <!-- Top Navigations begins here --> <div id="topNavigation"> <!--webbot bot="Include" startspan="" tag="BODY" u-include="_includes/main-menu.html" --> <ul> <li><a href="index.html" title="Home - Name of Site.">Home</a></li> <li><a href="about.html" title="About Us - Name of Site,">About Us</a></li> <li><a href="contact.html" title="Contact Name of Site.">Contact Us</a></li> <li><a href="links.html" title="Resources.">Resources</a></li> <li><a href="site-map.html" title="Site Map.">Site Map</a></li> <li><a href="search.html" title="Search.">Search</a></li> </ul> <!--webbot bot="Include" endspan="" i-checksum="59290" --></div> <!-- Top Navigations ends here --></div> <!-- Masthead Container ends here --> </body> <!-- #EndTemplate --> </html>