<!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 "mauve-flowers.dwt" --> <head> <!-- #BeginEditable "doctitle" --> <title>Mauve Flowers 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" /> <style type="text/css"> .style1 { margin-left: 40px; } </style> <!-- #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 rel="stylesheet" type="text/css" href="styles/mauve-flowers.css" /> </head> <body> <div id="container"> <div id="banner"> <img alt="" src="images/your-site-banner2.gif" width="354" height="52" /></div> <div id="topmenu"> <!--webbot bot="Include" u-include="_includes/top-menu.html" tag="BODY" startspan --> <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> </ul> <!--webbot bot="Include" i-checksum="14320" endspan --></div> <div id="vertmenu"> <!-- #BeginEditable "menu" --> <!--webbot bot="Include" u-include="_includes/left-menu.html" tag="BODY" startspan --> <p class="heading">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="heading">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> <div class="sidebox"> <p class="sideboxheading">Credits</p> <p><a title="Header image graphic." href="http://www.freewebpageheaders.com/gallery/showphoto.php/photo/1235/limit/recent">Header image</a> graphic is provided under a <a title="Creative Commons Attribution-NonCommercial 2.5 License" target="_blank" href="http://creativecommons.org/licenses/by-nc/3.0/us/">Creative Commons Attribution-NonCommercial 2.5 License</a>. </p> <p>You may use any of my free templates for non-commercial purposes (personal sites, non-profit organizations, etc.). I do require that you keep the credit link on all pages. </p> </div> <!--webbot bot="Include" i-checksum="21663" endspan --> <!-- #EndEditable --></div> <div id="content"> <!-- #BeginEditable "content" --> <h1> Mauve Flowers Template </h1> <p>The menu for this template is from CSS Drive - <a href="http://www.cssdrive.com/index.php/examples/exampleitem/dashed_vertical_menu/" title="Dashed Vertical Menu.">Dashed Vertical Menu</a>. I have commented out the bottom border but you may wish to remove the comment so the bottom border for the list items show. This is a fluid template which means it will resize to fit the viewer's browser window. The width of the container is set at 80%. A XHTML Transitional doctype has been used. Editable regions include doctitle, headsection for description and keywords, the left menu and the content area. </p> <p>You may request the text in the logo be changed for your site name or substitute the top logo for one of your own.</p> <p>The class of imgrgt or imglft has been applied to the images. </p> <h2><img alt="Photograph of a good looking man." class="imgrgt" height="229" src="images/sample-image.png" width="148" />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="../christmas/full-page.html" 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@yourdomain.com</a> </p> <p>Copyright 2008 | 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>