Roots and Branches Template
The Roots and Branches Template is based on one of the newest templates offered on our sister site - Expression Web Mobile Friendly Site Templates. This template uses some CSS3 for the rounded corners. The rounded corners will display as intended in newer modern browsers. They will degrade gracefully in older browsers and default to rectangular corners. This template uses a fixed width layout and is mobile friendly.
Images
The background image for this site is Autumn from Eos Development. It is available in a number of different colors. You will need to retain the credits link if you choose to use any of their images.
The tree images are from Icons etc. The bullet icons are one of the tree images resized much smaller.
The transparent graphic image used for the site name was created using The Logo Creator.
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 you can use to scale your images when displayed on mobile devices.
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.
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.
Validation
The XHTML code validates. Because the external style sheet uses some CSS3, it does not validate. However the CSS3 style rules used degrade gracefully in older browsers and you will see rectangular corners rather than the rounded corners the more modern browsers display.