Styles

This is headline 1 for "default" This is a span element within headline 1 to use for subheadlines

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "light-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "dkblue-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "white-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "mdblue-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "teal-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "teal1-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "red2-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "green1-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "dkgray-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "ltgrey-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "sand-bg " section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing

This is the class of "steel-bg" section headerSubheadline

Paragraph with lead class. It is an alternative to a subheadline

Here is a normal paragraph with a Link to another page or website.

This is Headline 2

A paragraph under the subheading..

This is Headline 3

Another sub subparagraph

Headlines 4 through 6 are defined, use (rarely) only for sematic reasons. Use the defined size classes instead. Note that paragraph and size classes scale based on device width.

Headline using alt-font class for alternative font

H2 using alt-color class for alternative font color

H3 using alt-font and alt-color


Primary: text-primary, bg-primary Danger!

Oxygen (default) Font (.oxygen) H3

A short sentece using Oxygen (default) font.

Montserrat Font (.montserrat) H3

A short sentece using Montserrat font.

Helvetica Neue Font (.helvetica) H3

A short sentece using Helvetica Neue font.

Oswald styled to match TIS Folio Font (.oswald) H3

A short sentece using Oswald styled to match TIS Folio font.

Copperplate Gothic Font (.copperplate) H3

A short sentece using Copperplate Gothic font.

Arial Font (.arial) H3

A short sentece using Arial font.

Rye Font (.rye) H3

A short sentece using Rye font.

Source Sans Pro Light Font (.source-sans) H3

A short sentece using Source Sans Pro Light font.

Roboto Font (.roboto) H3

A short sentece using Roboto font.

Balthazar Font (.balthazar) H3

A short sentece using Balthazar font.

Button default buttonButton default ("use-theme"=>TRUEButton successButton infoButton warningButton dangerButton linkButton Nothing

Use theme is false:ButtonButton defaultButton successButton infoButton warningButton dangerButton linkButton Nothing