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="#!">空运</a></h3>
<div class="card-info">
<p class="mb-0">我们公司的服务满足了我们伟大客户的期望。</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="#!">公路货运</a></h3>
<div class="card-info">
<p class="mb-0">我们公司的服务满足了我们伟大客户的期望。</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="#!">海运</a></h3>
<div class="card-info">
<p class="mb-0">我们公司的服务满足了我们伟大客户的期望。</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">公路货运</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">空运</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">海运</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">铁路货运</h3>
</a>
</div>
</div>
Style 3
1
选择仓库
International deliver chains includes difficult regulations.
选择渠道
International deliver chains includes difficult regulations.
2
3
安全支付
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">选择仓库</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">选择渠道</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">安全支付</h3>
<p class="mb-0 display-30">International deliver chains includes difficult regulations.</p>
</div>
</div>
</div>