Icon With Text
- Home
- Icon With Text
Style 1
Video Intercoms
Latest technology of best security system.
New Technology
Latest technology of best security system.
Access Control
Latest technology of best security system.
<div class="row mt-n1-9">
<div class="col-sm-4 mt-1-9">
<div class="text-center text-sm-start">
<img src="img/icons/icon-01.png" class="mb-3" alt="...">
<h4 class="h5">Video Intercoms</h4>
<p class="mb-0">Latest technology of best security system.</p>
</div>
</div>
<div class="col-sm-4 mt-1-9">
<div class="text-center text-sm-start">
<img src="img/icons/icon-02.png" class="mb-3" alt="...">
<h4 class="h5">New Technology</h4>
<p class="mb-0">Latest technology of best security system.</p>
</div>
</div>
<div class="col-sm-4 mt-1-9">
<div class="text-center text-sm-start">
<img src="img/icons/icon-03.png" class="mb-3" alt="...">
<h4 class="h5">Access Control</h4>
<p class="mb-0">Latest technology of best security system.</p>
</div>
</div>
</div>
Style 2
<div class="row mt-n1-6 mb-1-6">
<div class="col-md-4 mt-1-6">
<div class="shadow p-4 h-100">
<div class="mb-4">
<img src="img/icons/icon-04.png" alt="...">
</div>
<h4 class="h5 mb-2">Residential</h4>
<p>You can watch and control from anywhere and anytime.</p>
<a href="our-services.html" class="font-weight-500 link-dark-hover">Read More ⟶</a>
</div>
</div>
<div class="col-md-4 mt-1-6">
<div class="shadow p-4 h-100">
<div class="mb-4">
<img src="img/icons/icon-05.png" alt="...">
</div>
<h4 class="h5 mb-2">Corporate</h4>
<p>You can watch and control from anywhere and anytime.</p>
<a href="our-services.html" class="font-weight-500 link-white-hover">Read More ⟶</a>
</div>
</div>
<div class="col-md-4 mt-1-6">
<div class="shadow p-4 h-100">
<div class="mb-4">
<img src="img/icons/icon-06.png" alt="...">
</div>
<h4 class="h5 mb-2">Industrial</h4>
<p>You can watch and control from anywhere and anytime.</p>
<a href="our-services.html" class="font-weight-500 link-white-hover">Read More ⟶</a>
</div>
</div>
</div>
Style 3
We Quality Industrial
Best Manufacturing
Latest Technology
<div class="row mt-n1-9">
<div class="col-sm-6 col-md-4 mt-1-9">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="img/icons/icon-30.png" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h6 mb-0">We Quality Industrial</h4>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 mt-1-9">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="img/icons/icon-31.png" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h6 mb-0">Best Manufacturing</h4>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 mt-1-9">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="img/icons/icon-32.png" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h4 class="h6 mb-0">Latest Technology</h4>
</div>
</div>
</div>
</div>
Style 4
<div class="bg-dark p-1-9">
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="card-style9">
<div class="card-body">
<span class="big-text">01</span>
<div class="icon-box"><img src="img/icons/icon-08.png" alt="..."></div>
<h3 class="position-relative pb-3 mb-4 h5"><a href="finger-print-access.html" class="text-white">Finger Print Access</a></h3>
<p class="mb-0 text-white opacity7">We specialize in planning, installation, and repair of full range security.</p>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="card-style9">
<div class="card-body">
<span class="big-text">02</span>
<div class="icon-box"><img src="img/icons/icon-09.png" alt="..."></div>
<h3 class="position-relative pb-3 mb-4 h5"><a href="cctv-installation.html" class="text-white">CCTV Installation</a></h3>
<p class="mb-0 text-white opacity7">We specialize in planning, installation, and repair of full range security.</p>
</div>
</div>
</div>
</div>
</div>
