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]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.

[trx_title type=”2″ position=”top”]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.

[trx_title type=”3″ position=”top”]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.

[trx_title type=”4″ position=”top”]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.

[trx_title type=”5″ position=”top”]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.

[trx_title type=”6″ position=”top”]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.

[trx_line]
[trx_title type=”3″ top=”medium”]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_line]
[trx_title type=”3″ top=”medium”]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 lobortis nisl ut aliquip ex ea com
modo consequat. Duis autem vel eum iriure dolor.

[/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 lobortis nisl ut aliquip ex ea com
modo consequat. Duis autem vel eum iriure dolor.

[/trx_dropcaps][/trx_column_item][/trx_columns]
[trx_line]
[trx_title type=”3″ top=”medium”]Blockquote[/trx_title][trx_quote title=”Abbie Wells” bg_image=”299″ image=”114″]Lorem ipsum dolor sit amet, consectetuer adipi scing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.”[/trx_quote]
[trx_line]
[trx_title type=”3″ top=”medium”]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=”9″ 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 voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam.

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=”200″ align=”right” link=”https://smartblogger.co.uk/wp-content/uploads/2016/06/image-30.jpg” class=”hover_iconed mb2″ width=”370″ height=”224″]

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 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.

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.

[trx_line]
[trx_title type=”3″ top=”medium”]Lists[/trx_title][trx_columns count=”3″ margins=”” class=”columns_lists” bottom=”null”][trx_column_item][trx_list][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”][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]
[trx_section][trx_title type=”3″ top=”medium”]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_line]
[trx_title type=”3″ top=”medium”]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=”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=”medium” top=”medium” right=”huge”]Big Button[/trx_button][trx_button top=”small” right=”huge”]Small Button[/trx_button][/trx_column_item][trx_column_item][/trx_column_item][/trx_columns]