Typography

[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]
[title size=”2″]Dropcap[/title]Sed 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.

Aliquam 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.

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

Nunc at ipsum ultrices, tristique nunc nec, feugiat miAdd a Tooltip Text. 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 rutrumAdd a Tooltip Text tristique. Maecenas vel sem posuere, bibendum turpis et, lacinia ligula. Quisque ac enim eu erat variusAdd a Tooltip Text suscipit.

[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.

[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]

[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.

[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]

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

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

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

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

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

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

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

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

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

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

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

  • Duis scelerisque
  • Aliquam ante
  • Nam lectus

[/checklist]

[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.

[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.

[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.

[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.

[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.

[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.

[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.

[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.

[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.

[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.

[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.

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

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

[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.