--- layout: default permalink: /typography category: utilities title: Typography description: "This is the documentation and examples of general typography. We add our configurations to provide different sizes among other options." ---

{{ page.title }} Utilities

{{ page.description }}


Headings

All HTML headings, <h1> through <h6>, are available.


h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading
{% highlight html %}

h1. heading

h2. heading

h3. heading

h4. heading

h5. heading
h6. heading
{% endhighlight %}

Sizes-x

Use the header size-x to stand out, use these screen headers for larger titles and introductions to your page.


Plus. Heading

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading
{% highlight html %}

Plus. Heading

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading
{% endhighlight %}

Title and subtitle

Add titles to your containers easily with our custom classes.


This is the title

I am subtitle

This is the title

I am subtitle

{% highlight html %}

Title

Subtitle

Title

Subtitle

{% endhighlight %}

Blockquote

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.

{% highlight html %}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing.

{% endhighlight %}