Overview
The templates are modular. They are constructed from independent sections. Adding or removing a section will not affect the other sections. This will enable you to add or remove components freely to build your templates. However, you must still take care to close tags properly; unclosed tags will affect the page appearance.
This template is compiled from the following sections. Your pages may use some or all of these sections, depending on the complexity of your site.
- Top Tabs
- Top Banner
- Top Menu
- Left section
- Left Navigation
- Quick Links on left navigation
- Right sidebar
Recommendations and policies for the use of the above sections are available in our Building Your Site: Best Practices section.
Template Options
The template folders you will download have some options you can use with little or no effort:
- Option for five color themes
- Option with or without tabs
- Option with or without a banner
- Option with top navigation
- Option with / without dropdown from top navigation
- Template for left navigation
- Option for sub left navigation
- Five page structure options:
This is a caption: You must specify the width of the <P> for this to work properly. The width should be the same as the image. Change the width in base.css under .width_wide
Nam egestas purus non velit consequat eget tempus neque consectetur. Morbi turpis leo, pretium a pharetra quis, fringilla et dui! Aliquam fringilla quam quis purus volutpat cursus vel consectetur turpis. Maecenas tempor, nulla eget sollicitudin pellentesque, neque magna elementum mauris, fermentum porttitor dolor nisi nec ante. Curabitur vestibulum dapibus ante et lobortis! Morbi tincidunt porttitor elit eu malesuada. Phasellus consectetur mi et lorem lacinia vel bibendum nunc molestie? Proin sed rhoncus velit. Vivamus id faucibus neque. Mauris et lacus risus. Cras sed lorem at nisi porttitor sagittis quis sit amet lectus. Mauris eget metus diam. Etiam tincidunt cursus mauris tempor luctus. Morbi dapibus tincidunt dui vel venenatis. Duis vitae urna elit. Pellentesque convallis placerat arcu, a venenatis massa convallis at. Curabitur ut dui est, tempus scelerisque dolor?
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam convallis risus vel neque congue a faucibus nunc dictum! Pellentesque pellentesque, erat quis fringilla iaculis; nisi erat fermentum est, vitae aliquet ipsum odio et lectus. Nullam semper, tellus ut consequat pellentesque, mauris metus consequat metus, vitae lacinia sapien metus et lorem. Etiam eu est id risus gravida consectetur vitae ac magna. Morbi arcu dolor; malesuada luctus lacinia in, sollicitudin eu turpis. Fusce justo erat, pulvinar non pretium vitae, bibendum a justo! Sed congue dolor vitae mauris adipiscing in posuere est suscipit. Maecenas mollis congue viverra. Nunc sit amet lorem leo, lobortis ullamcorper purus. Vivamus vehicula convallis purus vel laoreet. Nullam semper aliquam lectus, vel blandit orci tempus in. Duis nec nibh massa, tempor iaculis justo? Suspendisse ut ligula libero. Quisque sed erat lectus, sit amet tincidunt elit. Nam mattis sollicitudin magna vitae tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
This is a caption. You must specify the width of the <P> for this to work properly. The width should be the same as the image. Change the width in base.css under .width_mid
Fusce aliquam venenatis erat, quis luctus massa sagittis sit amet. Pellentesque ut tortor eu libero adipiscing mollis. Donec condimentum enim non metus sagittis a egestas nunc rutrum. Donec in gravida tortor. Integer suscipit, enim quis tristique posuere, eros nisl hendrerit risus, ut ullamcorper magna tellus quis diam! Nulla consequat augue vel tellus pretium faucibus! Pellentesque sagittis arcu sed dolor facilisis vel lobortis mi imperdiet. Integer auctor fermentum nibh vitae porttitor! Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tempus tellus sed lorem porta tincidunt dapibus risus blandit. Mauris lacinia rhoncus nulla ut ultricies. Integer mi orci, mollis nec vulputate eu, hendrerit porta libero.
