Top Content: Spans the full width of the site and appears above the main content.
Main content: The large main area in the left of the site. Approx 800px wide any depth
Buttons
For accessibility purposes, heading levels should not be used to create buttons.
Buttons should only use the “Paragraph” style. Do not apply a heading style to button text.
- Enter the button text.
- Apply the link to the text first.
- Then apply the button style.
Note: The button style option will only be available after the text has been linked.
Block quote
Heading 1 with Background with link
Heading 2 with Background with link
Heading 3 with Background with link
Heading 4 with Background with link
Heading 5 with Background with link
Heading 6 with Background with link
Paragraph with Background with link
Heading 1 with Underline with link
Heading 2 with Underline with link
Heading 3 with Underline with link
Heading 4 with Underline with link
Heading 5 with Underline with link
Heading 6 with Underline with link
Paragraph with Underline/home
Heading 1 - link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et justo ut lacus aliquam malesuada. Nullam eleifend viverra ante ut venenatis. Pellentesque habitant morbi tristique senectus et netus et link text fames ac turpis bolde text. underline text italic text erat, varius non mattis id, scelerisque sit
INTRO CLASS TEST Vestibulum condimentum ligula neque. Curabitur lacinia malesuada mauris ac placerat. Maecenas ac libero nisi. Ut fringilla sem eget magna rhoncus sit amet porta mauris dapibus. Donec vel nisl et tellus euismod varius. Maecenas tristique ultricies tempus.
Heading 2 - link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et justo ut lacus aliquam malesuada. Nullam eleifend viverra ante ut venenatis. Vestibulum condimentum ligula neque. Curabitur lacinia malesuada mauris ac placerat.
Heading 3 - link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et justo ut lacus aliquam malesuada. Nullam eleifend viverra ante ut venenatis. Vestibulum condimentum ligula neque. Curabitur lacinia malesuada mauris ac placerat.
Heading 4 - link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et justo ut lacus aliquam malesuada. Nullam eleifend viverra ante ut venenatis. Vestibulum condimentum ligula neque. Curabitur lacinia malesuada mauris ac placerat.
Heading 5 - link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et justo ut lacus aliquam malesuada. Nullam eleifend viverra ante ut venenatis. Vestibulum condimentum ligula neque. Curabitur lacinia malesuada mauris ac placerat.
Heading 6 - link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et justo ut lacus aliquam malesuada. Nullam eleifend viverra ante ut venenatis. Vestibulum condimentum ligula neque. Curabitur lacinia malesuada mauris ac placerat.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Bottom Content: Can stretch across the bottom of site or entire screen.
TEMPLATES
Cut and paste these templates to create your own in top content or body copy.
Restyle them by using your H heading levels, turn off, background and underline. Remember to use links on the images and hovers to indicate that they are linked.
Template 3x3x3x3 stackable
Type your text here. Make sure each column has the same amount of text otherwise they will appeal uneven on the page. LEARN MORE
Type your text here. Make sure each column has the same amount of text otherwise they will appeal uneven on the page. LEARN MORE
Has the business stopped growing or slipped back, or you want to go in a different direction or start a new product range? LEARN MORE
You may need to be away from your business and need back-up and support, or staff need to improve customer relations. LEARN MORE
Template 4x4x4 stackable
Type your text here. Make sure each column has the same amount of text otherwise they will appeal uneven on the page. LEARN MORE
Type your text here. Make sure each column has the same amount of text otherwise they will appeal uneven on the page. LEARN MORE
Has the business stopped growing or slipped back, or you want to go in a different direction or start a new product range? LEARN MORE
Template 3x2x2x2x3 stackable
Type your text here. Make sure each column has the same amount of text otherwise they will appeal uneven on the page. LEARN MORE
Type your text here. Make sure each column has the same amount of text otherwise they will appeal uneven on the page. LEARN MORE
Type your text here. Make sure each column has the same amount of text otherwise they will appeal uneven on the page. LEARN MORE
