Components and styles
Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Heading 4
Pre Heading
Heading 4
This is a full width cover block italic headings make the font Bon Vivant
Columns
and Colours
Primary Text Colour
Secondary Text Colour
Light Grey Text Colour
Very Light Grey Text with dark bg
Body Text Colour
Body Text Colour Assigned
Primary BG
Secondary BG
Body Grey BG
Light Grey BG
Very Light Grey BG
Layout: Align full – Contain Left
Columns full width, left column has classname – “contain-left”
right column remains full width
left column remains full width
Columns full width, right column has classname – “contain-right”
Accordion One with class=”accordion-heading” wrapped in group with class=”accordion”
Text for accordion one wrapped in group with class=”accordion-content” inside of the group with class=”accordion”
Accordion One with class=”accordion-heading” wrapped in group with class=”accordion”
Text for accordion one wrapped in group with class=”accordion-content” inside of the group with class=”accordion”
Accordion One with class=”accordion-heading” wrapped in group with class=”accordion”
Text for accordion one wrapped in group with class=”accordion-content” inside of the group with class=”accordion”