Please wait...

Template components

  1. Home
  2. Components
  3. Icon box
  • Icon box 3column

    Eu vel reque eripuit sanctus. Mei ei erant soleat percipitur. Eam ipsum feugait eu, nec vero verear aliquid ex.

    Learn more

  • Icon box 3column

    Eu vel reque eripuit sanctus. Mei ei erant soleat percipitur. Eam ipsum feugait eu, nec vero verear aliquid ex.

    Learn more

  • Icon box 3column

    Eu vel reque eripuit sanctus. Mei ei erant soleat percipitur. Eam ipsum feugait eu, nec vero verear aliquid ex.

    Learn more

<ul class="icon-box">
	<li>
		<i class="fa fa-rocket"></i>
		<h5>Icon box 3column</h5>
		<p>[...]</p>
	<p><a href="#" class="btn btn-link">Learn more</a></p>
	</li>
	<li>
		<i class="fa fa-trophy"></i>
		<h5>Icon box 3column</h5>
		<p>[...]</p>
		<p><a href="#" class="btn btn-link">Learn more</a></p>
	</li>
	<li>
		<i class="fa fa-magic"></i>
		<h5>Icon box 3column</h5>
		<p>[...]</p>
		<p><a href="#" class="btn btn-link">Learn more</a></p>
	</li>
</ul>
    • Fully responsive

      Consul aperiam eruditi ex eam scripta tamquam gubergren ut, te case timeam eos.

      Learn more
    • Clean & modern

      Consul aperiam eruditi ex eam scripta tamquam gubergren ut, te case timeam eos.

      Learn more
    • Icon variants

      Consul aperiam eruditi ex eam scripta tamquam gubergren ut, te case timeam eos.

      Learn more
    • Use bootstrap 3

      Consul aperiam eruditi ex eam scripta tamquam gubergren ut, te case timeam eos.

      Learn more
    • Components

      Consul aperiam eruditi ex eam scripta tamquam gubergren ut, te case timeam eos.

      Learn more
    • Ecommerce ready

      Consul aperiam eruditi ex eam scripta tamquam gubergren ut, te case timeam eos.

      Learn more
    • Multi header

      Consul aperiam eruditi ex eam scripta tamquam gubergren ut, te case timeam eos.

      Learn more
    • Featured item

      Consul aperiam eruditi ex eam scripta tamquam gubergren ut, te case timeam eos.

      Learn more 
<ul class="icon-linner">
	<li>
		<ul>
			<li>
				<i class="fa fa-laptop fa-3x"></i>
				<h5>Your heading</h5>
				<p>[..]</p>
				<a href="#">Learn more</a>
			</li>
			<li>
				<i class="fa fa-laptop fa-3x"></i>
				<h5>Your heading</h5>
				<p>[..]</p>
				<a href="#">Learn more</a>
			</li>
			<li>
				<i class="fa fa-laptop fa-3x"></i>
				<h5>Your heading</h5>
				<p>[..]</p>
				<a href="#">Learn more</a>
			</li>
			<li>
				<i class="fa fa-laptop fa-3x"></i>
				<h5>Your heading</h5>
				<p>[..]</p>
				<a href="#">Learn more</a>
			</li>
		</ul>
	</li>
	
	<li>
		<ul>
			<li>
				<i class="fa fa-laptop fa-3x"></i>
				<h5>Your heading</h5>
				<p>[..]</p>
				<a href="#">Learn more</a>
			</li>
			<li>
				<i class="fa fa-laptop fa-3x"></i>
				<h5>Your heading</h5>
				<p>[..]</p>
				<a href="#">Learn more</a>
			</li>
			<li>
				<i class="fa fa-laptop fa-3x"></i>
				<h5>Your heading</h5>
				<p>[..]</p>
				<a href="#">Learn more</a>
			</li>
			<li>
				<i class="fa fa-laptop fa-3x"></i>
				<h5>Your heading</h5>
				<p>[..]</p>
				<a href="#">Learn more</a>
			</li>
		</ul>
	</li>
</ul>

<ul class="icon-boxline">
	<li class="bg1">
		<div class="containt">
			<i class="fa fa-briefcase icon-circle fa-2x"></i>
			<h5>Professional</h5>
			<p>[...]</p>
			<p><a href="#" class="btn btn-link">Learn more</a></p>
		</div>
	</li>
	<li class="bg2">
		<div class="containt">
			<i class="fa fa-headphones icon-circle fa-2x"></i>
			<h5>Best service</h5>
			<p>[...]</p>
			<p><a href="#" class="btn btn-link">Learn more</a></p>
		</div>
	</li>
	<li class="bg3">
		<div class="containt">
			<i class="fa fa-magic icon-circle fa-2x"></i>
			<h5>Dedicated</h5>
			<p>[...]</p>
			<p><a href="#" class="btn btn-link">Learn more</a></p>
		</div>
	</li>
	<li class="bg4">
		<div class="containt">
			<i class="fa fa-send icon-circle fa-2x"></i>
			<h5>High loyalty</h5>
			<p>[...]</p>
			<p><a href="#" class="btn btn-link">Learn more</a></p>
		</div>
	</li>
	<li class="bg5">
		<div class="containt">
			<i class="fa fa-heart icon-circle fa-2x"></i>
			<h5>Hospitable</h5>
			<p>[...]</p>
			<p><a href="#" class="btn btn-link">Learn more</a></p>
		</div>
	</li>
</ul>