Typography

Home/Typography
[tagline_box backgroundcolor=”#fff” shadow=”yes” border=”1px” bordercolor=”#e8e6e6″ highlightposition=”top” link=”http://themeforest.net/user/ThemeFusion” linktarget=”” button=”” title=”” description=”Avada includes several short codes to help you with typography on your site. THere are headings, dropcaps, highlights, underline, block quotes, and lists. With these options you can ensure that the typography on your site is stylized and looks sharp.”][/tagline_box]
[separator top=”15″] [title size=”2″]All Heading Sizes Can Be Used With Double Lines[/title]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus. Nunc molestie magna sed sapien ornare tempus. Curabitur venenatis ipsum nec ligula placerat sollicitudin. Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue dignissim molestie elementum vitae velit. Quisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius. In posuere sem lorem, eu iaculis ante. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodo vel ger dolor diam, tincidunt ac euismod ac, sollicitudin varius ante sadips ipsums dolores sits.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading
[separator top=”50″] [title size=”2″]Text Tooltips[/title] Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. [tooltip title=”This Is A Tooltip!”]Hover over this text for Tooltip![/tooltip]  Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue dignissim molestie. [tooltip title=”This Is A Tooltip That Keeps Going!”]Hey, here’s another text tooltip![/tooltip] Elementum vitae veli uisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius. In posuere sem lorem, eu iaculis ante. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodo vel ger dolor diam, tincidunt ac euismod ac, sollicits.

[separator top=”65″] [title size=”2″]Highlights[/title] Lorem ipsums sit [highlight color=”black”]This is text highlighted in black[/highlight] diam molestie taciti sadips ipsumes dolores. Bibendum tas sadips [highlight color=”yellow”]This is text highlighted in yellow[/highlight] Sollicitudin eros sapien, ultrices primis. Volutpat tempor tur duis mattis dapibus, felis amet faucibus. fames etiam sit enim fermentum etiam quam eros velit aptent netus faucibus. Duis lectus integer malesuada mattis tempus commodoiam molestie taciti eleifend donec fames platea molestie donec, bibendum vehicula nam turpis faucibus sadips ipsums dolores fugiats sits. [highlight color=”#a0ce4e”]You can also use any highlight color you want![/highlight] Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodo vel ger dolor diam, tincidunt ac euismod ac, sollicits. Voluptas sadips ipsums amet untras.Sollicitudin eros sapien, ultrices primis sadips ipsums dolores voluptas sits vehicula nam turpis faucibus olup.

[separator top=”65″] [title size=”2″]HTML Styles[/title] This is a text link tincidunt quisque tristique. This is underlined text. Sollicitudin eros sapien, ultrices primis. This is Bold Emphasized text volutpat tempor tur duis mattis dapibus, felis amet faucibus. fames etiam sit enim fermentum etiam quam eros velit aptent netus faucibus duis lectus integer malesuada, mattis tempus commodos. Bibendum vehicula nam turpis faucibus. Voluptas sadips ipsums amet untras.Sollicitudin eros sapien, ultrices primis. This is Bold text volutpat tempor tur duis mattis dapibus, felis amet faucibus. fames etiam sit enim fermentum etiam quam eros velit aptent netus faucibus.Duis lectus integer malesuada mattis tempus commodoiam molestie taciti eleifend donec fames platea molestie donec, bibendum vehicula nam turpis faucibus. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna.[separator top=”60″] [title size=”2″]Dropcap[/title] [dropcap]D[/dropcap]Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue dignissim molestie elementum vitae velit. Quisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius. In posuere sem lorem, eu iaculis ante. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodo vel ger dolor diam, tincidunt ac euismod ac, sollicits.[separator top=”65″] [title size=”2″]Blockquote[/title] Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt.

Sollicitudin eros sapien, ultrices primis. Volutpat tempor tur duis mattis dapibus, felis amet faucibus. fames etiam sit enim fermentum etiam quam eros velit aptent netus faucibus duis lectus integer malesuada, mattis tempus commodoiam molestie taciti eleifend donec fames platea molestie donec, bibendum vehicula nam turpis faucibus, Tncidunt quisque tristique. Sollicitudin eros sapien, ultrices primis. Folutpat tempor tur duis mattis dapibus, felis amet faucibus.

 

Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt.[separator top=”65″] [title size=”2″]Checklists Have 6 Styles, Choose Light or Dark[/title]

[checklist icon=”check” iconcolor=”light” circle=”yes”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist] [/fusion_builder_column_inner]
[checklist icon=”star” iconcolor=”light” circle=”yes”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[checklist icon=”arrow” iconcolor=”light or dark” circle=”yes or no”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[checklist icon=”asterik” iconcolor=”light” circle=”yes”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[checklist icon=”cross” iconcolor=”light” circle=”yes”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[checklist icon=”plus” iconcolor=”light or dark” circle=”yes or no”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[separator top=”65″ style=”none”][title size=”2″]Use Them With or Without Circles[/title]
[checklist icon=”check” iconcolor=”dark” circle=”no”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist] [/fusion_builder_column_inner]
[checklist icon=”star” iconcolor=”dark” circle=”no”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[checklist icon=”arrow” iconcolor=”dark” circle=”no”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[checklist icon=”asterik” iconcolor=”dark” circle=”no”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[checklist icon=”cross” iconcolor=”dark” circle=”no”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[checklist icon=”plus” iconcolor=”dark” circle=”no”]
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
  • This is a checklist item where your copy can go
[/checklist]
[separator top=”65″ style=”none”] [title size=”2″]Ordered & Unordered Lists[/title]
  1. This is an item in an ordered bulleted list wrapped in a half column
  2. This is an item in an ordered bulleted list wrapped in a half column
  3. This is an item in an ordered bulleted list wrapped in a half column
[/fusion_builder_row_inner]
  • This is an item in an unordered bulleted list wrapped in a half column
  • This is an item in an unordered bulleted list wrapped in a half column
  • This is an item in an unordered bulleted list wrapped in a half column
[separator top=”50″] [title size=”2″]Columns[/title]

One Half

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

One Half

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

One Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

One Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

One Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

One Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

Two Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui. Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqunon proident, sunt in culpa qui.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Three Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip