Typography

Home / Typography
[trx_title top=”null”]Heading 1[/trx_title]

Perspiciatis unde omnis iste natus sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
[trx_line style=”solid” height=”1″ top=”inherit” bottom=”inherit” left=”inherit” right=”inherit”]

Heading 2

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.
[trx_line style=”solid” height=”1″ top=”inherit” bottom=”inherit” left=”inherit” right=”inherit”]

Heading 3

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.
[trx_line style=”solid” height=”1″ top=”inherit” bottom=”inherit” left=”inherit” right=”inherit”]

Heading 4

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.
[trx_line style=”solid” height=”1″ top=”inherit” bottom=”inherit” left=”inherit” right=”inherit”]

Heading 5

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.
[trx_line style=”solid” height=”1″ top=”inherit” bottom=”inherit” left=”inherit” right=”inherit”]

Heading 6

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.[trx_line style=”solid” height=”1″ top=”medium” bottom=”small” left=”inherit” right=”inherit”]

[trx_anchor icon=”icon-th-list” title=”Columns” description=”{{Columns}} – ||Columns layout demonstration” id=”toc_columns”][trx_title type=”4″ style=”underline” align=”left”]Columns[/trx_title][trx_columns top=”small”][trx_column_item][trx_title type=”6″ font_size=”1.067em” class=”accent1″ top=”null”]1/2[/trx_title]

Mauris vitae quam ligula. In tincidunt sapien sed nibh scelerisque congue. Maecenas ut libero eu metus tincidunt lobortis. Duis accumsan at mauris vel lacinia.

[/trx_column_item][trx_column_item][trx_title type=”6″ font_size=”1.067em” class=”accent1″ top=”null”]1/2[/trx_title]

Mauris vitae quam ligula. In tincidunt sapien sed nibh scelerisque congue. Maecenas ut libero eu metus tincidunt lobortis. Duis accumsan at mauris vel lacinia.

[/trx_column_item][/trx_columns][trx_line][trx_columns count=”3″ top=”small”][trx_column_item span=”2″][trx_title type=”6″ font_size=”1.067em” class=”accent1″ top=”null”]2/3[/trx_title]

Mauris vitae quam ligula. In tincidunt sapien sed nibh scelerisque congue. Maecenas ut libero eu metus tincidunt lobortis. Duis accumsan at mauris vel lacinia. Cras cursus eros vel commodo tincidunt.

[/trx_column_item][trx_column_item][trx_title type=”6″ font_size=”1.067em” class=”accent1″ top=”null”]1/3[/trx_title]

Mauris vitae quam ligula. In tincidunt sapien sed nibh scelerisque congue.

[/trx_column_item][/trx_columns][trx_line][trx_columns count=”4″ top=”small”][trx_column_item][trx_title type=”6″ font_size=”1.067em” class=”accent1″ top=”null”]1/4[/trx_title]

Mauris vitae quam ligula. In tincidunt sapien sed nibh scelerisque congue.

[/trx_column_item][trx_column_item span=”2″][trx_title type=”6″ font_size=”1.067em” class=”accent1″ top=”null”]2/4 (1/2)[/trx_title]

Mauris vitae quam ligula. In tincidunt sapien sed nibh scelerisque congue. Maecenas ut libero eu metus tincidunt lobortis.

[/trx_column_item][trx_column_item][trx_title type=”6″ font_size=”1.067em” class=”accent1″ top=”null”]1/4[/trx_title]

Mauris vitae quam ligula. In tincidunt sapien sed nibh scelerisque congue.

[/trx_column_item][/trx_columns][trx_line color=”#E8E8E8″ height=”1″ bottom=”null”]
[trx_anchor icon=”icon-doc-light” title=”Dropcaps” description=”{{Dropcaps}} – ||Dropcap styles demonstration” id=”toc_dropcaps”][trx_title type=”4″ style=”underline” align=”left” top=”large”]Dropcaps[/trx_title][trx_dropcaps style=”1″ top=”small” bottom=”tiny”]

Qerspiciatis unde omnis. In tincidunt sapien sed nibh scelerisque congue. Maecenas ut libero eu metus tincidunt lobortis. Duis accumsan at mauris vel lacinia. Cras cursus eros vel commodo tincidunt. Donec ac urna eget velit bibendum aliquam. Phasellus tempor urna erat, a fringilla elit vulputate in. Perspiciatisnatus error sit voluptatem accusa ntium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto.

[/trx_dropcaps][trx_line][trx_dropcaps style=”2″ bottom=”tiny”]

Rerspiciatis unde omnis. In tincidunt sapien sed nibh scelerisque congue. Maecenas ut libero eu metus tincidunt lobortis. Duis accumsan at mauris vel lacinia. Cras cursus eros vel commodo tincidunt. Donec ac urna eget velit bibendum aliquam. Phasellus tempor urna erat, a fringilla elit vulputate in. Perspiciatisnatus error sit voluptatem accusa ntium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto.

[/trx_dropcaps][trx_line color=”#E8E8E8″ height=”1″ bottom=”null”]
[trx_title type=”4″ style=”underline” align=”left” top=”large” bottom=”small”]Image Alignment[/trx_title]

Aroin dignissim commodo magna at luctus. Nam molestie justo augue, nec eleifend urna laoreet non. Proin ut nulla egestas, hendrerit urna scelerisque, finibus nulla. Integer et elementum sem. Donec nec scelerisque elit, id pulvinar est. Maecenas laoreet, diam vel venenatis molestie, nunc augue tempus felis, nec efficitur dui leo a tellus. Proin dignissim commodo magna at luctus. Nam molestie justo augue, nec eleifend urna laoreet non.

[trx_image url=”33″ align=”left” width=”270″ top=”small”]

Proin dignissim commodo magna at luctus. Nam molestie justo augue, nec eleifend urna laoreet non. Proin ut nulla egestas, hendrerit urna scelerisque, finibus nulla. Integer et elementum sem. Donec nec scelerisque elit, id pulvinar est. Maecenas laoreet, diam vel venenatis molestie, nunc augue tempus felis, nec efficitur dui leo a tellus. Proin dignissim commodo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

[trx_image url=”34″ align=”right” title=”Aligned right” icon=”icon-krest” width=”270″ top=”small”]

Mauris vitae quam ligula. In tincidunt sapien sed nibh scelerisque congue. Maecenas ut libero eu metus tincidunt lobortis. Duis accumsan at mauris vel lacinia. Cras cursus eros vel commodo tincidunt. Donec ac urna eget velit bibendum aliquam. Phasellus tempor urna erat, a fringilla elit vulputate in. Vivamus euismod mauris id sodales tincidunt.

Aroin dignissim commodo magna at luctus. Nam molestie justo augue, nec eleifend urna laoreet non. Proin ut nulla egestas, hendrerit urna.

Aroin dignissim commodo magna at luctus. Nam molestie justo augue, nec eleifend urna laoreet non. Proin ut nulla egestas, hendrerit urna scelerisque, finibus nulla. Integer et elementum sem. Donec nec scelerisque elit, id pulvinar est.

[trx_line color=”#e8e8e8″ height=”1″ top=”medium” bottom=”null”][trx_title type=”4″ style=”underline” align=”left” top=”medium” bottom=”small”]Tooltip & Highlight[/trx_title]

Mauris [trx_highlight type=”1″]vitae quam[/trx_highlight] ligula. In [trx_highlight type=”2″]tincidunt sapien[/trx_highlight] sed nibh [trx_highlight type=”3″]scelerisque congue[/trx_highlight]. Maecenas ut libero eu metus tincidunt lobortis. Duis accumsan at mauris vel lacinia. Cras cursus eros vel commodo tincidunt. Donec ac urna eget pharetra id massa velit bibendum aliquam. Phasellus tempor urna erat, a fringilla elit vulputate in. [trx_tooltip title=”Tooltip example”]Vivamus euismod[/trx_tooltip] mauris id sodales tincidunt.

[trx_line color=”#E8E8E8″ height=”1″ bottom=”null”][trx_anchor icon=”icon-quote” title=”Quotes” description=”{{Quotes}} – ||Quote style demonstration” id=”toc_quotes”][trx_title type=”4″ style=”underline” align=”left” top=”large” bottom=”small”]Blockquote Styles[/trx_title][trx_quote cite=”#” title=”Robert Green” top=”small”]Convallis volutpated nec felis ut est gravida pellentesque vitae sed ante. Suspendisse tortor tortor, auctor eget tellus fermentum, volutpat maxi.[/trx_quote]
[trx_line color=”#E8E8E8″ height=”1″ bottom=”null”][trx_title type=”4″ style=”underline” align=”left” top=”large” bottom=”small”]Lists[/trx_title][trx_anchor icon=”icon-menu” title=”Lists” description=”{{Lists}} – ||Different list styles” id=”toc_lists”][trx_columns count=”3″ top=”small”][trx_column_item][trx_list style=”ol”][trx_list_item]Lorem ipsum dolor sit [/trx_list_item][trx_list_item]Amet, consectetur [/trx_list_item][trx_list_item]Eiusmod tempor dolore [/trx_list_item][trx_list_item]Ut enim ad minim veniam [/trx_list_item][trx_list_item]Quis nostrud exercitation [/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=”iconed” icon=”icon-circle”][trx_list_item]Lorem ipsum dolor sit [/trx_list_item][trx_list_item]Amet, consectetur [/trx_list_item][trx_list_item]Eiusmod tempor dolore [/trx_list_item][trx_list_item]Ut enim ad minim veniam [/trx_list_item][trx_list_item]Quis nostrud exercitation [/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=”iconed” icon=”icon-ok”][trx_list_item]Lorem ipsum dolor sit [/trx_list_item][trx_list_item]Amet, consectetur [/trx_list_item][trx_list_item color=”#e54843″ icon=”icon-cancel” icon_color=”#e54843″]Eiusmod tempor dolore[/trx_list_item][trx_list_item]Ut enim ad minim veniam [/trx_list_item][trx_list_item]Quis nostrud exercitation [/trx_list_item][/trx_list][/trx_column_item][/trx_columns]