Typography

[trx_block][trx_title top=”0″ bottom=”0.32em”]Heading 1[/trx_title][trx_title type=”2″ top=”0″ bottom=”0.59em”]Heading 2[/trx_title][trx_title type=”3″ top=”0″ bottom=”0.9em”]Heading 3[/trx_title][trx_title type=”4″ top=”0″ bottom=”1.4em”]Heading 4[/trx_title][trx_title type=”5″ top=”0″ bottom=”1.9em”]Heading 5[/trx_title][trx_title type=”6″ top=”0″ bottom=”0.55em”]Heading 6[/trx_title][/trx_block]
[trx_line][trx_title type=”3″ bottom=”0.7em”]Standart inline elements[/trx_title]

Bold text dolor sit amet, consectetur [trx_highlight type=”2″]accent color[/trx_highlight] adipisicing elit, [trx_highlight type=”2″ css=”border-bottom: 1px solid;”]hovered accents[/trx_highlight] sed do eiusmod tempor hovered ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea dafault link color consequat. Duis aute dolor in reprehenderit in voluptate [trx_highlight type=”1″]cillum dolore[/trx_highlight] eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ligt text example iste natus error sit voluptatem italic text example accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et [trx_tooltip title=”Tooltip example”]quasi architecto[/trx_tooltip] beatae explicabo. Nemo enptatem quia oluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

[trx_line][trx_title type=”3″ bottom=”0.7em”]Dropcaps[/trx_title][trx_columns][trx_column_item][trx_dropcaps style=”1″ bottom=”0.5em”]CMauris 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_dropcaps][trx_dropcaps style=”3″ bottom=”0.5em” top=”1.4em”]CMauris 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_dropcaps][/trx_column_item][trx_column_item][trx_dropcaps style=”2″ bottom=”0.5em”]CMauris 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. 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_dropcaps][/trx_column_item][/trx_columns]
[trx_line][trx_title type=”3″ bottom=”0.7em”]Quotes[/trx_title]

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis. Etiam eleifend sollicitudin dignissim.

[trx_quote style=”dark” cite=”#” title=”Albert Einstein”]Curabitur blandit tempus porttitor. Aenean lacinia bibendum nulla sed consectetur.[/trx_quote]

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis. Etiam eleifend sollicitudin dignissim.

[trx_quote cite=”#” title=”Albert Einstein”]“Curabitur blandit tempus porttitor. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum.”[/trx_quote]

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis. Etiam eleifend sollicitudin dignissim.

[trx_line][trx_title type=”3″ bottom=”0.7em”]Image alignment[/trx_title]

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis.

[trx_image url=”83″ align=”left” title=”Title of Image” top=”0.35em”]

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis. Etiam eleifend sollicitudin dignissim.

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis.

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis. Etiam eleifend sollicitudin dignissim.

[trx_image url=”84″ align=”right” top=”0.4em”]

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis. Etiam eleifend sollicitudin dignissim.

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis.

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis. Etiam eleifend sollicitudin dignissim.

[trx_line][trx_title type=”3″ bottom=”0.7em”]Lists[/trx_title]

Lorem ipsum dolor sit amet, consectetur adcing elit Lorem ipsum dolor sit amet, consectetur adip iscing elit psum dolor sit amet. Aenean consectetur fringilla mi in mollis. Etiam eleifend sollicitudin dignissim.

[trx_columns count=”4″ top=”1.65em”][trx_column_item][trx_list][trx_list_item]Lorem ipsum[/trx_list_item][trx_list_item]Dolor sit amet[/trx_list_item][trx_list_item]Consectetur[/trx_list_item][trx_list_item]Adipisicing elit[/trx_list_item][trx_list_item]Sed do eiusmod[/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=”iconed” icon=”icon-stop”][trx_list_item]Tempor incididunt[/trx_list_item][trx_list_item]Dolore magna[/trx_list_item][trx_list_item]Ut enim ad minim[/trx_list_item][trx_list_item]Nostrud exercion[/trx_list_item][trx_list_item]Ullamco laboris[/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=”iconed” icon=”icon-check” class=”theme_color”][trx_list_item]Lorem ipsum[/trx_list_item][trx_list_item]Dolor sit amet[/trx_list_item][trx_list_item]Consectetur[/trx_list_item][trx_list_item]Adipisicing elit[/trx_list_item][trx_list_item]Sed do eiusmod[/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=”ol”][trx_list_item]Tempor incididunt[/trx_list_item][trx_list_item]Dolore magna[/trx_list_item][trx_list_item]Ut enim ad minim[/trx_list_item][trx_list_item]Nostrud exercion[/trx_list_item][trx_list_item]Ullamco laboris[/trx_list_item][/trx_list][/trx_column_item][/trx_columns]
[trx_line][trx_title type=”3″ bottom=”0.7em”]Inputs & buttons[/trx_title][trx_block]
Please enter a valid email
[/trx_block][trx_block top=”2em”][trx_button size=”large”]Normal[/trx_button][trx_button left=”1.9em”]Normal[/trx_button][/trx_block][trx_block top=”1.6em”][trx_button bgcolor=”accent2″ size=”large”]Normal[/trx_button][trx_button bgcolor=”accent2″ left=”1.9em”]Normal[/trx_button][/trx_block]

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük