Default Page
The default page is the standard layout used for content pages. It contains a content section and a sub-navigation. This layout can be reversed to display the content and sub-navigation on either side depending on your preference.
To achieve this layout create two div
tags and add the class "two-thirds" to one and the class "one-third" to the other. The order the tags appear in the code will determine if you have a left or right sub-navigation layout.
Layout with right navigation
<div class="two-thirds">Your content here.</div> <div class="one-third">Sub-navigation here</div>
View a sample page using this layout.
Layout with left navigation
<div class="one-third">Sub-navigation here</div> <div class="two-thirds">Your content here.</div>
View a sample page using this layout.
top ^
Full Page
The full page layout uses the full width of the content area. It does not have a sub-navigation or sidebar making it a good choice for portfolio pages.
This layout only requires a single div
tag with the class "full-page".
<div class="full-page">Your content here.</div>
View a sample page using this layout.
top ^
Blog
The blog layout offers a left or right menu depending on preference. Each entry has a summary layout and full article layout. This view can also be used for news articles or any categorized content structure needed.
Left and right layout options for the blog are achieved using the same markup as the default page.
View a sample page using this layout.
top ^
2 & 3 Column
The two column layout use the entire width of the page for content. It is not intended for a sub-navigation but can have one if desired. This layout is well suited for landing pages before a content section, about us and contact pages.
The three column design uses 3 equal width columns. These can all contain content or you can optionally adapt any of the three into a sub-navigation.
2 column layout
Requires two div
tags with the class "half-page".
<div class="half-page">Your first content column.</div> <div class="half-page">Your second content column.</div>
View a sample page using this layout.
3 column layout
Requires three div
tags with the class "one-third". Like the default page, the order the tags are entered in the code determines the order of appearance on the page.
<div class="one-third">Sub-navigation (optional)</div> <div class="one-third">Your first content column.</div> <div class="one-third">Your second content column.</div>
Sub Navigation
Services
Choose from a wide range of special services we have available, including:
- Etiam eget blandit massa.
- Mauris a dui nibh, sed consequat odio.
- Praesent nunc augue, ut suscipit id.
- Maecenas non nulla nisi.
- Proin nulla sem, quis bibendum.
- Sed non elit mollis orci et eu libero.
- Cras vel augue sed mauris interdum.
Recent News
-
December 11, 2009
Sed pulvinar lorem ac elit consectetur laoreet ac eu dolor.
-
December 9, 2009
In urna felis, feugiat in sodales a, venenatis ac tellus. Nullam consequat interdum leo in tincidunt.
-
December 5, 2009
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Stay Connected
Subscribe free and start getting our updates today.