Typography

We provide a great experience for your project.

Text Colors

Use color utility classes for text Colors.

.text-primary

.text-gradient (gradient color text)

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-muted

.text-white

.all-text-white

Paragraph with justify

Use .text-justify class to get justify text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut eu. Justice visitor him entered for. Continue delicate as unlocked entirely mr relation diverted in. Known not end fully being style house. An whom down kept lain name so at easy.Etiam elementum ut turpis sed mattis. Quisque interdum sem sed nunc feugiat, quis varius eros tincidunt. Integer at fermentum nisl. Donec ex odio, finibus vitae augue sit amet, convallis venenatis felis. Etiam gravida, tortor euismod congue imperdiet, eros lorem fringilla eros, eu pellentesque metus lectus a diam. Donec a nisl felis. Curabitur non mauris non velit rhoncus rhoncus. Nunc pellentesque nisi vitae lorem viverra, a faucibus arcu maximus. Nulla facilisi. Mauris sodales rhoncus lectus, nec accumsan purus viverra.

Background color

Use color utility classes for Background Colors.

.bg-primary
.bg-gradient (gradient background color)
.bg-dark-gradient (Dark gradient BG color)
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white
.bg-transparent

Text Alignments

Use .text-left .text-center .text-right class to get Text Alignments .

Left aligned text.

Center aligned text.

Right aligned text.

Text transform

Use .text-lowercase .text-uppercase .text-capitalize class to get Text transform .

Lowercased text.

Uppercased text.

CapiTaliZed text.

Heading Size

Use h1 to h6 tags to get desire heading.

h1. heading

h2. heading

h3. heading

h4. heading

h5. heading
h6. heading

Heading with sub heading

Use small tag to get desire sub heading.

h1 Sub heading

h2 Sub heading

h3 Sub heading

h4 Sub heading

h5 Sub heading
h6 Sub heading

Font weight and italics

Use .font-weight-bold .font-weight-normal .font-weight-light .font-italic class to get font weight and italics .

Bold text.

Normal weight text.

Light weight text.

Italic text.