Style 1
<div class="row">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="card card-style1">
<div class="card-body">
<div class="icon">
<img src="img/icons/icon-01.png" alt="...">
</div>
<h3 class="mb-3 h4"><a href="business-law.html">Business Law</a></h3>
<p class="mb-3 w-95 mx-auto">Our accomplished lawyer offer incredible preliminary planning.</p>
<a href="business-law.html" class="font-weight-500">Read more<i class="fas fa-long-arrow-alt-right align-middle ms-2 display-30"></i></a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-style1">
<div class="card-body">
<div class="icon">
<img src="img/icons/icon-02.png" alt="...">
</div>
<h3 class="mb-3 h4"><a href="criminal-law.html">Criminal Law</a></h3>
<p class="mb-3 w-95 mx-auto">Our accomplished lawyer offer incredible preliminary planning.</p>
<a href="criminal-law.html" class="font-weight-500">Read more<i class="fas fa-long-arrow-alt-right align-middle ms-2 display-30"></i></a>
</div>
</div>
</div>
</div>
Style 2
Request quote
Send us your request
Investigation
We will investigate about case
<div class="bg-secondary p-5">
<div class="row">
<div class="col-md-6 mb-1-9 mb-md-0">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="img/icons/icon-07.png" alt="...">
</div>
<div class="flex-grow-1 borders-start border-color-light-white ps-4 ms-3">
<h5 class="h6 text-white">Request quote</h5>
<p class="text-white mb-0 display-31 opacity9">Send us your request</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="img/icons/icon-08.png" alt="...">
</div>
<div class="flex-grow-1 borders-start border-color-light-white ps-4 ms-3">
<h5 class="h6 text-white">Investigation</h5>
<p class="text-white mb-0 display-31 opacity9">We will investigate about case</p>
</div>
</div>
</div>
</div>
</div>
Style 3
Good Repulation
We measure our prosperity by your prosperity
24 Hour Support
We measure our prosperity by your prosperity
Low Fees
We measure our prosperity by your prosperity
<div class="row mt-n1-9">
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="img/icons/icon-14.png" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h5">Good Repulation</h4>
<p class="mb-0 w-xl-95">We measure our prosperity by your prosperity</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="img/icons/icon-15.png" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h5">24 Hour Support</h4>
<p class="mb-0 w-xl-95">We measure our prosperity by your prosperity</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<img src="img/icons/icon-16.png" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h5">Low Fees</h4>
<p class="mb-0 w-xl-95">We measure our prosperity by your prosperity</p>
</div>
</div>
</div>
</div>
Style 4
Listen Problems
Step: 01.
The protection calling is one that accompanies great monetary prize.
Make Shorting
Step: 02.
The protection calling is one that accompanies great monetary prize.
Do Final Work
Step: 03.
The protection calling is one that accompanies great monetary prize.
<div class="row mt-n1-9">
<div class="col-md-4 mt-1-9">
<div class="process-style2">
<div class="icon"><img src="img/icons/icon-25.png" alt="...">
</div>
<h4 class="mb-3">Listen Problems</h4>
<h5><span class="fs-6 text-primary">Step: 01.</span></h5>
<p class="mb-0 w-md-95 mx-auto">The protection calling is one that accompanies great monetary prize.</p>
</div>
</div>
<div class="col-md-4 mt-1-9">
<div class="process-style2">
<div class="icon"><img src="img/icons/icon-24.png" alt="...">
</div>
<h4 class="mb-3">Make Shorting</h4>
<h5><span class="fs-6 text-primary">Step: 02.</span></h5>
<p class="mb-0 w-md-95 mx-auto">The protection calling is one that accompanies great monetary prize.</p>
</div>
</div>
<div class="col-md-4 mt-1-9">
<div class="process-style2">
<div class="icon"><img src="img/icons/icon-27.png" alt="...">
</div>
<h4 class="mb-3">Do Final Work</h4>
<h5><span class="fs-6 text-primary">Step: 03.</span></h5>
<p class="mb-0 w-md-95 mx-auto">The protection calling is one that accompanies great monetary prize.</p>
</div>
</div>
</div>
Style 5
01Professinal Service
We are always organized to serve you the great arrangement. Assisting clients with coping with the obligations of jogging an company in financial field.
02Reasonable Fees
We are always organized to serve you the great arrangement. Assisting clients with coping with the obligations of jogging an company in financial field.
<div class="row mt-n1-9">
<div class="col-lg-6 mt-1-9">
<div class="card card-style4 h-100">
<div class="card-body">
<div class="d-block d-sm-flex">
<div class="flex-shrink-0 mt-sm-2 mb-3 mb-lg-0">
<img src="img/icons/icon-10.png" alt="...">
</div>
<div class="flex-grow-1 ms-sm-1-9">
<h4 class="mb-3 text-primary"><span>01</span>Professinal Service</h4>
<p class="mb-0">We are always organized to serve you the great arrangement. Assisting clients with coping with the obligations of jogging an company in financial field.</p>
<span class="arrow fas fa-arrow-right"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-1-9">
<div class="card card-style4 h-100">
<div class="card-body">
<div class="d-block d-sm-flex">
<div class="flex-shrink-0 mt-sm-2 mb-3 mb-lg-0">
<img src="img/icons/icon-11.png" alt="...">
</div>
<div class="flex-grow-1 ms-sm-1-9">
<h4 class="mb-3 text-primary"><span>02</span>Reasonable Fees</h4>
<p class="mb-0">We are always organized to serve you the great arrangement. Assisting clients with coping with the obligations of jogging an company in financial field.</p>
<span class="arrow fas fa-arrow-right"></span>
</div>
</div>
</div>
</div>
</div>
</div>