background
background

Pre-built Controls

A collection of control examples and a guide on how to implement them

Section

The section container allows you to wrap content with specific background colours

Text

Body

Features

Title, Text and Button

Unboxed

Link

Title, Text and Link

Boxed

Link

Title, Text and Button

Boxed with no image

Link

Branded Background

80% Height and Central

Left Icon and Text

Icon and Text

Link

Left Icon and Text

Icon and Text

Link
Top Icon and Text

Text

Link
Top Icon and Text

Text

Link
Top Icon and Text

Text

Link

Image Link and Text Top

Text

background

Image Link and Text Top

Text

background

Image Link and Text Top

Text

background

Split Content

Title and Text Only

Lead

Text

Link
image

Large Image and Text

Fluid Width

Body

Link
image

Large Image and Text

Full Width

No Section Spacing

Link
image

Large Image and Text

Full Width and Switched

No Section Spacing

Link
image

Large Image and Text

Container

background

Image and Slanted Branded Panel

Lead

Body

Test

Text and Images

Standard Grid

Gapless Grid

background

Background Image and Text

Lead

Text

Body

Link
background

Background Image and Text

Text

Call to Actions

Single Line with Button

Lead

Link
label Single Line With Label

body

Background Colour Strip Text

Videos

Inline Video