This is a reference page so you can see how different content blocks appear on the front end.
Content blocks are the building blocks of content pages on this website.
They can have different configurations and can be arranged in any order. Use them to lay out content in a neat and predictable manner for the end user. Prioritise the user experience.
Home Header
A large slider designed for the homepage. It contains social icons and a link to the cultural sensitivity message.
Tabbed Navigation - Type 1
Sub-navigation that be added to a page that has a lot of children.
Tabbed Navigation - Type 2
Sub-navigation that be added to a page that has a lot of children.
Persona Selector
A content block used on the homepage that encourages users to navigate to pages depending on their persona. The dropdown options are customisable.
Note: the blue drip graphic is included in the content block.
Quick Find Selector
A carousel of links to help users find their destination page as fast as possible. The pages loop.
The title and background of this content block can be white or gold.
Acknowledgement
The Acknowledgement content block is used on the homepage.
Button 1 is an audio button, and button 2 is a standard button that can link anywhere.
News
The news content block displays the 3 latest news posts. Only the title, button and background colour (blue or brown) are configurable.
Locations
The locations content block displays a carousel of the Batchelor Institute campuses.
WYSIWYG
WYSIWYG stands for 'What you see is what you get'. It's a rich text editor where you can enter content that includes headings, lists, images, files, tables, links and more.
Title (optional)
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Left-aligned Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies, ante ac commodo elementum, felis augue bibendum lacus, ut pretium justo tellus ultricies arcu. Donec condimentum, nisl at feugiat sagittis, est ex posuere massa, vel finibus dui lorem vel libero. In vel est commodo, consequat nulla ut, volutpat elit. Pellentesque ac fermentum sem. Praesent rutrum, tortor sit amet mollis varius, nibh enim viverra magna, eget congue dui mauris nec ante. Morbi erat felis, mollis eu molestie quis, malesuada et felis. Proin felis est, gravida quis est eu, pulvinar placerat metus. Donec at dolor urna. Aenean sodales magna est, nec mattis lorem mollis vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque convallis eget massa in sollicitudin. Vivamus et ex dictum, sagittis nibh et, vestibulum augue. Nunc luctus nisl mi, at pretium lectus finibus id. Sed tempus ligula ac dui volutpat sagittis. Aliquam placerat tincidunt neque quis sodales. Nullam ac arcu quis lorem fermentum placerat id at sem.
Centre-aligned Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies, ante ac commodo elementum, felis augue bibendum lacus, ut pretium justo tellus ultricies arcu. Donec condimentum, nisl at feugiat sagittis, est ex posuere massa, vel finibus dui lorem vel libero. In vel est commodo, consequat nulla ut, volutpat elit. Pellentesque ac fermentum sem. Praesent rutrum, tortor sit amet mollis varius, nibh enim viverra magna, eget congue dui mauris nec ante. Morbi erat felis, mollis eu molestie quis, malesuada et felis. Proin felis est, gravida quis est eu, pulvinar placerat metus. Donec at dolor urna. Aenean sodales magna est, nec mattis lorem mollis vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque convallis eget massa in sollicitudin. Vivamus et ex dictum, sagittis nibh et, vestibulum augue. Nunc luctus nisl mi, at pretium lectus finibus id. Sed tempus ligula ac dui volutpat sagittis. Aliquam placerat tincidunt neque quis sodales. Nullam ac arcu quis lorem fermentum placerat id at sem.
Right-aligned Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies, ante ac commodo elementum, felis augue bibendum lacus, ut pretium justo tellus ultricies arcu. Donec condimentum, nisl at feugiat sagittis, est ex posuere massa, vel finibus dui lorem vel libero. In vel est commodo, consequat nulla ut, volutpat elit. Pellentesque ac fermentum sem. Praesent rutrum, tortor sit amet mollis varius, nibh enim viverra magna, eget congue dui mauris nec ante. Morbi erat felis, mollis eu molestie quis, malesuada et felis. Proin felis est, gravida quis est eu, pulvinar placerat metus. Donec at dolor urna. Aenean sodales magna est, nec mattis lorem mollis vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque convallis eget massa in sollicitudin. Vivamus et ex dictum, sagittis nibh et, vestibulum augue. Nunc luctus nisl mi, at pretium lectus finibus id. Sed tempus ligula ac dui volutpat sagittis. Aliquam placerat tincidunt neque quis sodales. Nullam ac arcu quis lorem fermentum placerat id at sem.
Justified Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies, ante ac commodo elementum, felis augue bibendum lacus, ut pretium justo tellus ultricies arcu. Donec condimentum, nisl at feugiat sagittis, est ex posuere massa, vel finibus dui lorem vel libero. In vel est commodo, consequat nulla ut, volutpat elit. Pellentesque ac fermentum sem. Praesent rutrum, tortor sit amet mollis varius, nibh enim viverra magna, eget congue dui mauris nec ante. Morbi erat felis, mollis eu molestie quis, malesuada et felis. Proin felis est, gravida quis est eu, pulvinar placerat metus. Donec at dolor urna. Aenean sodales magna est, nec mattis lorem mollis vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque convallis eget massa in sollicitudin. Vivamus et ex dictum, sagittis nibh et, vestibulum augue. Nunc luctus nisl mi, at pretium lectus finibus id. Sed tempus ligula ac dui volutpat sagittis. Aliquam placerat tincidunt neque quis sodales. Nullam ac arcu quis lorem fermentum placerat id at sem.
- Unordered list
- Unordered list
- Unordered list
- Ordered list
- Ordered list
- Ordered list
Table | Column 1 | Column 2 |
Row 1 | Content | Content |
Row 2 | Content | Content |
Accordion
The accordion content block can be used for collapsable accordions or file downloads. If a link is added to the accordion item, it will automatically become a file download.
Optional Title
Content
Content
Content
Text Grid
A content block that splits simple items into three columns.
Link Grid – Type 1
A three column link grid.
Link Grid – Type 2
A three column link grid with solid arrows.
Image Link Grid
A three-column image grid with overlayed text and links.
Optional additional content
Optional CTA Optional Button
Pillar Grid
A content block used for the Batchelor Institute pillars on the about page.
Note: the grey-to-white wavy divider is optional.
Optional Content
Member Grid
A three-column grid designed to be used for displaying team member profiles.
Image Gallery
A gallery carousel with lightbox functionality (click to enlarge).
Testimonials
A content block to display testimonials. The content block can be configured to pull from all testimonials in the CMS, or can be entered on a page-by-page basis for ultimate flexibility.
There are options to change the background colour and padding amount.