Sectional Navigation

• Link One
• Link Two
• Link Three
• Link Four
• Link Five
• Link Six

Article Heading

You can use the sidebar for additional information. If you choose to change the information from page to pages, then you will need to make this an editable region.

More text can be added in this sidebar area. You can include images but you will need to limit the size to no more than 180px at the most. You can add links or special sale information.. Contact Us>>

---

Connect with us on:

Peaks of Otter Template

 

The Peaks of Otter Template is based on one of the templates offered on our sister site - Expression Web Mobile Friendly Site Templates.  This template uses a fixed width layout and is mobile friendly. 

Package Includes

This template package includes:

• A complete DWT Site Template package which requires FrontPage 2003, any versions of Expression Web or Sharepoint Designer.
• A blank template that can be used with any web editor.
• A blank template which uses server side includes for the top menu, right menu and footer and can be used by any web editor.

Images

The shamrock images used as the bullets are from Icons etc and have been resized much smaller.

Classes are included as part of the style sheet to float your images right or left or center them on the page.  If you want any images to resize depending on the device size, you MUST apply class="scalable" to the image.

Header Graphic Image from Pat Geary. Photograph taken at Peaks of Otter Lodge, Bedford, Virginia. The image size is 1093px by 300px.

Fonts

This templates makes use of one of the Google web fonts, Federo. Read more about Google web fonts.

Changing the Column Background Color

A background image is used to create the equal height column look. If you wish to change the color of the columns, you will need to create a new image.

Server Side Includes

This template package includes a template which uses server side includes for both the top and right menu as well as the page footer. You can edit the ssi files, publish the edited file and the change will show on all pages.

If you are NOT familiar with working with SSI pages, please see:

• Server Side Includes Tutorial
• Server Side Includes - SSI Examples

Search Box/Page

The Google Custom search box will need to be adjusted with the code for YOUR custom search.  You can, of course, use any search engine you choose. The styling for the search areas is part of the external style sheet.

RootsWeb World Connect Link

If you wish to link to a WorldConnect database at RootsWeb, the graphic link is included on the sidebar

Additional Resources

You can find detailed instructions for working with the mobile friendly site templates as well as a pdf file you can download and print.

Also resources on both drop shadows and rounded corners.