Typography

[trx_title top= »small-« ]Heading 1[/trx_title]

Lorem ipsum dolor sit amet, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris. Phasellus porta. 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.

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

Lorem ipsum dolor sit amet, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris. Phasellus porta. 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.

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

Lorem ipsum dolor sit amet, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris. Phasellus porta. 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.

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

Lorem ipsum dolor sit amet, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris. Phasellus porta. 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.

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

Lorem ipsum dolor sit amet, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris. Phasellus porta. 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.

[trx_title type= »6″ position= »top »]heading 6[/trx_title]

Lorem ipsum dolor sit amet, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris. Phasellus porta. 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.

[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, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris.
Phasellus porta. 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 lorem.

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

D Lorem ipsum dolor sit amet, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris.
Phasellus porta. 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 lorem.

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

Lorem ipsum dolor sit amet, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris. Phasellus porta. 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.

[trx_quote cite= »# » title= »Martin Luther King, Jr. » bg_image= »30″ top= »small » bottom= »small » sub_title= »the head of festival » image= »114″]The function of education is to teach one to think intensively and to think critically. Intelligence plus character – that is the goal of true education.[/trx_quote]

Lorem ipsum dolor sit amet, consctetuer adipiscing elit. Praesent vestibulum molestie lacus enean nonummy hend rerit mauris. Phasellus porta. 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.

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum velit, non fringilla erat. Nulla et pulvinar felis. Praesent quis vestibulum dui. Aenean ut diam hendrerit diam tincidunt vestibulum. Vestibulum eleifend efficitur turpis vel faucibus. Aliquam erat volutpat. Integer mattis pellentesque semper. Pellentesque lobortis elementum mi at euismod. In aliquet laoreet enim, et hendrerit dui vulputate ut. Praesent vel elit tortor. Aliquam magna magna, maximus blandit porta at, mattis pharetra dolor.

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum velit, non fringilla erat. Nulla et pulvinar felis. Praesent quis vestibulum dui. Aenean ut diam hendrerit diam tincidunt vestibulum. Vestibulum eleifend efficitur turpis vel faucibus. Aliquam erat volutpat. Integer mattis pellentesque semper. Praesent faucibus nisi nec laoreet . Praesent semper enim.

Pellentesque lobortis elementum mi at euismod. In aliquet laoreet enim, et hendrerit dui vulputate ut. Praesent vel elit tortor. Aliquam magna magna, maximus blandit porta at, mattis pharetra dolor. Praesent vel elit tortor. Aliquam magna magna, maximus blandit porta at, mattis pharetra dolor. Donec eu accumsan velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum velit, non fringilla erat. Nulla et pulvinar felis. Praesent quis vestibulum dui. Aenean ut diam hendrerit diam tincidunt vestibulum. Vestibulum eleifend efficitur turpis vel faucibus.

[trx_image url= »38″ align= »right » class= »mb2″ css= »max-width:370px; » top= »null »]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum velit, non fringilla erat. Nulla et pulvinar felis. Praesent quis vestibulum dui. Aenean ut diam hendrerit diam tincidunt vestibulum. Vestibulum eleifend efficitur turpis vel faucibus. Aliquam erat volutpat. Integer mattis pellentesque semper. Praesent faucibus nisi nec laoreet . Praesent semper enim.

Pellentesque lobortis elementum mi at euismod. In aliquet laoreet enim, et hendrerit dui vulputate ut. Praesent vel elit tortor. Aliquam magna magna, maximus blandit porta at, mattis pharetra dolor. Praesent vel elit tortor. Aliquam magna magna, maximus blandit porta at, mattis pharetra dolor. Donec eu accumsan velit.

[trx_line][trx_title type= »3″]Lists[/trx_title][trx_columns count= »3″ margins= » » class= »columns_lists »][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_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-ok »][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= »medium » 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= »medium » 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= »medium » 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= »medium » 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 top= »small » style_color= »dark » hoverstyle= »border » hover_style= » »]Small Button[/trx_button][/trx_column_item][/trx_columns]