Style 1
<div class="row mt-n1-9 pt-1-6">
<div class="col-sm-6 col-xl-4 mt-1-9 wow fadeInUp" data-wow-delay="200ms">
<div class="card card-style1">
<div class="card-body">
<span class="mb-4 d-block"><img src="img/icons/icon-01-dark.png" alt="..."></span>
<h3 class="h5 mb-3 mt-2"><a href="#!">Air Freight</a></h3>
<div class="card-info">
<p class="mb-0">The services of our company to fulfill the expectations of our great customers.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4 mt-1-9 wow fadeInUp" data-wow-delay="400ms">
<div class="card card-style1">
<div class="card-body">
<span class="mb-4 d-block"><img src="img/icons/icon-02-dark.png" alt="..."></span>
<h3 class="h5 mb-3 mt-2"><a href="#!">Road Freight</a></h3>
<div class="card-info">
<p class="mb-0">The services of our company to fulfill the expectations of our great customers.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4 mt-1-9 wow fadeInUp" data-wow-delay="600ms">
<div class="card card-style1">
<div class="card-body">
<span class="mb-4 d-block"><img src="img/icons/icon-03-dark.png" alt="..."></span>
<h3 class="h5 mb-3 mt-2"><a href="#!">Ocean Freight</a></h3>
<div class="card-info">
<p class="mb-0">The services of our company to fulfill the expectations of our great customers.</p>
</div>
</div>
</div>
</div>
</div>
Style 2
<div class="row mt-n4 text-center">
<div class="col-sm-6 col-lg-3 mt-4 wow fadeInUp text-center" data-wow-delay="200ms">
<img src="img/icons/icon-10.png" alt="..." class="mb-3">
<a href="services.html">
<h3 class="h5 mb-0">Road Freight</h3>
</a>
</div>
<div class="col-sm-6 col-lg-3 mt-4 wow fadeInUp" data-wow-delay="350ms">
<img src="img/icons/icon-07.png" alt="..." class="mb-3">
<a href="services.html">
<h3 class="h5 mb-0">Air Freight</h3>
</a>
</div>
<div class="col-sm-6 col-lg-3 mt-4 wow fadeInUp" data-wow-delay="500ms">
<img src="img/icons/icon-08.png" alt="..." class="mb-3">
<a href="services.html">
<h3 class="h5 mb-0">Ocean Freight</h3>
</a>
</div>
<div class="col-sm-6 col-lg-3 mt-4 wow fadeInUp" data-wow-delay="650ms">
<img src="img/icons/icon-09.png" alt="..." class="mb-3">
<a href="services.html">
<h3 class="h5 mb-0">Rail Freight</h3>
</a>
</div>
</div>
Style 3
1
Select Freight
International deliver chains includes difficult regulations.
Select Invoice
International deliver chains includes difficult regulations.
2
3
Secure Payment
International deliver chains includes difficult regulations.
<div class="row mt-n1-9 text-center">
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="process-style1 bottom-line text-center px-xl-1-9">
<div class="proc-icon">
<div class="icon">
<img src="img/icons/icon-17-white.png" alt="...">
</div>
</div>
<div class="proc-line">
<span>1</span>
</div>
<h3 class="h5">Select Freight</h3>
<p class="mb-0 display-30">International deliver chains includes difficult regulations.</p>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="process-style1 bottom-line top-line px-xl-1-9 text-center">
<h3 class="h5">Select Invoice</h3>
<p class="mb-0 display-30">International deliver chains includes difficult regulations.</p>
<div class="proc-line">
<span>2</span>
</div>
<div class="proc-icon">
<div class="icon">
<img src="img/icons/icon-18-white.png" alt="...">
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-1-9">
<div class="process-style1 bottom-line text-center px-xl-1-9">
<div class="proc-icon">
<div class="icon">
<img src="img/icons/icon-19-white.png" alt="...">
</div>
</div>
<div class="proc-line">
<span>3</span>
</div>
<h3 class="h5">Secure Payment</h3>
<p class="mb-0 display-30">International deliver chains includes difficult regulations.</p>
</div>
</div>
</div>