Please wait...

Template components

  1. Home
  2. Components
  3. Heading
Default heading

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h1
<h1>This is heading h1</h1>
<h2>This is heading h2</h2>
<h3>This is heading h3</h3>
<h4>This is heading h4</h4>
<h5>This is heading h5</h5>
<h6>This is heading h1</h6>
Color heading

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h1
<h1 class="primary">This is heading h1</h1>
<h2 class="blue">This is heading h2</h2>
<h3 class="pink">This is heading h3</h3>
<h4 class="yellow">This is heading h4</h4>
<h5 class="green">This is heading h5</h5>
<h6 class="red">This is heading h1</h6>
Icon heading

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h1
<h1><i class="fa fa-trophy"></i> Heading h1</h1>
<h2 class="primary"><i class="fa fa-thumbs-up"></i> Heading h2</h2>
<h3 class="blue"><i class="fa fa-shopping-bag"></i> Heading h3</h3>
<h4 class="blue"><i class="fa fa-quote-left"></i> Heading h4</h4>
<h5 class="yellow"><i class="fa fa-send"></i> Heading h5</h5>
<h6 class="red"><i class="fa fa-user"></i> Heading h1</h6>

Heading left

Inspired headline text here

<div class="title-head">
	<h4>Heading left</h4>
	<p>Inspired headline text here</p>
</div>

Heading center

Inspired headline text here

<div class="title-head centered">
	<h4>Heading center</h4>
	<p>Inspired headline text here</p>
</div>

Heading right

Inspired headline text here

<div class="title-head pull-right">
	<h4>Heading right</h4>
	<p>Inspired headline text here</p>
</div>