Typography

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. 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 accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

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 voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.

[trx_title css=” margin-top: 1.21em;”]This is a text example of H1 Heading[/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. 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 accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit.

[trx_title type=”2″ position=”top” css=” margin-top: 1.1em;”]This is a text example of H2 Heading. Lorem ipsum dolor sit amet.[/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. 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 accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit.

[trx_title type=”3″ position=”top” css=” margin-top: 2.1em;”]This is a text example of H3 Heading. Lorem ipsum dolor sit amet.[/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. 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 accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit.

[trx_title type=”4″ position=”top” css=” margin-top: 2.59em;”]This is a text example of H4 Heading. Lorem ipsum dolor sit amet, has et dolores voluptatibus, sit at cibo expetenda.[/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. 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 accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit.

[trx_title type=”5″ position=”top” top=”large”]This is a text example of H5 Heading. Lorem ipsum dolor sit amet, has et dolores voluptatibus, sit at cibo expetenda.[/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. 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 accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit.

[trx_title type=”6″ position=”top” css=” margin-top: 4.85em;”]This is a text example of H6 Heading. Lorem ipsum dolor sit amet, has et dolores voluptatibus, sit at cibo expetenda. Ei mediocrem gloriatur definiebas duo.[/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. 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 accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit.

[trx_line color=”#eef5f6″ top=”huge” bottom=”huge”]
[trx_title type=”4″ top=”null”]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 [trx_highlight type=”1″]nisllum dolore eu fugiat[/trx_highlight] nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in culpa qui 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_highlight type=”2″]architecto[/trx_highlight] beatae explicabo. Nemo  [trx_tooltip title=”Tooltip Title”]enptatem quia[/trx_tooltip] oluptas sit aspernatur Tooltip Title aut odit aut fugit, sed quia consequuntur magni dolores eos quiet.

[trx_line color=”#eef5f6″ top=”huge” bottom=”huge”]
[trx_title type=”4″ top=”null”]Dropcaps[/trx_title][trx_columns fluid=”no”][trx_column_item][trx_dropcaps style=”2″ css=”max-width: 350px;”]

D Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euis
mod tincidunt ut laoreet dolore magna iriure dolor in hendrerit velit esse molestie conseat. Ut wisi enim ad minim veniam, quis nostrud exerci ion ullamcorper suscipit.

[/trx_dropcaps][/trx_column_item][trx_column_item][trx_dropcaps style=”3″ css=”max-width: 350px;”]

D Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euis
mod tincidunt ut laoreet dolore magna iriure dolor in hendrerit velit esse molestie conseat. Ut wisi enim ad minim veniam, quis nostrud exerci ion ullamcorper suscipit.

[/trx_dropcaps][/trx_column_item][/trx_columns]
[trx_line color=”#eef5f6″ top=”huge” bottom=”huge”]
[trx_title type=”4″ top=”null”]Blockquote[/trx_title][trx_quote title=”Alex Brown” bg_image=”317″ image=”114″]“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.”[/trx_quote]
[trx_line color=”#eef5f6″ top=”huge” bottom=”huge”]
[trx_title type=”4″ top=”null”]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. Duis autem vel eum iriure dolor in hendrerit in vulputate. Ea mei perfecto insolens, tale nemore.

[trx_image url=”12″ align=”left” title=”Title of Image” 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 ea commodo 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 accumsan et iusto odio dignissim qui blandit.

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 beae vitae dicta sunt, explicabo. nemo enim ipsam.

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. 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 accumsan et iusto odio dignissim

[trx_image url=”34″ align=”right” link=”http://www.triantis.gr/wp-content/uploads/2016/06/image-4.jpg” class=”hover_iconed 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 ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.

Sed ut perspiciatis, unde omnis iste nar sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi archit.

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. Duis autem vel.

[trx_line color=”#eef5f6″ top=”huge” bottom=”huge”]
[trx_title type=”4″ top=”null”]Lists[/trx_title][trx_columns count=”3″ margins=”” class=”columns_lists” bottom=”null”][trx_column_item][trx_list style=”iconed” icon=”icon-circle-empty”][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-right”][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_line color=”#eef5f6″ top=”huge” bottom=”huge”]
[trx_section][trx_title type=”4″ top=”null”]Table[/trx_title][trx_table]

#Column 1Column 2Column 3Column 4
1Row 1 cell1Row 1 cell2Row 1 cell3Row 1 cell4
2Row 2 cell1Row 2 cell2Row 2 cell3Row 2 cell4
3Row 3 cell1Row 3 cell2Row 3 cell3Row 3 cell4

[/trx_table][/trx_section]

[trx_line color=”#eef5f6″ top=”huge” bottom=”huge”]
[trx_title type=”4″ top=”null”]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=”tiny” placeholder=”Hovered field example” size=”40%”][/trx_form][/trx_column_item][trx_column_item][trx_form return_page=”none”][trx_form_item name=”Focused input” value=”Enter email” label=”Focused input” class=”focuses” bottom=”small” placeholder=”Focuces field example” size=”40%”][/trx_form][/trx_column_item][/trx_columns]
[trx_columns][trx_column_item][trx_button size=”large” css=” margin-top: 5em;” right=”huge”]BIG BUTTON[/trx_button][trx_button color=”#5a6b85″ bg_color=”#eef5f6″ top=”small” right=”huge”]SMALL BUTTON[/trx_button][/trx_column_item][trx_column_item][/trx_column_item][/trx_columns]
Style switcher RESET
Body styles
Color scheme