<!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 "three-column.dwt" --> <head> <!-- #BeginEditable "doctitle" --> <title>Three Column Layout Template</title> <!-- #EndEditable --> <!-- #BeginEditable "headsection" --> <meta content="Description of Your Site Goes Here." name="description" /> <meta content="keywords for your site here separate with commas" name="keywords" /> <!-- #EndEditable --> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /> <meta content="en-us" http-equiv="Content-Language" /> <meta content="General" name="rating" /> <meta content="no" http-equiv="imagetoolbar" /> <meta content="Copyright � 2008, Your Name All Rights Reserved" name="copyright" /> <link href="styles/three-column-layout.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="logoright"> <form action="http://search.atomz.com/search/" method="get"> <input name="sp-q" size="10" value="Search this site" /> <input class="search" name="submit" type="submit" value="Search" /> <input name="sp-a" type="hidden" value="00000000" /><input name="sp-p" type="hidden" value="all" /><input name="sp-f" type="hidden" value="ISO-8859-1" /> </form> </div> <div id="logoleft"> </div> <div id="topmenu"> <ul> <li><a href="mailto:your-domain@domain.com" title="Email Me.">Email Me</a></li> <li><a href="http://freepages.genealogy.rootsweb.com/~daviesofmold/Family_Tree.html" title="Family Tree.">Family Tree</a></li> <li><a href="http://freepages.genealogy.rootsweb.com/~daviesofmold/Family_Snaps.html" title="Family Snaps.">Family Snaps</a></li> <li><a href="http://freepages.genealogy.rootsweb.com/~daviesofmold/Links.htmlfull-page.html" title="Links.">Links</a></li> </ul> </div> <div class="urbangreymenu"> <!-- #BeginEditable "leftnavigation" --><!--webbot bot="Include" u-include="includes/left-menu.html" tag="BODY" startspan --> <p class="headerbar">Section Menu </p> <ul> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li></ul> <p class="headerbar">Section Menu </p> <ul> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li></ul> <!--webbot bot="Include" i-checksum="12742" endspan --> <!-- #EndEditable --> </div> <div id="rightnav"> <!-- #BeginEditable "rightsidebar" --><!--webbot bot="Include" u-include="includes/rightbar-main.html" tag="BODY" startspan --> <p class="header">News</p> <p>Ut quis odio. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In hac habitasse platea dictumst. Nunc mi. Integer congue, eros eu elementum gravida, nibh augue hendrerit purus, sed vehicula tellus augue id justo. Mauris et massa. Vestibulum viverra nonummy erat. Pellentesque pellentesque dui non est aliquet accumsan. </p> <p>Proin tellus mauris, fermentum ornare, rhoncus volutpat, ultricies vel, metus. Proin pulvinar, massa et porttitor eleifend, tortor lacus suscipit quam, id molestie dui sem non turpis. Cras suscipit, elit porttitor fringilla consequat, orci massa ullamcorper urna, vitae lacinia pede dolor eget ligula. Nulla augue felis, venenatis nec, rutrum et, sagittis id, odio. Duis vitae augue.</p> <!--webbot bot="Include" i-checksum="49093" endspan --> <!-- #EndEditable --> </div> <div id="content"> <!-- #BeginEditable "maincontent" --> <h1>H1 Tag - Most Important Topic</h1> <p><img alt="Photograph of a good looking man." class="imglft" height="229" src="images/sample-image.png" width="148" />This is a fluid layout that will resize to 800x600 with no horizontal scroll. If you would prefer the content to flow under the right side box, comment out the right margin. The images within the content area are floated right and left by applying a class. </p> <p>The <a title="Urban Grey Side Menu from Dynamic Drive." href="http://www.dynamicdrive.com/style/csslibrary/item/urban_grey_side_menu/">Urban Grey Side Menu</a> is from Dynamic Drive. </p> <p>Editable regions include doctitle, headsection for description and keywords, the left menu, the right sidebar and the content area. The masthead logo is 351x70 pixels. You may request the text in the logo be changed for your site name or substitute the top logo for one of your own. The class of imgrgt or imglft has been applied to the images within the content area. You will need to add your own search box, this is only an example. This assumes that you will be using different menus for different sections of your site. If not, then it does not need to be an editable region. Same is true with the right sidebar.</p> <h2>H2 Tag - Sub Topic</h2> <p>Mauris ligula metus, accumsan quis, lacinia sed, tincidunt vitae, ligula. Nulla bibendum sagittis metus. Nam arcu lacus, luctus sit amet, pretium ut, congue in, velit. Vivamus justo magna, laoreet vel, porta eleifend, aliquet ac, mauris. <a href="#" title="Vestibulum luctus.">Vestibulum luctus</a> lectus et lorem. Quisque ac tortor ac nibh interdum aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce et est vel libero dapibus accumsan. Aliquam dapibus nunc in ante. Ut sagittis, leo nec volutpat ultrices, leo dolor eleifend ligula, at dictum dolor augue tincidunt tortor. Morbi hendrerit. Donec facilisis interdum eros. Sed posuere, augue imperdiet consectetuer posuere, magna magna euismod nunc, ut facilisis dui ipsum quis tortor. Pellentesque feugiat, justo eu auctor iaculis, sapien quam convallis neque, non sodales ligula orci ut mauris. Vivamus tincidunt lobortis magna. Maecenas tempor. </p> <h3>H3 Tag - Sub Topic</h3> <p class="imglft"><img alt="Photograph of a woman." height="203" src="images/sample-image2.png" width="132" /></p> <p>Phasellus tempor blandit risus. Integer at quam ac ante bibendum varius. Aenean ac nisl. Nam a enim eu orci interdum blandit. Pellentesque ipsum. Fusce at odio a enim vehicula sagittis. Integer eu arcu. In sodales justo eu dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam at mauris. Pellentesque imperdiet, justo id pellentesque tristique, dolor dolor rutrum justo, eget luctus leo orci ac sem. Morbi neque erat, vestibulum quis, eleifend eu, blandit id, urna. Ut non enim. Pellentesque egestas mollis nisl. Donec vel neque eu ipsum aliquet luctus. Proin luctus. Proin pretium. </p> <p>Ut quis odio. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In hac habitasse platea dictumst. Nunc mi. Integer congue, eros eu elementum gravida, nibh augue hendrerit purus, sed vehicula tellus augue id justo. Mauris et massa. Vestibulum viverra nonummy erat. Pellentesque pellentesque dui non est aliquet accumsan. Proin tellus mauris, fermentum ornare, rhoncus volutpat, ultricies vel, metus. Proin pulvinar, massa et porttitor eleifend, tortor lacus suscipit quam, id molestie dui sem non turpis. Cras suscipit, elit porttitor fringilla consequat, orci massa ullamcorper urna, vitae lacinia pede dolor eget ligula. Nulla augue felis, venenatis nec, rutrum et, sagittis id, odio. Duis vitae augue. </p> <p>This is how a list will look:</p> <ul> <li>Main item</li> <li>Main Item</li> <li>Main Item<ul> <li>Sub Item</li> <li>Sub Item</li> </ul> </li> </ul> <p>Nunc urna. Mauris lectus. Nunc mollis vulputate dolor. Etiam odio enim, bibendum sed, egestas sed, pharetra vel, elit. Maecenas eros ligula, viverra a, placerat a, dictum et, risus. Mauris elit. Vivamus cursus consequat nunc. Proin et nunc sed nibh tempus tempus. Curabitur hendrerit interdum nisl. Nulla bibendum varius turpis. In condimentum ultrices eros. Nullam ligula tellus, pharetra et, faucibus non, vestibulum eget, leo. Vestibulum vitae nisi sed eros condimentum rutrum. Pellentesque in purus. Proin nisi risus, tempor sit amet, auctor eu, ultrices vitae, nisi. Donec rhoncus semper nunc. Nunc feugiat sodales dui. Morbi lectus. Vestibulum non dolor nec nibh egestas gravida. Vestibulum augue.</p> <!-- #EndEditable --></div> <div id="footer"> <p>Your Name | <a href="mailto:yourname@yourdomain.com" title="Email to Your Name.">yourname@your-domain.com </a></p> <p>Copyright 2007 | All Rights Reserved</p> <p class="smtxt">Template Design: <a href="http://www.genealogy-web-creations.com/" title="Genealogy Web Creations.">Genealogy Web Creations</a></p> </div> </div> </body> <!-- #EndTemplate --> </html>