Banner Styles

Pattern Library - Banner Styles

Banner 2 title no settings

Banner subtitle

Background Dark Grey w white text

Banner with overly title

Banner overlay box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum lacinia vestibulum. Nullam aliquam cursus nibh, ut finibus ligula elementum in. Praesent est erat, pharetra quis interdum a, tempor sit amet erat.

Banner overlay

Banner Subtitle w ctoa and figcaption

Banner 4 text Pellentesque a ex ut dui luctus eleifend quis vitae dolor. Curabitur sollicitudin ornare tortor, a lobortis velit facilisis quis. Nulla semper mattis fringilla.

Banner 4 ctoa

Banner short with ctoa

You will need to be careful with title length and call to action phrasing or the layout will break!

Call to action

Banner tall Image

This is default banner with image, image aligned right to cope with left side text. To cope with contrast add a filter

Short Banner with image

Default short banner with image, again be wary of contrast

Banner manual Cropping

Test of images manually cropped in the cms

Banner with 2 simple blue tiles with image and text

Banner button test

News tile 3 World Lung Day

Category: Basic page

In a week marked by global protests and the United Nations Climate Action Summit, the welfare of the entire planet is at forefront of the political agenda about heal.

Join our vision and help the union today

Category: Basic page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id eros ac lectus semper mattis eget commodo nibh. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

test