Colours
Brand Colours
Bootstrap Colours
Type
H1 – Heading
H2 – Heading
H3 – Heading
H4 – Heading
H5 – Heading
H6 – Heading
Standard Paragraph body copy. Pellentesque auctor, neque a mattis pretium, nulla est interdum purus, eu luctus purus augue dapibus mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus cursus lectus, at fermentum ex pellentesque at. Integer at consectetur est, nec ultricies felis.
Additional Paragraph styles: Strong or bold text. Emphasised text. Linked text, vitae pulvinar tellus fermentum in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Etiam quis aliquet felis, ac tristique felis. Curabitur elementum tincidunt mauris nec dapibus. Nullam imperdiet neque mauris, vitae pulvinar purus rutrum non. Cras eu rhoncus nulla.
Block quoted text. Vestibulum euismod tellus id dolor sodales commodo. Sed quam purus, ornare rutrum libero nec, pellentesque egestas nunc. Integer mattis auctor nisl, vitae pulvinar tellus fermentum in.
Left aligned text
Nulla facilisi. Maecenas finibus neque sit amet nulla lobortis aliquam. Vestibulum rhoncus ornare elit non lobortis. Sed elementum, ante sed hendrerit porta, purus urna consequat urna, non molestie purus nunc quis mauris. Donec rutrum suscipit lacus, id faucibus nisl rhoncus id.
Center aligned text
Nulla facilisi. Maecenas finibus neque sit amet nulla lobortis aliquam. Vestibulum rhoncus ornare elit non lobortis. Sed elementum, ante sed hendrerit porta, purus urna consequat urna, non molestie purus nunc quis mauris. Donec rutrum suscipit lacus, id faucibus nisl rhoncus id.
Right aligned text
Nulla facilisi. Maecenas finibus neque sit amet nulla lobortis aliquam. Vestibulum rhoncus ornare elit non lobortis. Sed elementum, ante sed hendrerit porta, purus urna consequat urna, non molestie purus nunc quis mauris. Donec rutrum suscipit lacus, id faucibus nisl rhoncus id.
Lists
Unordered
- Vestibulum euismod tellus
- Fusce et ligula ut odio
- Lorem ipsum dolor sit amet
- Cras vitae orci viverra
- Sed quam purus
- Phasellus quis ex vitae
Ordered
- Vestibulum euismod tellus
- Fusce et ligula ut odio
- Lorem ipsum dolor sit amet
- Cras vitae orci viverra
- Sed quam purus
- Phasellus quis ex vitae
Tables
| 1 | Table Example | Table Style |
|---|---|---|
| 2 | John | Boo |
| 3 | Mary | Brown |
| 4 | James | Mooray |
| 5 | Harry | Smith |
Form Elements
Buttons
Default Context
Primary Context
Success Context
Info Context
Warning Context
Danger Context
Button Sizes
Text Input Field
Field help text
Field help text
File Upload Field
Date Input Field
Text Area Field
Dropdown Field
Checkboxes
Radio Buttons
Other components
Horizontal Line
Well
Wells are used to highlight an area of content. Fusce ultricies semper commodo. Proin feugiat sagittis velit, vel suscipit mauris scelerisque sed. Cras vitae orci viverra, venenatis sapien et, hendrerit purus. Pellentesque auctor, neque a mattis pretium,
Alert notifications
Panels/Accordions
Gallery
Layouts
4 Column Layout
Image Caption
Image Caption
Image Caption
Image Caption
3 Column Layout
Example Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ultricies semper commodo. Proin feugiat sagittis velit, vel suscipit mauris scelerisque sed. Cras vitae orci viverra, venenatis sapien et, hendrerit purus.
Example Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ultricies semper commodo. Proin feugiat sagittis velit, vel suscipit mauris scelerisque sed. Cras vitae orci viverra, venenatis sapien et, hendrerit purus.
Example Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ultricies semper commodo. Proin feugiat sagittis velit, vel suscipit mauris scelerisque sed. Cras vitae orci viverra, venenatis sapien et, hendrerit purus.
2 Column Layout
Example Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ultricies semper commodo. Proin feugiat sagittis velit, vel suscipit mauris scelerisque sed. Cras vitae orci viverra, venenatis sapien et, hendrerit purus.
Example Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ultricies semper commodo. Proin feugiat sagittis velit, vel suscipit mauris scelerisque sed. Cras vitae orci viverra, venenatis sapien et, hendrerit purus.
1 Column Layout
