Close

Typography

HomeTypography

Typography

[trx_section top=”tiny-“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus
eget cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id.

Vulputate eget arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse euismod
semper dignissim. Aliquam ex lacus, porttitor pulvinar pharetra non, euismod at nisl. Curabitur sit amet eros et tellus euismod dapibus
nec et elit. Aenean a hendrerit lorem. Mauris porta maximus dui ut tempor.

[/trx_section][trx_title align=”center”]H1 Heading. Lorem Ipsum Dolor[/trx_title]

Ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget
cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id.

H2 Heading. Lorem Ipsum Dolor

Ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget
cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id.

H3 Heading. Lorem Ipsum Dolor

Ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget
cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id.

H4 Heading. Lorem Ipsum Dolor

Ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget
cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id.

H5 Heading. Lorem Ipsum Dolor

Ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget
cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id.

H6 HEADING. LOREM IPSUM DOLOR

Ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget
cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id.

[trx_line style=”image” image=”405″ repeat=”yes” height=”4px” top=”large” bottom=”large”]
[trx_title align=”center” top=”null” bottom=”small”]Standard Inline Elements[/trx_title]

Bold text dolor sit amet, consectetur adipiscing elit. Accent color purus a tortor scelerisque feugiat. Integer condimentum, lacus eget
cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id.

Vulputate eget arcu. Class aptent taciti sociosqu ad litora torquent per [trx_highlight type=”1″ color=”#FFFFFF” bg_color=”#FF6780″]highlighter[/trx_highlight], per inceptos himenaeos. Italic text euismod
semper dignissim. [trx_tooltip title=”Tooltip Title”]Aliquam ex[/trx_tooltip] lacus, porttitor pulvinar pharetra non, euismod at nisl. Curabitur sit amet eros et tellus euismod
dapibus nec et elit. Aenean a hendrerit lorem. Mauris porta maximus dui ut tempor.

[trx_line style=”image” image=”405″ repeat=”yes” height=”4px” top=”large” bottom=”large”]
[trx_title align=”center” top=”null” bottom=”small”]Dropcaps[/trx_title][trx_columns margins=””][trx_column_item][trx_dropcaps style=”2″ bottom=”tiny”]

Sorem ipsum dolor sit amet, consectetur adipiscing elit praesent eu purus a
tortor scelerisque feugiat. Integer condimentum, lacus eget cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id vulputate eget arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse euismod semper.

[/trx_dropcaps][/trx_column_item][trx_column_item][trx_dropcaps style=”1″ bottom=”tiny”]

Arcu lorem ipsum dolor sit amet, consectetur adipiscing elit praesent eu
purus a tortor scelerisque feugiat. Integer condimentum, lacus eget cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id vulputate eget arcu class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos suspendisse euismod.

[/trx_dropcaps][/trx_column_item][/trx_columns]
[trx_line style=”image” image=”405″ repeat=”yes” height=”4px” top=”large” bottom=”large”]
[trx_title align=”center” top=”null” bottom=”small”]Blockquotes[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id, vulputate eget arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse euismod semper dignissim. Aliquam ex lacus, porttitor pulvinar pharetra non, euismod at nisl curabitur sit amet eros et.

[trx_columns margins=”” top=”small” bottom=”small”][trx_column_item][trx_quote cite=”#” title=”Helen Green”]Elit eget praesent eu purus tortor scelerisque nec feugiat integer condimentum vestibulumlorem, lacus eget cursus facilisis, nec ante ipsum porttitor enim vel iaculis enim magna tortor velit lorem nisl sodales et molestie a vulputate lorem. [/trx_quote][/trx_column_item][trx_column_item]

Consectetur adipiscing elit praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget cursus facilisis, ac ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id, vulputate eget arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse euismod semper dignissim aliquam ex lacus, porttitor pulvinar pharetra non, euismod at nisl. Curabitur sit amet eros et tellus euismod.

[/trx_column_item][/trx_columns]

Consectetur adipiscing elit praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget cursus facilisis, ac ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id, vulputate eget arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse euismod semper dignissim aliquam ex lacus, porttitor pulvinar pharetra non, euismod at nisl. Curabitur sit amet eros et tellus euismod dapibus nec et elit aenean a hendrerit lorem. Mauris porta maximus dui ut tempor consectetur adipiscing elit praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus.

[trx_line style=”image” image=”405″ repeat=”yes” height=”4px” top=”large” bottom=”large”]
[trx_title align=”center” top=”null” bottom=”small”]Image Alignment[/trx_title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget cursus facilisis, ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id, vulputate eget arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse euismod semper dignissim. Aliquam ex lacus, porttitor pulvinar pharetra non, euismod at nisl curabitur sit amet eros et.

[trx_columns count=”3″ margins=”” top=”small”][trx_column_item][trx_image url=”119″ align=”left” title=”Image Title Goes Here”][/trx_column_item][trx_column_item]

Consectetur adipiscing elit praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus eget cursus facilisis, ac ante ipsum porttitor enim, vel iaculis enim magna eu tortor, sed velit nisl sodales et molestie id, vulputate eget arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse euismod semper dignissim aliquam ex lacus, porttitor pulvinar pharetra non, euismod at nisl. Curabitur sit amet eros et tellus euismod. dapibus nec et elit aenean a hendrerit lorem. Mauris porta maximus dui ut tempor consectetur adipiscing elit praesent eu purus a tortor scelerisque feugiat. Integer condimentum, lacus. eget cursus facilisis.

[/trx_column_item][trx_column_item][trx_image url=”120″ align=”right” link=”/wp-content/uploads/2016/06/alignment-right.jpg”][/trx_column_item][/trx_columns]
[trx_line style=”image” image=”405″ repeat=”yes” height=”4px” top=”large” bottom=”large”]
[trx_title align=”center” top=”null” bottom=”small”]Lists Styles[/trx_title][trx_columns count=”3″][trx_column_item][trx_list style=”ol”][trx_list_item title=”Lorem ipsum dolor sit amet.”][/trx_list_item][trx_list_item title=”Consectetur adipiscing elit praesent eu.”][/trx_list_item][trx_list_item title=”Purus a tortor scelerisque feugiat.”][/trx_list_item][trx_list_item title=”Integer condimentum, lacus eget cursus facilisis.”][/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=”iconed” icon=”icon-dot” icon_color=”#ff6780″][trx_list_item title=”Integer condimentum, lacus eget cursus facilisis.” icon=”icon-dot” icon_color=”#ff6780″][/trx_list_item][trx_list_item title=”Lorem ipsum dolor sit amet.”][/trx_list_item][trx_list_item title=”Consectetur adipiscing elit praesent eu.”][/trx_list_item][trx_list_item title=”Purus a tortor scelerisque feugiat.”][/trx_list_item][/trx_list][/trx_column_item][trx_column_item][trx_list style=”iconed” icon=”icon-right-small” icon_color=”#ff6780″][trx_list_item title=”Consectetur adipiscing elit praesent eu.”][/trx_list_item][trx_list_item title=”Purus a tortor scelerisque feugiat.”][/trx_list_item][trx_list_item title=”Integer condimentum, lacus eget cursus facilisis.”][/trx_list_item][trx_list_item title=”Lorem ipsum dolor sit amet.”][/trx_list_item][/trx_list][/trx_column_item][/trx_columns]
[trx_line style=”image” image=”405″ repeat=”yes” height=”4px” top=”large” bottom=”large”]
[trx_title align=”center” top=”null” bottom=”small”]Table[/trx_title][trx_columns count=”5″ margins=””][trx_column_item][/trx_column_item][trx_column_item span=”3″][trx_table align=”center” top=”null” bottom=”tiny-“]

# Column 1 Column 2 Column 3
1 Raw 01 Cell 01 Raw 01 Cell 02 Raw 01 Cell 03
2 Raw 02 Cell 01 Raw 02 Cell 02 Raw 02 Cell 03
3 Raw 03 Cell 01 Raw 03 Cell 02 Raw 03 Cell 03

[/trx_table][/trx_column_item][/trx_columns]

[trx_line style=”image” image=”405″ repeat=”yes” height=”4px” top=”large” bottom=”large”]
[trx_title align=”center” top=”null”]Inputs and Buttons[/trx_title][trx_columns margins=””][trx_column_item]

    [/trx_column_item][trx_column_item][trx_block][trx_button type=”round” style=”border_black” icon=”icon-right-small” bottom=”small” right=”small”]Small Button [/trx_button][trx_button type=”round” style=”border_black” icon=”icon-right-small” color=”#ffffff” bg_color=”#262626″ bottom=”small” right=”small”]Small Button [/trx_button][/trx_block][trx_block][trx_button type=”round” style=”border” size=”large” icon=”icon-right-small” bottom=”small” right=”small”]Big Button [/trx_button][trx_button type=”round” style=”border” size=”large” icon=”icon-right-small” color=”#ffffff” bg_color=”#ff6780″ bottom=”small” right=”small”]Big Button[/trx_button][/trx_block][/trx_column_item][/trx_columns]

    © 2023 Hapily| Developed by Softvity