Heading Size

Use h1 to h6 text sizes.

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading

h6 heading

Heading with sub heading

Use small sub heading.

Sub heading

Sub heading

Sub heading

Sub heading

Sub heading

Sub heading

Heading Display classes

Use display-1 to display-10 tags to increase the font size of text elements based on screen size.

display 1

display 2

display 3

display 4

display 5

display 6

display 7

display 8

display 9

display 10

Text elements

Use .text-start .text-center .text-end class to get Text Alignments .

Left aligned text on all viewport sizes.

Center aligned text on all viewport sizes.

Right aligned text on all viewport sizes.

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined.

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

Text transform

Lowercased text.

Uppercased text.

CapiTaliZed text.

Bold text.

Normal weight text.

Light weight text.

Italic text.

Text Colors

Use color utility classes for text Colors.

Background color

Use color utility classes for Background Colors.