Chat with us, powered by LiveChat
Download aplikasi×

Typography

[trx_title css=”margin-top: -1rem;”]Heading 1[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in iaculis massa. Cras facilisis sit amet lectus id blandit. Donec fermentum viverra risus non porttitor. Ut hendrerit a quam commodo maximus. Integer non viverra neque. Quisque sed nisi at felis ultricies blandit in sit amet elit.

[trx_title type=”2″ position=”top”]Heading 2[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in iaculis massa. Cras facilisis sit amet lectus id blandit. Donec fermentum viverra risus non porttitor. Ut hendrerit a quam commodo maximus. Integer non viverra neque. Quisque sed nisi at felis ultricies blandit in sit amet elit.

[trx_title type=”3″ position=”top”]Heading 3[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in iaculis massa. Cras facilisis sit amet lectus id blandit. Donec fermentum viverra risus non porttitor. Ut hendrerit a quam commodo maximus. Integer non viverra neque. Quisque sed nisi at felis ultricies blandit in sit amet elit.

[trx_title type=”4″ position=”top”]Heading 4[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in iaculis massa. Cras facilisis sit amet lectus id blandit. Donec fermentum viverra risus non porttitor. Ut hendrerit a quam commodo maximus. Integer non viverra neque. Quisque sed nisi at felis ultricies blandit in sit amet elit.

[trx_title type=”5″ position=”top”]Heading 5[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in iaculis massa. Cras facilisis sit amet lectus id blandit. Donec fermentum viverra risus non porttitor. Ut hendrerit a quam commodo maximus. Integer non viverra neque. Quisque sed nisi at felis ultricies blandit in sit amet elit.

[trx_title type=”6″ position=”top”]Heading 6[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in iaculis massa. Cras facilisis sit amet lectus id blandit. Donec fermentum viverra risus non porttitor. Ut hendrerit a quam commodo maximus. Integer non viverra neque. Quisque sed nisi at felis ultricies blandit in sit amet elit.

[trx_line][trx_title type=”3″]Standard Inline Elements[/trx_title]

Bold text dolor sit amet, consectetur [trx_highlight type=”2″]accent color[/trx_highlight] 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_line][trx_title type=”3″]Dropcaps[/trx_title][trx_columns fluid=”no”][trx_column_item][trx_dropcaps style=”1″]

D Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magnal illum magna ullamcorper suscipit Ut wisi enim ad minim veniam, quis nostrud exerci ion ullamcorper suscipit lobortis nisl ut aliquip ex ea.

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

D Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magnal illum magna ullamcorper suscipit Ut wisi enim ad minim veniam, quis nostrud exerci ion ullamcorper suscipit lobortis nisl ut aliquip ex ea.

[/trx_dropcaps][/trx_column_item][/trx_columns]
[trx_line][trx_title type=”3″]Blockquote[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus congue lorem, id commodo elit consectetur blandit. Donec laoreet convallis risus, at luctus sapien pellentesque id. Nullam aliquet libero ut elit dapibus, sit amet fringilla sapien mollis. Sed consequat urna vestibulum elit porttitor, ut congue eros maximus.

[trx_quote cite=”#” title=”John Smith” top=”small” bottom=”small” sub_title=”the head of festival” image=”114″]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula dolor. Aenean massa. Cum sociis natoque.[/trx_quote]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus congue lorem, id commodo elit consectetur blandit. Donec laoreet convallis risus, at luctus sapien pellentesque id. Nullam aliquet libero ut elit dapibus, sit amet fringilla sapien mollis. Sed consequat urna vestibulum elit porttitor, ut congue eros maximus.

[trx_line][trx_title type=”3″]Image Alignment[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus congue lorem, id commodo elit consectetur blandit. Donec laoreet convallis risus, at luctus sapien pellentesque id. Nullam aliquet libero ut elit dapibus, sit amet fringilla sapien mollis. Sed consequat urna vestibulum elit porttitor, ut congue eros maximus.

[trx_image url=”27″ align=”left” title=”Title of Image” class=”mb2″ css=”max-width:370px;” width=”370″ height=”241″ top=”null”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus congue lorem, id commodo elit consectetur blandit. Donec laoreet convallis risus, at luctus sapien pellentesque id. Nullam aliquet libero ut elit dapibus, sit amet fringilla sapien mollis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus congue lorem, id commodo elit consectetur blandit. Donec laoreet convallis risus, at luctus sapien pellentesque id. Nullam aliquet libero ut elit dapibus, sit amet fringilla sapien mollis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus congue lorem, id commodo elit consectetur blandit. Donec laoreet convallis risus, at luctus sapien pellentesque id. Nullam aliquet libero ut elit dapibus, sit amet fringilla sapien mollis. Sed consequat urna vestibulum elit porttitor, ut congue eros maximus.

[trx_image url=”28″ align=”right” title=”Title of Image” link=”/wp-content/uploads/2016/09/post-2.jpg” class=”mb2″ css=”max-width:370px;” width=”370″ height=”241″ top=”null”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus congue lorem, id commodo elit consectetur blandit. Donec laoreet convallis risus, at luctus sapien pellentesque id. Nullam aliquet libero ut elit dapibus, sit amet fringilla sapien mollis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus congue lorem, id commodo elit consectetur blandit. Donec laoreet convallis risus, at luctus sapien pellentesque id. Nullam aliquet libero ut elit dapibus, sit amet fringilla sapien mollis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus congue lorem, id commodo elit consectetur blandit. Donec laoreet convallis risus, at luctus sapien pellentesque id. Nullam aliquet libero ut elit dapibus, sit amet fringilla sapien mollis. Sed consequat urna vestibulum elit porttitor, ut congue eros maximus.

[trx_line][trx_title type=”3″]Lists[/trx_title][trx_columns count=”3″ margins=”” class=”columns_lists”][trx_column_item][trx_list][trx_list_item title=”Ut wisi enim ad minim”][/trx_list_item][trx_list_item title=”Veniam quis nostrud”][/trx_list_item][trx_list_item title=”Exerci tation ullamcorper”][/trx_list_item][trx_list_item title=”Exerci tation ullamcorper”][/trx_list_item][trx_list_item title=”Exerci tation ullamcorper”][/trx_list_item][trx_list_item title=”Duis autem vel eum”][/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=”iconed” icon=”icon-icon_5″][trx_list_item title=”Ut wisi enim ad minim”][/trx_list_item][trx_list_item title=”Veniam quis nostrud”][/trx_list_item][trx_list_item title=”Exerci tation ullamcorper”][/trx_list_item][trx_list_item title=”Exerci tation ullamcorper”][/trx_list_item][trx_list_item title=”Exerci tation ullamcorper”][/trx_list_item][trx_list_item title=”Duis autem vel eum”][/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=”ol”][trx_list_item title=”Ut wisi enim ad minim”][/trx_list_item][trx_list_item title=”Veniam quis nostrud”][/trx_list_item][trx_list_item title=”Exerci tation ullamcorper”][/trx_list_item][trx_list_item title=”Exerci tation ullamcorper”][/trx_list_item][trx_list_item title=”Exerci tation ullamcorper”][/trx_list_item][trx_list_item title=”Duis autem vel eum”][/trx_list_item][/trx_list][/trx_column_item][/trx_columns]
[trx_line][trx_section][trx_title type=”3″]Table[/trx_title][trx_table bottom=”tiny-“]

# 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_line][trx_title type=”3″]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=”large” 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=”large” size=”40%”][/trx_form][/trx_column_item][trx_column_item][trx_form return_page=”none”][trx_form_item name=”Hovered Input” value=”Hovered field example” label=”Hovered Input” class=”hovered” bottom=”large” placeholder=”Hovered field example” size=”40%”][/trx_form][/trx_column_item][trx_column_item][trx_form return_page=”none”][trx_form_item name=”Focuses Input” value=”Focuses field example” label=”Focuses Input” class=”focuses” bottom=”large” placeholder=”Focuces field example” size=”40%”][/trx_form][/trx_column_item][/trx_columns]
[trx_columns count=”1″ margins=””][trx_column_item][trx_button size=”large” top=”small” right=”huge”]Big Button[/trx_button][/trx_column_item][trx_column_item][trx_button style=”filled_dark” size=”large” top=”small” right=”huge”]Big Button[/trx_button][/trx_column_item][trx_column_item][trx_button top=”small” style_color=”dark” hoverstyle=”border” hover_style=””]Small Button[/trx_button][/trx_column_item][trx_column_item][trx_button style=”filled_dark” top=”small” style_color=”dark” hoverstyle=”border” hover_style=””]Small Button[/trx_button][/trx_column_item][/trx_columns]
Back to top