Typography is the main elment of the web. You can use our classes to style type on your websites.
We have all 6 headings
<h1 class="font-size-900-large">h1. Heading</h1>
<h2 class="font-size-800">h2. Heading</h2>
<h3 class="font-size-700">h3. Heading</h3>
<h4 class="font-size-500">h4. Heading</h4>
<h5 class="font-size-400">h5. Heading</h5>
<h6 class="font-size-200">h6. Heading</h6>
In this type h1 to h3 will get lighter font weight.
<h1 class="font-size-900-large fw-100">h1. Heading</h1>
<h2 class="font-size-800 fw-100">h2. Heading</h2>
<h3 class="font-size-700 fw-100">h3. Heading</h3>
Use classes to align text to the left, center and right.
This is left aligned
This is center aligned
This is right aligned
<p class="align-left">This is left aligned</p>
<p class="align-center">This is center aligned</p>
<p class="align-right">This is right aligned</p>
Use these classes to highlight text, underline, strike through etc.
This is grey text.
This is small text.
This is underlined text.
This is strike through text.
This is Highlited text.
<p class="grey-text">This is grey text.</p>
<p class="small-text">This is small text.</p>
<p class="text-underline">This is underlined text.</p>
<p class="text-strike-through">This is strike through text.</p>
<p>This is <span class="text-mark">Highlited</span> text.</p>