Home

Test for Styles

 

 

Banner Headings

Display 1: Banner Headlines

 

Display 2: Banner Headlines

 

Display 3: Banner Headlines

 

Display 4: Banner Headlines

 

Default Headings

Heading 1: Brick quiz whangs jumpy veldt fox.

 

Heading 2: Brick quiz whangs jumpy veldt fox.

 

Heading 3: Brick quiz whangs jumpy veldt fox.

 

Heading 4: Brick quiz whangs jumpy veldt fox.

 

Heading 5: Brick quiz whangs jumpy veldt fox.

 

Heading 6: Brick quiz whangs jumpy veldt fox.

 

Small Headings

Small Headline: H5 with a class of header-sm

 

Extra Small Subheadline: H6 with a class of header-xs

 

Paragraph Sizes

Paragraph Lead:  Add a span or DIV around the content with class of lead or add it to the paragraph tag.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at sagittis risus. Phasellus a finibus nunc. Sed mi quam, laoreet vitae faucibus sit amet, porttitor in arcu. Integer at pellen­tesque mauris. Sed consectetur arcu lacus, vitae facilisis justo mattis a. Nunc pellen­tesque nisi sit amet leo ultricies, quis.

 

Paragraph Default: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at sagittis risus. Phasellus a finibus nunc. Sed mi quam, laoreet vitae faucibus sit amet, porttitor in arcu. Integer at pellen­tesque mauris. Sed consectetur arcu lacus, vitae facilisis justo mattis a. Nunc pellen­tesque nisi sit amet leo ultricies, quis aliquet libero ornare.

 

Paragraph Small (Teaser Copy):  Add a span or DIV around the content with class of text-small or add it to the paragraph tag. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at sagittis risus. Phasellus a finibus nunc. Sed mi quam, laoreet vitae faucibus sit amet, porttitor in arcu. Integer at pellen­tesque mauris. Sed consectetur arcu lacus, vitae facilisis justo mattis a. Nunc pellen­tesque nisi sit amet leo ultricies, quis.

 

 

  • Bulleted List Line One
  • Bulleted List Line Two
  • Bulleted List Line Three
  • Quisque at sagittis risus. Phasellus a finibus nunc. Sed mi quam, laoreet vitae faucibus sit amet, porttitor in arcu. Integer at pellen­tesque mauris. Sed consectetur arcu lacus, vitae facilisis justo mattis a. Nunc pellen­tesque nisi sit amet leo ultricies, quis.
  • Bulleted List Line Four

 

 

Text Links for Navigation

 

Buttons — Primary

 

Buttons — Secondary

 

Buttons — Gray

 

Buttons — Dark

 

Buttons — Light

 

Buttons — Outline Primary

 

Buttons — Outline Secondary

 

Buttons — Outline Gray

 

Buttons — Outline Dark

 

Buttons — Outline Light

 

Buttons — Link