The left hand navigation is removed for demonstrating this component as a home page.

Overview

The two column callout component allows to place a heading with a paragraph or blurb or text following it. It can be on a white or grey background. It is a full width component.

It is  mainly used for introduction headings on homepages.

Feature showcase

Grey background

Welcome to the Two Column Callout

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.

White background

Welcome to the the grey background

Text here can be left blank if you choose.

Custom background

Welcome to the the custom background

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.

White (blank heading field)

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.

White (blank text field)

Welcome to this showcase

Add this feature to your site

Guide to adding a two column callout (requires log-in)

Top accessibility tip

Two column callouts are great for scanning a page without having to pause for long passages, which helps to quickly grasp the meaning of a section based on its heading: accessibility.sa.gov.au/your-role/content/scannable-content