[ux_banner height=”400px” bg=”457″ bg_overlay=”rgba(0, 0, 0, 0.66)”] [text_box position_x=”50″ position_y=”50″] [ux_text font_size=”1.25″ line_height=”2.25″ text_align=”center” text_color=”rgb(255, 255, 255)”]

Text Elements

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[/ux_text] [/text_box] [/ux_banner] [section bg_color=”rgb(255, 255, 255)”] [title style=”center” text=”Typography”] [row] [col span=”3″] [ux_text font_size=”1.75″ line_height=”1.75″ text_align=”center” text_color=”rgb(0,0,0)”]

Headline h1

Headline h2

Headline h3

Headline h4

Headline h5

Headline h6

[/ux_text] [/col] [col span=”3″ divider=”0″ align=”center” bg_color=”rgb(78, 75, 75)”] [ux_text font_size=”1.75″ line_height=”1.75″]

headline h1

headline h2

headline h3

headline H4

headline H5

headline H6

[/ux_text] [/col] [col span=”3″] [ux_text font_size=”2″ line_height=”2″ text_align=”center”]

primary color

secondary color

alert color

SUCCESS COLOR

DEFAULT COLOR

[/ux_text] [/col] [col span=”3″] [ux_text font_size=”1.75″ line_height=”1.75″ text_align=”center” text_color=”rgb(0, 0, 0)”]

Default link
Bold link
Bold text
Italic text
Strikethrough
Underline

[/ux_text] [/col] [/row] [row] [col span=”4″] [ux_text font_size=”1″ line_height=”1.75″ text_align=”center” text_color=”rgb(0,0,0)”]

Lead paragraph. dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[/ux_text] [/col] [col span=”4″] [ux_text font_size=”1.25″ line_height=”1.75″ text_align=”center” text_color=”rgb(0, 0, 0)”]

Bold Text. sit amet, consectetuer italic text  elit, sed diam nonummy nibh euismod tincidunt ut laoreet underline text magna aliquam erat volutpat. Strike throught. ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. A simple link.

[/ux_text] [/col] [col span=”4″] [ux_text font_size=”1.25″ line_height=”1.75″ text_align=”center” text_color=”rgb(0,0,0)”]

Normal Paragraph. 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 consequa

[/ux_text] [/col] [col span=”3″] [ux_text font_size=”1″ line_height=”1.75″ text_color=”rgb(0, 0, 0)”]

Default font

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

[/ux_text] [/col] [col span=”3″] [ux_text font_size=”1.25″ line_height=”2″ text_align=”left” text_color=”rgb(0, 0, 0)”]

Alternative Font.

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

[/ux_text] [/col] [col span=”3″] [ux_text font_size=”1.25″ line_height=”1.5″ text_color=”rgb(0, 0, 0)”]

Thin text

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

[/ux_text] [/col] [col span=”3″] [ux_text font_size=”1.5″ line_height=”2.25″ text_align=”left” text_color=”rgb(0, 0, 0)”]

UPPERCASE

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

[/ux_text] [/col] [col span=”6″] [ux_text font_size=”1.25″ line_height=”1.75″ text_align=”left” text_color=”rgb(0, 0, 0)”]

This is a Fancy Text Underline

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

[/ux_text] [/col] [col span=”6″] [ux_text font_size=”1.25″ line_height=”1.5″ text_align=”left” text_color=”rgb(0,0,0)”]

This a count up number 5000

Count up number can be added anywhere.

[/ux_text] [/col] [/row] [/section] [section label=”Media Right” bg_color=”rgb(193, 193, 193)” bg_overlay=”rgba(255, 255, 255, 0.85)”] [row style=”large” v_align=”middle”] [col span=”6″ span__sm=”12″ align=”left”] [ux_text font_size=”1.25″ line_height=”2.5″ text_color=”rgb(0,0,0)”]

Flatsome Tip

You can find many text options in the “Format” dropdown in text editor.

You see the changes live if you use the Page Builder

[/ux_text] [/col] [col span=”6″ span__sm=”12″] [ux_image id=”456″ width=”74″ height=”100%” depth=”3″] [/col] [/row] [/section] [section bg_color=”rgb(255, 255, 255)” bg_overlay=”rgb(34, 34, 34)” dark=”true” padding=”60px”] [title style=”center” text=”Typography on Dark background”] [row] [col span=”3″] [ux_text font_size=”1″ line_height=”1.75″]

Headline h1

Headline h2

Headline h3

Headline h4

Headline h5

Headline h6

[/ux_text] [/col] [col span=”3″] [ux_text font_size=”1.75″ line_height=”1.75″ text_color=”rgb(255,255,255)”]

headline h1

headline h2

headline h3

headline H4

headline H5

headline H6

[/ux_text] [/col] [col span=”3″] [ux_text font_size=”1.25″ line_height=”2″]

primary color

secondary color

alert color

SUCCESS COLOR

DEFAULT COLOR

[/ux_text] [/col] [col span=”3″] [ux_text font_size=”1.5″ line_height=”2″]

Default link
Bold link
Bold text
Italic text
Strikethrough
Underline

[/ux_text] [/col] [/row] [row] [col span=”4″] [ux_text font_size=”1.25″ line_height=”1.5″]

Lead paragraph. dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[/ux_text] [/col] [col span=”4″] [ux_text font_size=”1″ line_height=”2″]

Bold Text. sit amet, consectetuer italic text  elit, sed diam nonummy nibh euismod tincidunt ut laoreet underline text magna aliquam erat volutpat. Strike throught. ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. A simple link.

[/ux_text] [/col] [col span=”4″] [ux_text font_size=”1″ line_height=”2″]

Normal Paragraph. 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 consequa

[/ux_text] [/col] [col span=”7″] [ux_text font_size=”1″ line_height=”1.5″]

This is a Fancy Text Underline

Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

[/ux_text] [/col] [col span=”5″] [ux_text font_size=”1.25″ line_height=”1.75″]

This a count up number 5000

Count up number can be added anywhere.

[/ux_text] [/col] [/row] [/section] [section padding=”60px”] [title style=”center” text=”Quote”] [row] [col] [ux_text font_size=”1.25″ line_height=”1.5″]

Quote. dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Normal Paragraph. 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 consequa. Horizontal Line:

[/ux_text] [title style=”center” text=”Lists”] [/col] [col span=”2″] [ux_text font_size=”1.5″ line_height=”1.5″]

• Simple List
• List item 1
• List Item 2
• List item 3
• List Item 4
• List Item 5

[/ux_text] [/col] [col span=”2″] [ux_text font_size=”1.5″ line_height=”1.5″]

1. Numbered List
2. List item 1
3. List Item 2
4. List item 3
5. List Item 4
6. List Item 5

[/ux_text] [/col] [col span=”2″] [ux_text font_size=”1.5″ line_height=”1.5″]

• Checkmark list
• List Item 2
• List item 3
• List Item 4
• List Item 5

[/ux_text] [/col] [col span=”2″] [ux_text font_size=”1.5″ line_height=”1.5″]

• Star list
• List Item 2
• List item 3
• List Item 4
• List Item 5

[/ux_text] [/col] [col span=”2″] [ux_text font_size=”1.5″ line_height=”1.5″]

• Arrow List
• List Item 2
• List item 3
• List Item 4
• List Item 5

[/ux_text] [/col] [/row] [/section]