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 g-0 box-shadow-01 rounded">
<div class="col-lg-4">
<div class="card card-style6 cover-background border-0 border-bottom border-lg-bottom-0 bg-img h-100 rounded-0" data-background="img/content/info-01.jpg">
<div class="card-body z-index-2">
<div class="content border-lg-end px-1-9 first">
<img src="img/icons/icon-04.png" class="mb-1-6 mb-xl-2-3" alt="...">
<h4 class="mb-2">Residential</h4>
<p class="mb-1-9">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>
</div>
<div class="col-lg-4">
<div class="card card-style6 cover-background border-0 border-bottom border-lg-bottom-0 bg-img h-100 rounded-0" data-background="img/content/info-02.jpg">
<div class="card-body z-index-2">
<div class="content border-lg-end px-1-9">
<img src="img/icons/icon-05.png" class="mb-1-6 mb-xl-2-3" alt="...">
<h4 class="mb-2">Corporate</h4>
<p class="mb-1-9">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>
</div>
<div class="col-lg-4">
<div class="card card-style6 cover-background border-0 bg-img h-100 rounded-0 rounded-end" data-background="img/content/info-03.jpg">
<div class="card-body z-index-2 rounded-end">
<div class="content px-1-9">
<img src="img/icons/icon-06.png" class="mb-1-6 mb-xl-2-3" alt="...">
<h4 class="mb-2">Industrial</h4>
<p class="mb-1-9">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>
</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>