Typography

[trx_title css=»margin-top: -0.25em;» top=»null» bottom=»small»]Heading 1[/trx_title]

Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[trx_title type=»2″ color=»#848484″ position=»top» top=»null» bottom=»small»]Heading 2[/trx_title]

Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[trx_title type=»3″ position=»top» top=»null» bottom=»small»]Heading 3[/trx_title]

Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[trx_title type=»4″ position=»top» top=»null» bottom=»small»]Heading 4[/trx_title]

Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[trx_title type=»5″ position=»top» top=»null» bottom=»small»]Heading 5[/trx_title]

Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[trx_title type=»6″ position=»top» top=»null» bottom=»small»]Heading 6[/trx_title]

Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[trx_title type=»2″ class=»title_h1″ bottom=»small»]Standard Inline Elements[/trx_title]

Bold text dolor sit amet, consectetur accent color adipisicing elit, hovered accents sed do eiusmod tempor hovered ut labore et dolore magna aliqu quis nostrud exercitation ullamco laboris nisllum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident [trx_highlight type=»1″]sunt in culpa qui[/trx_highlight] officia deserunt m est laborum.

Italic text example iste natus error sit voluptatem italic text example doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore vei [trx_tooltip title=»Tooltip Title»] architecto [/trx_tooltip] beatae explicabo. Nemo enptatem quia oluptas sit aspernatur Tooltip Title aut odit aut fugit, sed quia consequuntur magni dolores eos quiet.

[trx_title type=»2″ class=»title_h1″ bottom=»small»]Dropcaps[/trx_title][trx_columns fluid=»no»][trx_column_item][trx_dropcaps style=»1″]

D Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatm, eaque ipsa quae ab illo inventore.

[/trx_dropcaps][/trx_column_item][trx_column_item][trx_dropcaps style=»2″]

D Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatm, eaque ipsa quae ab illo inventore.

[/trx_dropcaps][/trx_column_item][/trx_columns]
[trx_title type=»2″ class=»title_h1″ bottom=»small»]Blockquote[/trx_title]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[trx_quote title=»Jason M.» top=»medium» bottom=»medium» image=»114″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla maximus nec nunc vel hendrerit. Aenean non mi vel sem commodo vulputate. Cras vel tempus tellus. Vestibulum ante ipsum primis in faucibus.[/trx_quote]

Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur.

[trx_title type=»2″ class=»title_h1″ bottom=»small»]Image Alignment[/trx_title]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[trx_image url=»267″ align=»left» title=»Title of Image» class=»mb2″ width=»370″]

Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem.

Quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione luptatem sequi nesciunt, neque porro quisquam est.

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 consequatm, eaque ipsa quae ab illo inventore. Neque porro quisquam est, qui dolorem.

[trx_image url=»206″ align=»right» icon=»icon-dot3″ link=»https://friounion.com/wp-content/uploads/2016/05/menu-1.jpg» class=»mb2″ width=»370″]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.

Ullamcorper suscipit lobortis nisl ut aliquip ex eammodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et.

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 consequatm, eaque ipsa quae ab illo inventore. Neque porro quisquam est, qui dolorem.
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 consequatm, eaque ipsa quae ab illo inventore. Neque porro quisquam est.

[trx_title type=»2″ class=»title_h1″ bottom=»small»]Lists[/trx_title]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[trx_columns count=»3″ margins=»» class=»columns_lists» top=»medium» bottom=»null»][trx_column_item][trx_list style=»iconed»][trx_list_item title=»Lorem ipsum dolor»][/trx_list_item][trx_list_item title=»Quaerendum vel ne»][/trx_list_item][trx_list_item title=»Admodum minimum»][/trx_list_item][trx_list_item title=»Youth Programs»][/trx_list_item][trx_list_item title=»Eam alia doming»][/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=»iconed» icon=»icon-check»][trx_list_item title=»Lorem ipsum dolor»][/trx_list_item][trx_list_item title=»Quaerendum vel ne»][/trx_list_item][trx_list_item title=»Admodum minimum»][/trx_list_item][trx_list_item title=»Youth Programs»][/trx_list_item][trx_list_item title=»Eam alia doming»][/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=»ol»][trx_list_item title=»Lorem ipsum dolor»][/trx_list_item][trx_list_item title=»Quaerendum vel ne»][/trx_list_item][trx_list_item title=»Admodum minimum»][/trx_list_item][trx_list_item title=»Youth Programs»][/trx_list_item][trx_list_item title=»Eam alia doming»][/trx_list_item][/trx_list][/trx_column_item][/trx_columns]
[trx_section][trx_title type=»2″ class=»title_h1″ bottom=»small»]Table[/trx_title][trx_table]
# Column 1 Column 2 Column 3 Column 4
1 Row 1 cell1 Row 1 cell2 Row 1 cell3 Row 1 cell4
2 Row 2 cell1 Row 2 cell2 Row 2 cell3 Row 2 cell4
3 Row 3 cell1 Row 3 cell2 Row 3 cell3 Row 3 cell4

[/trx_table][/trx_section]

[trx_title bottom=»small»]Inputs & Buttons[/trx_title][trx_columns][trx_column_item][trx_form return_page=»none»][trx_form_item name=»Input Heading» value=»Input field example» label=»Input Heading» bottom=»small» placeholder=»Input field example» size=»40%»][/trx_form][/trx_column_item][trx_column_item][trx_form return_page=»none»][trx_form_item type=»select» name=»Dropdown Heading» options=»option1=Dropdown input field example|option2=option2|option3=option3″ label=»Dropdown Heading» bottom=»small» size=»40%»][/trx_form][/trx_column_item][trx_column_item][trx_form return_page=»none»][trx_form_item name=»Hovered Input» value=»Your name» label=»Hovered Input» class=»hovered» bottom=»small» placeholder=»Hovered field example» size=»40%»][/trx_form][/trx_column_item][trx_column_item][trx_form return_page=»none»][trx_form_item name=»Hovered input*» value=»Enter email» label=»Hovered input*» class=»focuses» bottom=»small» placeholder=»Focuces field example» size=»40%»][/trx_form][/trx_column_item][/trx_columns]
[trx_button size=»medium»]BIG BUTTON[/trx_button]
[trx_button]SMALL BUTTON[/trx_button]

© 2023 Friounion. Develop by Time2Pro

John Doe

Typically replies within a day

Hello, Welcome to the site. Please click below button for talking me through phone call.