Template

Style guide

Typography

The primary styles for text sizing used throughout the template.

u-text-style-display

This is a heading

u-text-style-h1

This is a heading

All H1 Headings

This is a heading

u-text-style-h2

This is a heading

All H2 Headings

This is a heading

u-text-style-h3

This is a heading

All H3 Headings

This is a heading

u-text-style-h4

This is a heading

All H4 Headings

This is a heading

u-text-style-h5

This is a heading

All H5 Headings

This is a heading

u-text-style-h6

This is a heading

All H6 Headings

This is a heading

u-text-style-main

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-text-style-large

u-text-style-small

All Block Quotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

All Unordered Lists

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

All Ordered Lists

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

u-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Colors

The colors used throughout the website. These classes can be added to any element to change the background color.

u-bg-dark

u-bg-dark-secondary

u-bg-brand

u-bg-brand-8

u-bg-accent

u-bg-accent-8

u-bg-light

Buttons

btn_main

Button text

Button

Button text

Forms

Thank you!

We have received your message! We will do our best to respond to your inquiry within 48 hours.

Something went wrong while submitting the form. Please try again.

Style guide

Typography

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Colors

Buttons

Forms

Unlock the power of smart training