Headings
A common HTML element
Headings help to define sections of content
There are multiple style options that can be selected
This heading has 'top attached' selected
Size
Text alignment
Colour
Block, Inverted, Dividing
Attached & Floated
Icon
H2 Heading
with a sub heading
H3
Text align: center
H4 Yellow
With 'block' selected
H2 Violet Heading
With 'dividing' selected and an icon
With 'dividing' selected and an icon
50% Height 'Cover' Image
This page shows a full width image with a height set to 50vh
This page shows a full width image with a height set to 50vh
The height of the image can be set by simply selecting a value from a drop-down menu
Bigger images
Primary images can set to full-width and a variety of heights
Primary images can set to full-width and a variety of heights
This example uses 100% of the viewable area to fill the screen.
A page with a floated image
How to position and scale a 'primary' page image
How to position and scale a 'primary' page image
The primary page image can be floated left or right, and at different sizes