Typography

You can use the following text utilities for your typography.

Below is an example for headings.

Heading

            
            <h1>Heading</h1>
            <h2>Heading</h2>
            <h3>Heading</h3>
            <h4>Heading</h4>
            <h5>Heading</h5>

Below is an example for different text sizes

Text

            
            <p class="text-xlg">Text</p>
            <p class="text-lg">Text</p>
            <p class="text-md">Text</p>
            <p class="text-sm">Text</p>
            <p class="text-xsm">Text</p>

Below is an example for colored text.

Text

            
            <p class="text-gray text-xlg">Text</p>
            <p class="text-red text-xlg">Text</p>
            <p class="text-green text-xlg">Text</p>

Below is an example for centered text.

Centered Text

              
                <p class="text-xlg text-center"> Centered Text</p>