Icon Blocks
Start building your website with ready-to-use icon blocks.
Icon Blocks #v1
-
Free Delivery
Orders over $100
-
Secure Payment
100% Secure Payment
-
Money Back Guarantee
Within 30 Days
-
24/7 Support
Within 1 Business Day
<-- Features Section -->
<div class="site-features space-1d625">
<div class="container">
<ul class="list-unstyled my-0 list-features d-flex align-items-center justify-content-xl-between overflow-auto overflow-xl-visible">
<li class="flex-shrink-0 flex-xl-shrink-1 list-feature">
<div class="media">
<div class="feature__icon font-size-14 text-primary-green text-lh-xs">
<i class="glyph-icon flaticon-delivery"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3">Free Delivery</h4>
<p class="feature__subtitle m-0">Orders over $100</p>
</div>
</div>
</li>
<li class="flex-shrink-0 flex-xl-shrink-1 separator mx-4 mx-xl-0 border-left h-fixed-80" aria-hidden="true" role="presentation"></li>
<li class="flex-shrink-0 flex-xl-shrink-1 list-feature">
<div class="media">
<div class="feature__icon font-size-14 text-primary-green text-lh-xs">
<i class="glyph-icon flaticon-credit"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3">Secure Payment</h4>
<p class="feature__subtitle m-0">100% Secure Payment</p>
</div>
</div>
</li>
<li class="flex-shrink-0 flex-xl-shrink-1 separator mx-4 mx-xl-0 border-left h-fixed-80" aria-hidden="true" role="presentation"></li>
<li class="flex-shrink-0 flex-xl-shrink-1 list-feature">
<div class="media">
<div class="feature__icon font-size-14 text-primary-green text-lh-xs">
<i class="glyph-icon flaticon-warranty"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3">Money Back Guarantee</h4>
<p class="feature__subtitle m-0">Within 30 Days</p>
</div>
</div>
</li>
<li class="flex-shrink-0 flex-xl-shrink-1 separator mx-4 mx-xl-0 border-left h-fixed-80" aria-hidden="true" role="presentation"></li>
<li class="flex-shrink-0 flex-xl-shrink-1 list-feature">
<div class="media">
<div class="feature__icon font-size-14 text-primary-green text-lh-xs">
<i class="glyph-icon flaticon-help"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3">24/7 Support</h4>
<p class="feature__subtitle m-0">Within 1 Business Day</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- End Features Section -->
Icon Blocks #v2
-
Free Delivery
Orders over $100
-
Secure Payment
100% Secure Payment
-
Money Back Guarantee
Within 30 Days
-
24/7 Support
Within 1 Business Day
<!-- Features Section -->
<div class="site-features border-top space-1d625 bg-primary-home-v3">
<div class="container">
<ul class="list-unstyled my-0 row list-features flex-nowrap flex-xl-wrap overflow-auto overflow-xl-visible">
<li class="col py-2 border-right border-color-white-o list-feature d-flex flex-shrink-0 flex-xl-shrink-1 min-width-400-d-lg">
<div class="media px-3 px-wd-4 m-auto">
<div class="feature__icon font-size-14 text-primary-yellow text-lh-xs">
<i class="glyph-icon flaticon-delivery"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3 text-white">Free Delivery</h4>
<p class="feature__subtitle m-0 text-white">Orders over $100</p>
</div>
</div>
</li>
<li class="col py-2 border-right border-color-white-o list-feature d-flex flex-shrink-0 flex-xl-shrink-1 min-width-400-d-lg">
<div class="media px-3 px-wd-4 m-auto">
<div class="feature__icon font-size-14 text-primary-yellow text-lh-xs">
<i class="glyph-icon flaticon-credit"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3 text-white">Secure Payment</h4>
<p class="feature__subtitle m-0 text-white">100% Secure Payment</p>
</div>
</div>
</li>
<li class="col py-2 border-right border-color-white-o list-feature d-flex flex-shrink-0 flex-xl-shrink-1 min-width-400-d-lg">
<div class="media px-3 px-wd-4 m-auto">
<div class="feature__icon font-size-14 text-primary-yellow text-lh-xs">
<i class="glyph-icon flaticon-warranty"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3 text-white">Money Back Guarantee</h4>
<p class="feature__subtitle m-0 text-white">Within 30 Days</p>
</div>
</div>
</li>
<li class="col py-2 list-feature d-flex flex-shrink-0 flex-xl-shrink-1 min-width-400-d-lg">
<div class="media px-3 px-wd-4 m-auto">
<div class="feature__icon font-size-14 text-primary-yellow text-lh-xs">
<i class="glyph-icon flaticon-help"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3 text-white">24/7 Support</h4>
<p class="feature__subtitle m-0 text-white">Within 1 Business Day</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- End Features Section -->
Icon Blocks #v3
-
Free Delivery
Orders over $100
-
Secure Payment
100% Secure Payment
-
Money Back Guarantee
Within 30 Days
-
24/7 Support
Within 1 Business Day
<!-- Features Section -->
<div class="site-features space-1d625 bg-dark-1">
<div class="container">
<ul class="list-unstyled my-0 list-features overflow-auto overflow-lg-visible d-flex align-items-center justify-content-between">
<li class="list-feature flex-shrink-0 flex-shrink-lg-1">
<div class="media d-block d-lg-flex text-center text-lg-left pr-5 pr-xl-0">
<div class="feature__icon font-size-14 text-primary text-lh-xs mb-3 mb-lg-0">
<i class="glyph-icon flaticon-delivery"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3 text-white">Free Delivery</h4>
<p class="feature__subtitle m-0 text-white">Orders over $100</p>
</div>
</div>
</li>
<li class="separator border-xl-left h-fixed-80 opacity-sm" aria-hidden="true" role="presentation"></li>
<li class="list-feature flex-shrink-0 flex-shrink-lg-1">
<div class="media d-block d-lg-flex text-center text-lg-left pr-5 pr-xl-0">
<div class="feature__icon font-size-14 text-primary text-lh-xs mb-3 mb-lg-0">
<i class="glyph-icon flaticon-credit"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3 text-white">Secure Payment</h4>
<p class="feature__subtitle m-0 text-white">100% Secure Payment</p>
</div>
</div>
</li>
<li class="separator border-xl-left h-fixed-80 opacity-sm" aria-hidden="true" role="presentation"></li>
<li class="list-feature flex-shrink-0 flex-shrink-lg-1">
<div class="media d-block d-lg-flex text-center text-lg-left pr-5 pr-xl-0">
<div class="feature__icon font-size-14 text-primary text-lh-xs mb-3 mb-lg-0">
<i class="glyph-icon flaticon-warranty"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3 text-white">Money Back Guarantee</h4>
<p class="feature__subtitle m-0 text-white">Within 30 Days</p>
</div>
</div>
</li>
<li class="separator border-xl-left h-fixed-80 opacity-sm" aria-hidden="true" role="presentation"></li>
<li class="list-feature flex-shrink-0 flex-shrink-lg-1">
<div class="media d-block d-lg-flex text-center text-lg-left pr-5 pr-xl-0">
<div class="feature__icon font-size-14 text-primary text-lh-xs mb-3 mb-lg-0">
<i class="glyph-icon flaticon-help"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3 text-white">24/7 Support</h4>
<p class="feature__subtitle m-0 text-white">Within 1 Business Day</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- End Features Section -->
Icon Blocks #v4
-
Free Delivery
Orders over $100
-
Secure Payment
100% Secure Payment
-
Money Back Guarantee
Within 30 Days
-
24/7 Support
Within 1 Business Day
<!-- Features Section -->
<div class="site-features border-bottom space-1d625">
<div class="container">
<ul class="list-unstyled my-0 list-features d-md-flex align-items-center justify-content-between">
<li class="list-feature">
<div class="media d-md-block d-xl-flex text-center text-xl-left pr-lg-5 pr-xl-0">
<div class="feature__icon font-size-14 text-primary text-lh-xs mb-md-3 mb-lg-0">
<i class="glyph-icon flaticon-delivery"></i>
</div>
<div class="media-body ml-xl-4">
<h4 class="feature__title font-size-3 text-dark">Free Delivery</h4>
<p class="feature__subtitle m-0 text-dark">Orders over $100</p>
</div>
</div>
</li>
<li class="separator border-xl-left h-fixed-80" aria-hidden="true" role="presentation"></li>
<li class="list-feature">
<div class="media d-md-block d-xl-flex text-center text-xl-left pr-lg-5 pr-xl-0">
<div class="feature__icon font-size-14 text-primary text-lh-xs mb-md-3 mb-lg-0">
<i class="glyph-icon flaticon-credit"></i>
</div>
<div class="media-body ml-xl-4">
<h4 class="feature__title font-size-3 text-dark">Secure Payment</h4>
<p class="feature__subtitle m-0 text-dark">100% Secure Payment</p>
</div>
</div>
</li>
<li class="separator border-xl-left h-fixed-80" aria-hidden="true" role="presentation"></li>
<li class="list-feature">
<div class="media d-md-block d-xl-flex text-center text-xl-left pr-lg-5 pr-xl-0">
<div class="feature__icon font-size-14 text-primary text-lh-xs mb-md-3 mb-lg-0">
<i class="glyph-icon flaticon-warranty"></i>
</div>
<div class="media-body ml-xl-4">
<h4 class="feature__title font-size-3 text-dark">Money Back Guarantee</h4>
<p class="feature__subtitle m-0 text-dark">Within 30 Days</p>
</div>
</div>
</li>
<li class="separator border-xl-left h-fixed-80" aria-hidden="true" role="presentation"></li>
<li class="list-feature">
<div class="media d-md-block d-xl-flex text-center text-xl-left pr-lg-5 pr-xl-0">
<div class="feature__icon font-size-14 text-primary text-lh-xs mb-md-3 mb-lg-0">
<i class="glyph-icon flaticon-help"></i>
</div>
<div class="media-body ml-xl-4">
<h4 class="feature__title font-size-3 text-dark">24/7 Support</h4>
<p class="feature__subtitle m-0 text-dark">Within 1 Business Day</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- End Features Section -->
Icon Blocks #v5
-
Free Delivery
Orders over $100
-
Secure Payment
100% Secure Payment
-
Money Back Guarantee
Within 30 Days
-
24/7 Support
Within 1 Business Day
<!-- Features Section -->
<div class="site-features space-2">
<div class="container">
<ul class="list-unstyled my-0 list-features overflow-auto d-flex align-items-center justify-content-between">
<li class="list-feature py-2 py-md-0 flex-shrink-0 flex-xl-shrink-1">
<div class="media flex-column align-items-center pr-5 pr-lg-0">
<div class="feature__icon font-size-14 text-tangerine text-lh-xs mb-3">
<i class="glyph-icon flaticon-delivery"></i>
</div>
<div class="media-body text-center ml-4 ml-lg-0">
<h4 class="feature__title font-size-3 text-dark">Free Delivery</h4>
<p class="feature__subtitle m-0 text-dark">Orders over $100</p>
</div>
</div>
</li>
<li class="list-feature py-2 py-md-0 flex-shrink-0 flex-xl-shrink-1">
<div class="media flex-column align-items-center pr-5 pr-lg-0">
<div class="feature__icon font-size-14 text-tangerine text-lh-xs mb-3">
<i class="glyph-icon flaticon-credit"></i>
</div>
<div class="media-body text-center">
<h4 class="feature__title font-size-3 text-dark">Secure Payment</h4>
<p class="feature__subtitle m-0 text-dark">100% Secure Payment</p>
</div>
</div>
</li>
<li class="list-feature py-2 py-md-0 flex-shrink-0 flex-xl-shrink-1">
<div class="media flex-column align-items-center pr-5 pr-lg-0">
<div class="feature__icon font-size-14 text-tangerine text-lh-xs mb-3">
<i class="glyph-icon flaticon-warranty"></i>
</div>
<div class="media-body text-center">
<h4 class="feature__title font-size-3 text-dark">Money Back Guarantee</h4>
<p class="feature__subtitle m-0 text-dark">Within 30 Days</p>
</div>
</div>
</li>
<li class="list-feature py-2 py-md-0 flex-shrink-0 flex-xl-shrink-1">
<div class="media flex-column align-items-center pr-5 pr-lg-0">
<div class="feature__icon font-size-14 text-tangerine text-lh-xs mb-3">
<i class="glyph-icon flaticon-help"></i>
</div>
<div class="media-body text-center">
<h4 class="feature__title font-size-3 text-dark">24/7 Support</h4>
<p class="feature__subtitle m-0 text-dark">Within 1 Business Day</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- End Features Section -->