Peaks of Otter Template


Header Graphic Image from Pat Geary. Photograph taken at Peaks of Otter Lodge, Bedford, Virginia.

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.

H1 Heading Here

This is a fixed width template. At 800x600 there should be no horizontal scroll. However at this resolution you will see very little of the green background. At higher resolutions you will see more of the green body background but the menus 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 Eric Meyer's CSS Sculptor for Expression Web, a program that is no longer available.

H2 Heading Here

Picture of Green Color Pallette.Editable regions in the dwt include the doctitle, description, keywords, and the main content area. If you want the Credits box to change from page to page, you will need to create an editable region for that area.

Any of the areas including the left side navigation can be changed to includes if you want them to change from section to section. The to site name div at the top is not an editable region as it is assumed your site name will go there and your h1 tag will be within your content area.

The screenshot of the color palette shows the application of the class imgrgt. The is also a style to float images to the left. 

The package includes this sample index page, a dwt, and a plain template in case you are not using FrontPage or Expression Web. All images are included. Download the Peaks of Otter template package.

Nam vulputate pede in lectus. Donec viverra turpis at justo. Duis convallis dolor. Nulla quam metus, posuere nec, tincidunt et, hendrerit eu, metus. Morbi nibh nunc, sodales fringilla, ultricies et, imperdiet at, nibh. Sed ac mi nec augue varius viverra. Quisque ullamcorper urna eu mi. Ut sit amet ligula. Etiam aliquam metus vel dui. Aenean egestas faucibus elit. Ut euismod tempor risus. Maecenas lacinia tincidunt metus. Quisque imperdiet, pede vitae condimentum iaculis, neque velit viverra dui, at dignissim mi tellus in libero.

  • This is a list
  • This is another item
    • This is a sub item
    • This is a sub item

Donec sapien est, ultrices sed, luctus ut, fermentum quis, augue. Donec ac mauris eget erat luctus commodo. Proin porttitor sollicitudin sem. Nullam id odio. Integer sit amet orci. Curabitur massa urna, blandit eu, aliquet ac, scelerisque a, magna. Etiam aliquam arcu ut mauris. Fusce eget elit. Sed ultrices. Praesent odio tellus, convallis in, scelerisque in, adipiscing nec, orci. Ut semper. Vivamus velit urna, malesuada eget, viverra in, lacinia et, est. Ut consequat interdum nisl. Vivamus eros nisi, ornare non, lobortis id, porta quis, felis. Proin ac odio ut orci sagittis pellentesque. Duis purus. Vivamus ipsum elit, malesuada ut, iaculis eu, mattis vitae, purus. Maecenas porttitor, nibh ut aliquet condimentum, orci sem consequat augue, vel rutrum magna nisi vitae tellus. Proin tincidunt. 

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. More...