Skip to main content

Banner

Purpose 

At the top of a layout it introduces a layout with a page title or further down the layout it can be used to highlight a call to action.   

Example

Title goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Find out more

Hero 6. Cyan Feature Block

Cyan. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Instructions   

  • Title / Large heading 
  • Description 
  • Optional link which creates button with "Find out more" call to action 

Variants    

  • Available in different colours 
  • Can be used full width or inside grid
  • Can have a call to action or not 
  • Use .ws-block-mb class to add space beneath it
  • See also text banner and image banner