Typography

[one_half last=”no”][title size=”2″]Headings[/title]
[title size=”1″]Size 1[/title]
[title size=”2″]Size 2[/title]
[title size=”3″]Size 3[/title]
[title size=”4″]Size 4[/title]
[title size=”5″]Size 5[/title]
[title size=”6″]Size 6[/title][/one_half]

[one_half last=”yes”][title size=”2″]Dropcap[/title][dropcap]S[/dropcap]ed vestibulum lacus erat, non venenatis mauris ornare quis. Morbi suscipit posuere erat sed scelerisque. Mauris orci velit, rutrum non congue eu, cursus et nisl. Duis scelerisque lacus ut dolor vehicula, at feugiat diam tristique. Donec eleifend egestas nulla, et faucibus justo egestas nec.

[dropcap]A[/dropcap]liquam vulputate augue at cursus vehicula. Integer ut ex eget enim bibendum lacinia. Integer eu auctor libero, eu porttitor elit. Morbi vel mauris congue, commodo ligula quis, fermentum sapien. Vestibulum rutrum justo id tristique molestie. Fusce felis elit, sodales vel nisi eget, faucibus consequat urna. Mauris varius lacinia elit, vel tristique enim ornare rutrum. Ut quis ornare libero, sit amet lacinia nunc. Curabitur commodo massa nec facilisis vulputate.

[/one_half]

[one_half last=”no”][title size=”2″]Tooltips[/title]

Nunc at ipsum ultrices, tristique nunc nec, [tooltip title=”Text Tooltip”]feugiat mi[/tooltip]. In egestas elit vitae dolor lobortis, eget dignissim enim aliquet. Nam eu malesuada est, quis consequat nisi. Nam justo diam, lobortis ut aliquet sed, adipiscing non odio. Integer a elit quis odio [tooltip title=”Text Tooltip”]rutrum[/tooltip] tristique. Maecenas vel sem posuere, bibendum turpis et, lacinia ligula. Quisque ac enim eu [tooltip title=”Text Tooltip”]erat varius[/tooltip] suscipit.

[/one_half]

[one_half last=”yes”][title size=”2″]Popovers[/title]

Nunc at ipsum ultrices, tristique nunc nec, feugiat mi. [popover title=”Mauris euismod” title_bg_color=”” content=” Ut magna orci, tempor at sem non, sagittis pulvinar sem. Sed ornare neque a pulvinar tincidunt. Cras pulvinar risus id lectus vestibulum placerat.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”click” placement=”” class=”” id=””]In egestas elit[/popover] vitae dolor lobortis, eget dignissim enim aliquet. Nam eu malesuada est, quis consequat nisi. Nam justo diam, lobortis ut aliquet sed, adipiscing non odio. Integer a elit quis odio rutrum tristique. Maecenas vel sem posuere, bibendum turpis et, lacinia ligula. [popover title=”Mauris euismod” title_bg_color=”” content=” Ut magna orci, tempor at sem non, sagittis pulvinar sem. Sed ornare neque a pulvinar tincidunt. Cras pulvinar risus id lectus vestibulum placerat.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”” class=”” id=””]Quisque[/popover] ac enim eu erat varius suscipit.

[/one_half]

[one_half last=”no”][title size=”2″]Modal[/title]

[modal name=”mymodal” title=”Aenean quis sodales libero” size=”large” background=”” border_color=”” show_footer=”yes” class=”” id=””]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam vitae lectus purus. Donec ac lectus vitae libero commodo vehicula. Curabitur dictum eu quam ornare tempor. Maecenas pretium sit amet nunc et tincidunt. Vestibulum nec leo vitae elit pulvinar bibendum. Aliquam porta magna et elit vestibulum molestie. Cras vitae fringilla elit, ut aliquet metus.[/modal][modal_text_link name=”mymodal” class=”” id=””]Modal Text Link[/modal_text_link]

[modal name=”mymodal1″ title=”Aenean quis sodales libero” size=”large” background=”” border_color=”” show_footer=”yes” class=”” id=””]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam vitae lectus purus. Donec ac lectus vitae libero commodo vehicula. Curabitur dictum eu quam ornare tempor. Maecenas pretium sit amet nunc et tincidunt. Vestibulum nec leo vitae elit pulvinar bibendum. Aliquam porta magna et elit vestibulum molestie. Cras vitae fringilla elit, ut aliquet metus.[/modal]

[button link=”” color=”default” size=”” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_divider=”yes” icon_position=”left” modal=”mymodal1″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Modal Button[/button]

[/one_half]

[one_half last=”yes”][title size=”2″]Highlights[/title]

Nullam sodales tincidunt dignissim. Aliquam ante lacus, posuere sed ante et, [highlight color=”yellow”]tristique ornare[/highlight] arcu. Phasellus dignissim cursus volutpat. Nam lectus elit, porttitor ac cursus in, pharetra ut metus. Cras semper, risus vitae vulputate egestas, [highlight color=”lightgreen”]libero[/highlight] nibh scelerisque orci, sit amet fringilla dolor lectus at justo.

[/one_half]

[title size=”2″]Separators[/title]

[section_separator divider_candy=”top” icon=”fa-wrench” icon_color=”#ddddd” bordersize=”1px” bordercolor=”#d1d1d1″ backgroundcolor=””]

[separator top=”60″ bottom=”60″ style=”no”]
[separator top=”20″ style=”single”]
[separator top=”20″ style=”double”]
[separator top=”20″ style=”dashed”]
[separator top=”20″ style=”dotted”]
[separator top=”20″ style=”shadow”]

[title size=”2″]List Styles[/title]

[one_third last=”no”]

[checklist icon=”fa-check” iconcolor=”” circle=”yes” circlecolor=”#dddddd”]

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

[/one_third]

[one_third last=”no”]

[checklist icon=”fa-star” iconcolor=”” circle=”no”]

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

[/one_third]

[one_third last=”yes”]

[checklist icon=”fa-angle-right” iconcolor=”” circle=”yes” circlecolor=”#dddddd”]

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

[/one_third]

[one_third last=”no”]

[checklist icon=”fa-star” iconcolor=”” circle=”no”]

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

[/one_third]

[one_third last=”no”]

[checklist icon=”fa-times” iconcolor=”” circle=”yes” circlecolor=”#dddddd”]

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

[/one_third]

[one_third last=”yes”]

[checklist icon=”fa-map-marker” iconcolor=”” circle=”no”]

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

[/one_third]

[one_half last=”no”][title size=”2″]Half Page – 1/2[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/one_half]

[one_half last=”yes”][title size=”2″]Half Page – 1/2[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/one_half]

[one_third last=”no”][title size=”2″]One Third – 1/3[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/one_third]

[one_third last=”no”][title size=”2″]One Third – 1/3[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/one_third]

[one_third last=”yes”][title size=”2″]One Third – 1/3[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/one_third]

[one_third last=”no”][title size=”2″]One Third – 1/3[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a.

[/one_third]

[two_third last=”yes”][title size=”2″]Two Thirds – 2/3[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.[/two_third]

[one_fourth last=”no”][title size=”3″]One Fourth – 1/4[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/one_fourth]

[one_fourth last=”no”][title size=”3″]One Fourth – 1/4[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/one_fourth]

[one_fourth last=”no”][title size=”3″]One Fourth – 1/4[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/one_fourth]

[one_fourth last=”yes”][title size=”3″]One Fourth – 1/4[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/one_fourth]

[one_fourth last=”no”][title size=”3″]One Fourth – 1/4[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu.

[/one_fourth]

[three_fourth last=”yes”][title size=”3″]Three Fourth – 3/4[/title]

Morbi ac diam convallis, rutrum nibh vel, volutpat arcu. Phasellus mollis mattis justo, pretium accumsan augue congue a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus erat arcu, imperdiet id porta ut, scelerisque id ipsum.

[/three_fourth]