Elements
These modular elements can be readily used and customized across pages and in different blocks.
Service contents <> show code
<!-- 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 MoreCreative Design
Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.
Read MoreCreative Design
Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.
Read MoreExample 2:
Creative Design
Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.
Read MoreSafe Information
Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.
Read MoreUI/UX Design
Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.
Read MorePremium Support
Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.
Read MoreBrand & Identity
Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.
Read MoreGraphic Design
Nonummy augue culpa aenean inceptos sapiente justo alias quod nonummy veritatis impedit! Sit minim nibh mollis.
Read More