Typography Styles

 
[col12 class=”alpha omega”][box-area][col6 class=”alpha clearfloat”]

H1 Style font Size 36px

H2 Style font Size 30px

H3 Style font Size 24px

H4 Style font Size 18px

H5 Style font Size 14px

[/col6][col6 class=”omega clearfloat”]

Lorem Ipsum is simply dummy text of the printing and of the of the printing and printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and of the of the printing and printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and of the of the printing and printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and of the of the printing and printing and typesetting industry.

[/col6][/box-area][/col12]

 

Accordion Style

 
[accordion][atab title=”First tab”]Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.[/atab][atab title=”Second tab”]Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.[/atab][atab title=”Third tab”]Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.[/atab][/accordion]

 

Warning Style

 
[alert-danger]Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur[/alert-danger]

[alert-info]Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur[/alert-info]

[alert-success]Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur[/alert-success]

[alert-warn]Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur[/alert-warn]

 

Dropcap

 
[col6 class=”alpha”][box-area style=’color:#756d6a; padding-bottom:3px; line-height:20px;’][dropcap]S[/dropcap]ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor emque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.[/box-area][/col6]

[col6 class=”omega”][box-area style=’color:#756d6a; padding-bottom:3px; line-height:20px;’][dropcap_with_bg]S[/dropcap_with_bg]ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor emque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.[/box-area][/col6]

 

Button

[button size=’small’]Button[/button][button_silver size=’small’]Button[/button_silver][button_crimson size=’small’]Button[/button_crimson][button_orange size=’small’]Button[/button_orange][button_gold size=’small’]Button[/button_gold][button_blue size=’small’]Button[/button_blue][button_green size=’small’]Button[/button_green][break/]

[button size=’medium’]Button[/button][button_silver size=’medium’]Button[/button_silver][button_crimson size=’medium’]Button[/button_crimson][button_orange size=’medium’]Button[/button_orange][button_gold size=’medium’]Button[/button_gold][button_blue size=’medium’]Button[/button_blue][button_green size=’medium’]Button[/button_green][break/]

[button size=’large’]Button[/button][button_silver size=’large’]Button[/button_silver][button_crimson size=’large’]Button[/button_crimson][button_orange size=’large’]Button[/button_orange][button_gold size=’large’]Button[/button_gold][button_blue size=’large’]Button[/button_blue][button_green size=’large’]Button[/button_green][break/]
 

List

 
[col4 class=”alpha”][box-area][unordered-list type=”1″][li]Nemo enim ipsam voluptatem quia[/li][li]Sit aspernatur aut odit aut fugit.[/li][li]Sed quia consequuntur magni dolores.[/li][li]Eos qui ratione voluptatem sequi nesciunt.[/li][li]Neque porro quisquam est.[/li][/unordered-list][/box-area][/col4][col4][box-area][unordered-list type=”2″][li]Nemo enim ipsam voluptatem quia[/li][li]Sit aspernatur aut odit aut fugit.[/li][li]Sed quia consequuntur magni dolores.[/li][li]Eos qui ratione voluptatem sequi nesciunt.[/li][li]Neque porro quisquam est.[/li][/unordered-list][/box-area][/col4][col4 class=”omega”][box-area][unordered-list type=”3″][li]Nemo enim ipsam voluptatem quia[/li][li]Sit aspernatur aut odit aut fugit.[/li][li]Sed quia consequuntur magni dolores.[/li][li]Eos qui ratione voluptatem sequi nesciunt.[/li][li]Neque porro quisquam est.[/li][/unordered-list][/box-area]
[/col4]

[col4 class=”alpha”][box-area][ordered-list type=”1″][li]Nemo enim ipsam voluptatem quia[/li][li]Sit aspernatur aut odit aut fugit.[/li][li]Sed quia consequuntur magni dolores.[/li][li]Eos qui ratione voluptatem sequi nesciunt.[/li][li]Neque porro quisquam est.[/li][/ordered-list][/box-area][/col4][col4][box-area][ordered-list type=”2″][li]Nemo enim ipsam voluptatem quia[/li][li]Sit aspernatur aut odit aut fugit.[/li][li]Sed quia consequuntur magni dolores.[/li][li]Eos qui ratione voluptatem sequi nesciunt.[/li][li]Neque porro quisquam est.[/li][/ordered-list][/box-area][/col4][col4 class=”omega”][box-area][ordered-list type=”3″][li]Nemo enim ipsam voluptatem quia[/li][li]Sit aspernatur aut odit aut fugit.[/li][li]Sed quia consequuntur magni dolores.[/li][li]Eos qui ratione voluptatem sequi nesciunt.[/li][li]Neque porro quisquam est.[/li][/ordered-list][/box-area][/col4]

 

Table

 

[break/][break/]

[break/]
[break/]
[break/]
[break/]