Typography – the Tree box

[trx_title top=”0″]Heading 1[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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

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

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

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum, sunt in culpa qui officia deserunt mollit anim id est laborum.

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

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

[trx_section][trx_title type=”5″ top=”2.8em”]Columns[/trx_title][trx_line color=”#efefef”][trx_block][trx_columns][trx_column_item][trx_title type=”5″ class=”color-title”]1/2[/trx_title]

[/trx_column_item][trx_column_item][trx_title type=”5″ class=”color-title”]1/2[/trx_title]

[/trx_column_item][/trx_columns][/trx_block][trx_block][trx_columns count=”3″][trx_column_item][trx_title type=”5″ class=”color-title”]1/3[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis

[/trx_column_item][trx_column_item][trx_title type=”5″ class=”color-title”]1/3[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis

[/trx_column_item][trx_column_item][trx_title type=”5″ class=”color-title”]1/3[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis

[/trx_column_item][/trx_columns][/trx_block][trx_block][trx_columns count=”4″][trx_column_item][trx_title type=”5″ class=”color-title”]1/4[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna

[/trx_column_item][trx_column_item][trx_title type=”5″ class=”color-title”]1/4[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna

[/trx_column_item][trx_column_item][trx_title type=”5″ class=”color-title”]1/4[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna

[/trx_column_item][trx_column_item][trx_title type=”5″ class=”color-title”]1/4[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna

[/trx_column_item][/trx_columns][/trx_block][/trx_section]

[trx_anchor icon=”icon-info-1″ title=”Dropcaps” description=”{Dropcaps} – |Dropcap styles demonstration” separator=”no” id=”toc_dropcaps”][trx_title type=”5″ top=”1em”]Dropcaps[/trx_title][trx_line][trx_columns fluid=”no”][trx_column_item][trx_dropcaps style=”1″ bottom=”0.5em”]C Mauris 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. Phasellus tempor urna erat, a fringilla elit vulputate in. Vivamus euismod mauris id sodales tincidunt.[/trx_dropcaps][trx_dropcaps style=”2″ bottom=”0.5em”]C Mauris 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. Phasellus tempor urna erat, a fringilla elit vulputate in. Vivamus euismod mauris id sodales tincidunt.[/trx_dropcaps][/trx_column_item][trx_column_item][trx_dropcaps style=”3″ bottom=”0.5em”]C Mauris 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. Cras cursus eros Cras cursus eros[/trx_dropcaps][trx_dropcaps style=”4″ bottom=”0.5em”]C Mauris vitae quam ligula. In tincidunt sapien sed nibh scelerisque congue. Maecenas ut libero eu metus tincidunt lobortis. Duis accumsan at mauris vel acinia. Cras cursus eros vel commodo tincidunt. Donec ac urna eget velit bibendum aliquam. Phasellus tempor urna erat, a fringilla elit vulputate in. Vivamus euismod mauris id sodales.[/trx_dropcaps][/trx_column_item][/trx_columns]

[trx_anchor icon=”icon-quote-1″ title=”Quotes” description=”{Quotes} – |Quote style demonstration” separator=”no” id=”toc_quotes”][trx_title type=”5″ top=”1.1em”]Quote format[/trx_title][trx_line][trx_quote cite=”#” title=”Alan Philips” class=”sc_quote_1″]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_quote][trx_quote cite=”#” title=”Alan Philips” class=”sc_quote_2″]“ 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_quote]

[trx_title type=”5″ top=”3em”]Tooltip and Highlight[/trx_title][trx_line bottom=”1.7em”]

Lorem [trx_highlight type=”1″]ipsum dolor[/trx_highlight] sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation [trx_highlight type=”2″]ullamco laboris[/trx_highlight] nisi ut aliquip. ex ea [trx_highlight type=”3″]commodo[/trx_highlight] consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur [trx_tooltip title=”Tooltip Text”]adipisicing elit[/trx_tooltip], sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[trx_anchor icon=”icon-picture-1″ title=”Images” description=”{Imagess} – |Image alignments and hover effects” separator=”no” id=”toc_images”][trx_title type=”5″ top=”2.2em”]Image alignment[/trx_title][trx_line][trx_block bottom=”1em”][trx_image url=”http://thetreebox.in/wp-content/uploads/2015/01/open-road.jpg” align=”left” title=”Title name” width=”270px” bottom=”2em”]

Aligned Left

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/trx_block][trx_image url=”http://thetreebox.in/wp-content/uploads/2015/01/corn-blue-sky.jpg” width=”270px” bottom=”2em”]

Aligned Right

Donec nec scelerisque elit, id pulvinar est. Maecenas laoreet, diam vel venenatis molestie, nunc augue tempus felis, nec efficitur dui leo a tellus. Proin dignissim commodo magna at luctus. Nam molestie justo augue, nec eleifend urna laoreet non. Donec nec scelerisque elit, id pulvinar est. Maecenas laoreet, diam vel venenatis molestie, nunc augue tempus felis, nec efficitur dui leo a tellus. Proin dignissim commodo magna at luctus. Nam molestie justo augue, nec eleifend urna laoreet non.

[trx_anchor icon=”icon-menu-1″ title=”Lists” description=”{Lists} – |Different list styles” separator=”no” id=”toc_lists”][trx_title type=”5″ top=”2.3em”]Lists[/trx_title][trx_line][trx_columns count=”3″ bottom=”6em” class=”columns-lists”][trx_column_item][trx_list style=”iconed” color=”#ffffff” icon=”icon-angle-right-1″ class=”list-defined”][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]T empor 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-2″ icon_color=”#adc244″ class=”list-custom-color” css=”color: #adc244;”][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_columns]