Typography Examples

[etheme_column size=”one_third” last=”0″]

Buttons

[etheme_btn title=”Simple Button” url=”#” big=”0″ active=”0″]
[etheme_btn title=”Active Button” url=”#” big=”0″ active=”1″]
[etheme_btn title=”Large Button” url=”#” big=”1″ active=”0″]
[etheme_btn title=”Large Active Button” url=”#” big=”1″ active=”1″]
[/etheme_column]

[etheme_column size=”one_third” last=”0″]

Dropcaps

[etheme_dropcap]C[/etheme_dropcap]ras aliquet. Integer faucibus, eros ac molestie placerat,
enim tellus varius lacus, nec dictum nunc tortor id urna
eros ac molestie placerat, enim tellus varius nec dictum nunc tortor id urna
eros ac molestie placerat, enim tellus varius.
[etheme_dropcap class=”dark”]D[/etheme_dropcap]ras aliquet. Integer faucibus, eros ac molestie placerat,
enim tellus varius lacus, nec dictum nunc tortor id urna
eros ac molestie placerat, enim tellus varius nec dictum nunc tortor id urna
eros ac molestie placerat, enim tellus varius.
[/etheme_column]

[etheme_column size=”one_third” last=”1″]

List Styles

[etheme_list style=”arrow”]

  • Arrow List – There are many variations

 

[/etheme_list][etheme_list style=”arrow_2″]

  • Arrow 2 List – There are many variations

 

[/etheme_list][etheme_list style=”circle”]

  • Circle List – There are many variations

 

[/etheme_list][etheme_list style=”check”]

  • Check List – There are many variations

 

[/etheme_list][etheme_list style=”square”]

  • Square List – There are many variations

 

[/etheme_list][etheme_list style=”star”]

  • Star List – There are many variations

 

[/etheme_list][etheme_list style=”plus”]

  • Plus List – There are many variations

 

[/etheme_list][etheme_list style=”dash”]

  • Dash List – There are many variations

 

[/etheme_list][/etheme_column]

[etheme_column size=”two_third” last=”0″]

Tabs

[etheme_tabs][etheme_tab title=”First Tab”]1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit., consectetur adipiscing elit. Aenean nisl orci, condim entum, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/etheme_tab][etheme_tab title=”Second Tab”]2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit., consectetur adipiscing elit. Aenean nisl orci, condim entum, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/etheme_tab][etheme_tab title=”Third Tab”]3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit., consectetur adipiscing elit. Aenean nisl orci, condim entum, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/etheme_tab][/etheme_tabs]
[/etheme_column]

[etheme_column size=”one_third” last=”1″]

Alert Boxes

[etheme_alert type=”error” title=”Error -“]Your message![/etheme_alert][etheme_alert type=”success” title=”Success -“]Your message![/etheme_alert][etheme_alert type=”info” title=”Info -“]Your message![/etheme_alert][etheme_alert type=”notice” title=”Notice -“]Your message![/etheme_alert]
[/etheme_column]

Headings


This is a H1 Heading

Tristique nascetur ultrices et porttitor, tincidunt augue quis eu ultricies montes, auctor et turpis! Cum lundium tortor! Scelerisque eros ultrices, adipiscing porttitor nec est nascetur placerat porta tincidunt augue, diam sociis, a lacus elementum hac porttitor! Tincidunt, tincidunt ut nec tortor parturient diam. Ultrices! Magnis penatibus diam porttitor arcu.

<h1>This is a H1 Headingh1>

This is a H2 Heading

Tristique nascetur ultrices et porttitor, tincidunt augue quis eu ultricies montes, auctor et turpis! Cum lundium tortor! Scelerisque eros ultrices, adipiscing porttitor nec est nascetur placerat porta tincidunt augue, diam sociis, a lacus elementum hac porttitor! Tincidunt, tincidunt ut nec tortor parturient diam. Ultrices! Magnis penatibus diam porttitor arcu.

<h2>This is a H2 Headingh2>

This is a H3 Heading

Tristique nascetur ultrices et porttitor, tincidunt augue quis eu ultricies montes, auctor et turpis! Cum lundium tortor! Scelerisque eros ultrices, adipiscing porttitor nec est nascetur placerat porta tincidunt augue, diam sociis, a lacus elementum hac porttitor! Tincidunt, tincidunt ut nec tortor parturient diam. Ultrices! Magnis penatibus diam porttitor arcu.

<h3>This is a H3 Headingh3>

This is a H4 Heading

Tristique nascetur ultrices et porttitor, tincidunt augue quis eu ultricies montes, auctor et turpis! Cum lundium tortor! Scelerisque eros ultrices, adipiscing porttitor nec est nascetur placerat porta tincidunt augue, diam sociis, a lacus elementum hac porttitor! Tincidunt, tincidunt ut nec tortor parturient diam. Ultrices! Magnis penatibus diam porttitor arcu.

<h4>This is a H4 Headingh4>
This is a H5 Heading

Tristique nascetur ultrices et porttitor, tincidunt augue quis eu ultricies montes, auctor et turpis! Cum lundium tortor! Scelerisque eros ultrices, adipiscing porttitor nec est nascetur placerat porta tincidunt augue, diam sociis, a lacus elementum hac porttitor! Tincidunt, tincidunt ut nec tortor parturient diam. Ultrices! Magnis penatibus diam porttitor arcu.

<h5>This is a H5 Headingh5>
This is a H6 Heading

Tristique nascetur ultrices et porttitor, tincidunt augue quis eu ultricies montes, auctor et turpis! Cum lundium tortor! Scelerisque eros ultrices, adipiscing porttitor nec est nascetur placerat porta tincidunt augue, diam sociis, a lacus elementum hac porttitor! Tincidunt, tincidunt ut nec tortor parturient diam. Ultrices! Magnis penatibus diam porttitor arcu.

<h6>This is a H6 Headingh6>

Block Quotes


[etheme_blockquote align=”left”]

Consectetuer adipiscing elit. Mauris fermentum dictum magna

[/etheme_blockquote]Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipis cing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet.


[etheme_blockquote align=”right”]

Consectetuer adipiscing elit. Mauris fermentum dictum magna

[/etheme_blockquote]Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipis cing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet.


[etheme_blockquote align=”center”]

Consectetuer adipiscing elit. Mauris fermentum dictum magna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer

[/etheme_blockquote]Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipis cing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec amet eros. Lorem ipsum dolor amet.