Home About Contact Links Search Site Map

Sectional Navigation

Roses

Picture of Rose.
A rose is a woody perennial flowering plant of the genus Rosa, in the family Rosaceae, or the flower it bears.There are over three hundred species and tens of thousands of cultivars. They form a group of plants that can be erect shrubs, climbing, or trailing, with stems that are often armed with sharp prickles. Flowers vary in size and shape and are usually large and showy, in colours ranging from white through yellows and reds.

Our Family Template Rose

Download Our FAmily Rose Template. Instructions for Using the Templates.

The Our Family Template (Rose) is is based on one of the templates offered on Expression Web Mobile Friendly Site Templates. This template uses a liquid width with a maximum declared width of 1500px.  The header image must be inserted into the html code rather than the css in order to resize to fit mobile devices. This site layout passes the Google mobile-friendly site test

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.

Images

Background Image: Banker's Granite from Eos Developers. Classes are included as part of the style sheet to float your images right or left or center them on the page. There is also a class to scale the images so the fit the screen size of various mobile devices. Masthead image is 1500px x 215px and is a sample only. You will need to create your own graphic image to use in the header.

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.

Search Box/Contact

Both the Search Box and Contact page are samples only and do not work.  You can use any search engine you choose. The styling for the search areas is part of the external style sheet. See the contact page for more details.

Menu

This template uses a single level top and side menu. The top menu use the instuctions provided by W3schools for Responsive Top Navigation.  If you would like a multi-level drop down top menu, please see Responsive Navbar with Dropdown

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.

General Information

The masthead, top or left navigation as well as the footer can be easily converted to SSI's by following the server side include tutorial OR to a FrontPage or Expression Web include.  The blank template does NOT require any special web editor to use it. It should work with any of them - even a plain text editor. Remember, if you are located in another country to change the language statement.  You are welcome to use the template for any of your projects, however, the link back to my site MUST remain. ENJOY!