<!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"> <head> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /> <title>Woodland Stream Template</title> <meta content="Woodland Stream Template " name="description" /> <meta content="keyword, keyword, keyword " name="keywords" /> <meta content="en-us" http-equiv="Content-Language" /> <meta content="General" name="rating" /> <meta content="no" http-equiv="imagetoolbar" /> <meta content="Woodland Stream Template " name="description" /> <link href="styles/woodland-stream-2col.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outerWrapper"> <div id="header"> <p>Company Name<br /> 4025 Main Street, Suite 56<br /> Zip Code<br /> <br /> Office: 000-000-0000<br /> Fax: 000-000-0000<br /> Email: email@comcast.net<br /> your-domain.com</p> </div> <div id="topnavigation"> <ul> <li><a href="#" title="null link">Home</a></li> <li><a href="#" title="null link">About</a></li> <li><a href="#" title="null link">Contact</a></li> <li><a href="#" title="null link">Site Map</a></li> <li><a href="#" title="null link">Search</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> <div id="contentWrapper"> <div id="rightColumn1"> <h2>H2 rightColumn1 Title </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. <a href="#"> More...</a></p> <div class="sidebox"> <p class="sideboxheading">Credits</p> <p>Header Graphic Image from <a href="http://www.expression-web-tutorials.com/" title="Expression Web Tutorials & Templates."> Pat Geary</a>. Photograph taken at Douthat State Park in Virginia in May 2007 on a hike we took.</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> <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> <div id="content"> <h1>Woodland Stream Template</h1> <p>The Woodland Stream Template is a fixed width layout. It is available as both a full content layout and the two column layout. At 800x600 there should be no horizontal scroll. However at this resolution you will see very little of the dark background. At higher resolutions you will see more of the darker body background but the container and content will remain the same size. Both the style sheet and the template validate. The page was coded using an XHTML Transitional doctype. This template is based on one of the layouts from <a href="http://www.shareasale.com/m-pr.cfm?merchantID=18179&userID=301139&productID=461787021"> Eric Meyer's CSS Sculptor for Expression Web</a>. </p> <p>Colors for the <a href="http://tools.dynamicdrive.com/gradient/" title="Gradient Imager Maker from Dynamic Drive."> gradient image</a> used as the background for the <h1> thru <h3> tags are #D2D8BC and #FFFFFF.</p> <p> <img alt="Color Palette Used for this template." class="imgrgt" height="162" src="images/color-palette.jpg" width="222" /><a href="http://jrm.cc/color-palette-generator/" title="Color Palette Generator.">Color Palette Generator</a> was used to generate the color palette from the masthead photo. Left to right, the colors are:</p> <ul> <li>First Row: #333E13, #272F00, #5C7B37</li> <li>Second Row: #D2D8BC, #8D9B5D, #0B2404</li> <li>Third Row: #061609, #4D5142, #252E1D </li> </ul> <p>The screenshot of the color palette shows the application of the class imgrgt. The is also a style to float images to the left. </p> <p>Editable regions in the dwt include the doctitle, description, keywords, and the main content area. The right sidebar is not an editable region but can easily be changed to that.</p> <p>This template is designed for a smaller site with not a huge number of sections as the top menu can accommodate only so many links without breaking the layout. If you require a drop down menu, I suggest you check out <a href="http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm" title="CSS Express Drop-Down Menus."> CSS Express Drop-Down Menus</a> available at Project Seven. </p> <p>If you want text on top of the graphic image in the masthead, use your graphics editor to add it to the image.</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> </div> <br class="clearFloat" /> </div> <div id="footer"> <p><a href="sample-two-col.html">Home</a> | <a href="sample-two-col.html">About</a> | <a href="sample-two-col.html">Contact</a> | <a href="sample-two-col.html">Site Map</a> | <a href="sample-two-col.html">Search</a>| </p> Copyright � 2009 Your Name your-domain.com<br /> Template Design: <a href="http://www.expression-web-templates.com" title="Expression Web Tutorials & Templates."> Expression Web Tutorials & Templates</a> </div> </div> </body> </html>