Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Body copy. Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat reprehenderit beatae, vitae provident odit officiis repellendus rerum deserunt earum quo nostrum, debitis nesciunt laboriosam at, dolor dolore recusandae consequuntur.
Body copy — bold
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas distinctio dolore molestias perspiciatis eius quas necessitatibus doloremque, aut voluptates quidem sequi repudiandae error tempore.
- List item
- List item with link
- List item
- List item
- List item with link
- List item
Button styles
.btn-style-primary.btn-style-secondary.btn-style-outline.btn-style-primary.btn-style-secondary.btn-style-outlineButton colours
primary.btn-color-primary.btn-color-primary-hollow.btn-color-primary .btn-hover-color-primary-hollow.btn-color-primary-hollow .btn-hover-color-primary.btn-color-primary .btn-hover-color-primary-hollow .btn--arrow.btn-color-primary-hollow .btn-hover-color-primary .btn--arrow.btn-text-color-primary.btn-hover-text-color-primary.btn-color-primary-hollow .btn-bg-color-white.btn-hover-bg-color-primarysecondary.btn-color-secondary.btn-color-secondary-hollow.btn-color-secondary .btn-hover-color-secondary-hollow.btn-color-secondary-hollow .btn-hover-color-secondary.btn-color-secondary .btn-hover-color-secondary-hollow .btn--arrow.btn-color-secondary-hollow .btn-hover-color-secondary .btn--arrow.btn-text-color-secondary.btn-hover-text-color-secondary.btn-color-secondary-hollow .btn-bg-color-white.btn-hover-bg-color-secondarysuccess.btn-color-success.btn-color-success-hollow.btn-color-success .btn-hover-color-success-hollow.btn-color-success-hollow .btn-hover-color-success.btn-color-success .btn-hover-color-success-hollow .btn--arrow.btn-color-success-hollow .btn-hover-color-success .btn--arrow.btn-text-color-success.btn-hover-text-color-success.btn-color-success-hollow .btn-bg-color-white.btn-hover-bg-color-successinfo.btn-color-info.btn-color-info-hollow.btn-color-info .btn-hover-color-info-hollow.btn-color-info-hollow .btn-hover-color-info.btn-color-info .btn-hover-color-info-hollow .btn--arrow.btn-color-info-hollow .btn-hover-color-info .btn--arrow.btn-text-color-info.btn-hover-text-color-info.btn-color-info-hollow .btn-bg-color-white.btn-hover-bg-color-infowarning.btn-color-warning.btn-color-warning-hollow.btn-color-warning .btn-hover-color-warning-hollow.btn-color-warning-hollow .btn-hover-color-warning.btn-color-warning .btn-hover-color-warning-hollow .btn--arrow.btn-color-warning-hollow .btn-hover-color-warning .btn--arrow.btn-text-color-warning.btn-hover-text-color-warning.btn-color-warning-hollow .btn-bg-color-white.btn-hover-bg-color-warningdanger.btn-color-danger.btn-color-danger-hollow.btn-color-danger .btn-hover-color-danger-hollow.btn-color-danger-hollow .btn-hover-color-danger.btn-color-danger .btn-hover-color-danger-hollow .btn--arrow.btn-color-danger-hollow .btn-hover-color-danger .btn--arrow.btn-text-color-danger.btn-hover-text-color-danger.btn-color-danger-hollow .btn-bg-color-white.btn-hover-bg-color-dangerlight.btn-color-light.btn-color-light-hollow.btn-color-light .btn-hover-color-light-hollow.btn-color-light-hollow .btn-hover-color-light.btn-color-light .btn-hover-color-light-hollow .btn--arrow.btn-color-light-hollow .btn-hover-color-light .btn--arrow.btn-text-color-light.btn-hover-text-color-light.btn-color-light-hollow .btn-bg-color-white.btn-hover-bg-color-lightdark.btn-color-dark.btn-color-dark-hollow.btn-color-dark .btn-hover-color-dark-hollow.btn-color-dark-hollow .btn-hover-color-dark.btn-color-dark .btn-hover-color-dark-hollow .btn--arrow.btn-color-dark-hollow .btn-hover-color-dark .btn--arrow.btn-text-color-dark.btn-hover-text-color-dark.btn-color-dark-hollow .btn-bg-color-white.btn-hover-bg-color-darkred.btn-color-red.btn-color-red-hollow.btn-color-red .btn-hover-color-red-hollow.btn-color-red-hollow .btn-hover-color-red.btn-color-red .btn-hover-color-red-hollow .btn--arrow.btn-color-red-hollow .btn-hover-color-red .btn--arrow.btn-text-color-red.btn-hover-text-color-red.btn-color-red-hollow .btn-bg-color-white.btn-hover-bg-color-redoff-white.btn-color-off-white.btn-color-off-white-hollow.btn-color-off-white .btn-hover-color-off-white-hollow.btn-color-off-white-hollow .btn-hover-color-off-white.btn-color-off-white .btn-hover-color-off-white-hollow .btn--arrow.btn-color-off-white-hollow .btn-hover-color-off-white .btn--arrow.btn-text-color-off-white.btn-hover-text-color-off-white.btn-color-off-white-hollow .btn-bg-color-white.btn-hover-bg-color-off-whitewhite.btn-color-white.btn-color-white-hollow.btn-color-white .btn-hover-color-white-hollow.btn-color-white-hollow .btn-hover-color-white.btn-color-white .btn-hover-color-white-hollow .btn--arrow.btn-color-white-hollow .btn-hover-color-white .btn--arrow.btn-text-color-white.btn-hover-text-color-white.btn-color-white-hollow .btn-bg-color-white.btn-hover-bg-color-whiteblack.btn-color-black.btn-color-black-hollow.btn-color-black .btn-hover-color-black-hollow.btn-color-black-hollow .btn-hover-color-black.btn-color-black .btn-hover-color-black-hollow .btn--arrow.btn-color-black-hollow .btn-hover-color-black .btn--arrow.btn-text-color-black.btn-hover-text-color-black.btn-color-black-hollow .btn-bg-color-white.btn-hover-bg-color-blackbone.btn-color-bone.btn-color-bone-hollow.btn-color-bone .btn-hover-color-bone-hollow.btn-color-bone-hollow .btn-hover-color-bone.btn-color-bone .btn-hover-color-bone-hollow .btn--arrow.btn-color-bone-hollow .btn-hover-color-bone .btn--arrow.btn-text-color-bone.btn-hover-text-color-bone.btn-color-bone-hollow .btn-bg-color-white.btn-hover-bg-color-boneAccordion (bootstrap collapse)
Panel content — collapses via data attributes, no init code.
Tabs
Tab one content.
Tab two content.
Slider
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6