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. 

 

 

Headlines with Bold and Italic Effects 

Heading 1: Brick quiz

 

Heading 1: Brick quiz

 

Heading 1: Brick quiz

 

 

Headlines with Bold and Italic Effects on Dark Background 

Heading 1: Brick quiz

 

Heading 1: Brick quiz

 

Heading 1: Brick quiz

 

 

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. 

 

Text Links for Navigation 

 

Buttons — Unspecified (Just btn) 
Button Large
Button Regular
Button Small

 

Buttons — Primary 
Button Large
Button Regular
Button Small

 

Buttons — Secondary 
Button Large
Button Regular
Button Small

 

Buttons — Outline Primary 
Button Large
Button Regular
Button Small

 

Buttons — Outline Secondary 
Button Large
Button Regular
Button Small

 

Buttons — Dark 
Button Large
Button Regular
Button Small

 

Buttons — Light 
Button Large
Button Regular
Button Small

 

Buttons — Outline Dark 
Button Large
Button Regular
Button Small

 

Buttons — Outline Light 
Button Large
Button Regular
Button Small

 

Buttons — Link 
Button Large
Button Regular
Button Small