Style 01
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9>
<div class="card-style-02 h-100">
<div class="d-flex">
<div class="flex-shrink-0">
<div class="card-icon">
<img src="img/icons/01.png" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-3 ms-lg-4">
<h3 class="h5 mb-3"><a href="information-security.html">Information Security</a></h3>
<p class="mb-3">We focus on the best practices for it solutions and services.</p>
<a href="#!">Read more <i class="ti-arrow-right align-middle ms-1"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9>
<div class="card-style-02 h-100">
<div class="d-flex">
<div class="flex-shrink-0">
<div class="card-icon">
<img src="img/icons/02.png" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-3 ms-lg-4">
<h3 class="h5 mb-3"><a href="mobile-platforms.html">Mobile Platforms</a></h3>
<p class="mb-3">We focus on the best practices for it solutions and services.</p>
<a href="#!">Read more <i class="ti-arrow-right align-middle ms-1"></i></a>
</div>
</div>
</div>
</div>
</div>
Style 02
Contact Us
(44) 123-456-789
Mail Us
info@yourdomain.com
<div class="bg-secondary p-1-9">
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="img/icons/07.png" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-white">Contact Us</p>
<h3 class="mb-0 h5 text-white">(44) 123-456-789</h3>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="d-flex align-items-center text-lg-end">
<div class="flex-grow-1 ms-3 ms-lg-0 me-lg-3 order-2 order-lg-1">
<p class="mb-0 text-white">Mail Us</p>
<h3 class="mb-0 h5 text-white">info@yourdomain.com</h3>
</div>
<div class="flex-shrink-0 order-1 order-lg-2">
<img src="img/icons/08.png" alt="...">
</div>
</div>
</div>
</div>
</div>
