Elements


These modular elements can be readily used and customized across pages and in different blocks.


	<!-- content block - circle icon -->
	<div class="info text-center">
		<div class="icon icon-circle">
			<i class="fa fa-pencil"></i>
		</div>
		<h5 class="info-title">UI/UX Design</h5>
		<div class="description">
			<p class="description">Fugit anim consectetuer leo temporibus lectus felis Excepteur consectetuer ac repellendus quidem unde odio nisl.</p>
		</div>
	</div>

	<!-- content block - Diamond icon -->
	<div class="info text-center">
		<div class="icon icon-ract ract45">
			<i class="fa fa-pencil"></i>
		</div>
		<h5 class="info-title">UI/UX Design</h5>
		<div class="description">
			<p class="description">Fugit anim consectetuer leo temporibus lectus felis Excepteur consectetuer ac repellendus quidem unde odio nisl.</p>
		</div>
	</div>

	<!-- content block Style 2 - circle icon -->
	<div class="info text-center info-boxed">
		<div class="icon icon-circle">
			<i class="fa fa-pencil"></i>
		</div>
		<div class="description">
			<h5 class="info-title">Creative Design</h5>
			<p class="description">Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.</p>
			<a href="">Read More</a>
		</div>
	</div>

	<!-- content block Style 2 - diamond icon -->
	<div class="info text-center info-boxed">
		<div class="icon icon-ract ract45">
			<i class="fa fa-lightbulb-o" aria-hidden="true"></i>
		</div>
		<div class="description">
			<h5 class="info-title">Creative Design</h5>
			<p class="description">Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.</p>
			<a href="service-details-left-sidebar.html">Read More</a>
		</div>
	</div>

						
how to use
  • Just Copy the code. Don't remove the classnames. Use your own class for customization

Example 1:

UI/UX Design

Fugit anim consectetuer leo temporibus lectus felis Excepteur consectetuer ac repellendus quidem unde odio nisl.

Great Usability

Fugit anim consectetuer leo temporibus lectus felis Excepteur consectetuer ac repellendus quidem unde odio nisl.

Premium Support

Fugit anim consectetuer leo temporibus lectus felis Excepteur consectetuer ac repellendus quidem unde odio nisl.

Example 2:

UI/UX Design

Fugit anim consectetuer leo temporibus lectus felis Excepteur consectetuer ac repellendus quidem unde odio nisl.

Great Usability

Fugit anim consectetuer leo temporibus lectus felis Excepteur consectetuer ac repellendus quidem unde odio nisl.

Premium Support

Fugit anim consectetuer leo temporibus lectus felis Excepteur consectetuer ac repellendus quidem unde odio nisl.

Content Block Style 2

Example 1:

Creative Design

Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.

Read More
Creative Design

Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.

Read More
Creative Design

Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.

Read More

Example 2:

Creative Design

Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.

Read More
Safe Information

Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.

Read More
UI/UX Design

Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.

Read More
Premium Support

Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.

Read More
Brand & Identity

Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.

Read More
Graphic Design

Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.

Read More