This is the documentation and examples of general typography. We add our configurations to provide different sizes among other options.
All HTML headings, <h1> through <h6>, are available.
<h1>h1. heading</h1>
<h2>h2. heading</h2>
<h3>h3. heading</h3>
<h4>h4. heading</h4>
<h5>h5. heading</h5>
<h6>h6. heading</h6>Use the header size-x to stand out, use these screen headers for larger titles and introductions to your page.
<h1 class="size-plus">Plus. Heading</h1>
<h1 class="size-1">h1. Heading</h1>
<h2 class="size-2">h2. Heading</h2>
<h3 class="size-3">h3. Heading</h3>
<h4 class="size-4">h4. Heading</h4>
<h5 class="size-5">h5. Heading</h5>
<h6 class="size-6">h6. Heading</h6>
Add titles to your containers easily with our custom classes.
<h1 class="e-title">Title</h1>
<h2 class="e-subtitle">Subtitle</h2>
<!-- or -->
<h1 class="e-title size-1">Title</h1>
<h2 class="e-subtitle size-5">Subtitle</h2>
Recommended use to quote blocks of content from another source within your website.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing.
<blockquote class="e-blockquote">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
<blockquote class="e-blockquote">
<p class="size-3">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
</blockquote>
If you are using our framework in a product that generates income,
you can also help its maintenance if you wish, if you frequently help in your company
or personal developments consider making a recurring donation.
If you want to see your company's logo on this site it's time to be a serious Sponsor.
