<!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" /> <link href="styles/woodland-stream-full.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="content"> <h1>Woodland Stream Template </h1> <p>The Woodland Stream Template is a fixed width layout available as one or two columns. 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 area 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 gradient image 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>Header Graphic Image from <a href="http://www.expression-web-tutorials.com/">Pat Geary</a>. Photograph taken at Douthat State Park in Virginia in May 2007 on a hike we took. If you want text as part of the masthead image, use your graphics editor to add it</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> <p>Editable regions in the dwt include the doctitle, description, keywords, and the main content area. </p> </div> <br class="clearFloat" /> </div> <div id="footer"> <p><a href="sample-full.html">Home</a> | <a href="sample-full.html">About</a> | <a href="sample-full.html">Contact</a> | <a href="sample-full.html">Site Map</a> | <a href="sample-full.html">Search</a> | </p> <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> </p> </div> </div> </body> </html>