Style 01
Certified & Awards winner
Best Quality Service
<div class="row mt-n4">
<div class="col-md-6 mt-4">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="img/icons/01.png" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h4 class="mb-0 h5">Certified & Awards winner</h4>
</div>
</div>
</div>
<div class="col-md-6 mt-4">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="img/icons/02.png" alt="...">
</div>
<div class="flex-grow-1 ms-3">
<h4 class="mb-0 h5">Best Quality Service</h4>
</div>
</div>
</div>
</div>
Style 02
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="card-style1">
<div class="card-main-img">
<div class="card-border"></div>
<div class="card-icon">
<img src="img/icons/03.png" alt="...">
</div>
<div class="card-image">
<img src="img/service/service-01.jpg" alt="...">
</div>
</div>
<div class="card-content">
<h3 class="mb-2 h5"><a href="#!">Apartment Design</a></h3>
<a href="#!">Read more <i class="ti-arrow-right align-middle ms-1"></i></a>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="card-style1">
<div class="card-main-img">
<div class="card-border"></div>
<div class="card-icon">
<img src="img/icons/04.png" alt="...">
</div>
<div class="card-image">
<img src="img/service/service-02.jpg" alt="...">
</div>
</div>
<div class="card-content">
<h3 class="mb-2 h5"><a href="#!">Expert Mechanical</a></h3>
<a href="#!">Read more <i class="ti-arrow-right align-middle ms-1"></i></a>
</div>
</div>
</div>
</div>
Style 03
01
Client Needs
02
Planning Design
03
Start Bulding
<div class="row mt-n1-9 text-center">
<div class="col-lg-4 col-md-6 mt-1-9">
<div class="process-style1 position-relative">
<div class="process-icon">
<div class="process-img">
<img src="img/icons/17.png" alt="...">
<div class="tag">01</div>
</div>
</div>
<h4 class="mb-0">Client Needs</h4>
<img src="img/content/arrow01.png" class="arrow" alt="...">
</div>
</div>
<div class="col-lg-4 col-md-6 mt-1-9">
<div class="process-style1 position-relative">
<div class="process-icon">
<div class="process-img">
<img src="img/icons/18.png" alt="...">
<div class="tag">02</div>
</div>
</div>
<h4 class="mb-0">Planning Design</h4>
<img src="img/content/arrow01.png" class="arrow" alt="...">
</div>
</div>
<div class="col-lg-4 col-md-6 mt-1-9">
<div class="process-style1 position-relative">
<div class="process-icon">
<div class="process-img">
<img src="img/icons/20.png" alt="...">
<div class="tag">03</div>
</div>
</div>
<h4 class="mb-0">Start Bulding</h4>
</div>
</div>
</div>
Style 04
Design and Build
An ideal mix of involvement and skill to further our focus on technology.
Efficient Engineers
An ideal mix of involvement and skill to further our focus on technology.
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<div class="service-icon">
<img src="img/icons/11.png" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-3">
<h3 class="h5">Design and Build</h3>
<p class="mb-0">An ideal mix of involvement and skill to further our focus on technology.</p>
</div>
</div>
</div>
<div class="col-md-6 mt-1-9">
<div class="d-flex">
<div class="flex-shrink-0">
<div class="service-icon">
<img src="img/icons/12.png" alt="...">
</div>
</div>
<div class="flex-grow-1 ms-3">
<h3 class="h5">Efficient Engineers</h3>
<p class="mb-0">An ideal mix of involvement and skill to further our focus on technology.</p>
</div>
</div>
</div>
</div>
Style 05
Expert Mechanical
Facility to produce simply advance work various industrial applications.
Read more
<div class="bg-secondary p-4">
<div class="row mt-n2-9">
<div class="col-lg-6 col-lg-4 mt-2-9 wow fadeIn" data-wow-delay="200ms">
<div class="position-relative p-xl-4">
<div class="ps-4 pt-4 position-relative z-index-9">
<h3 class="h4"><a href="apartment-design.html" class="text-white text-primary-hover">Apartment Design</a></h3>
<p class="text-white">Facility to produce simply advance work various industrial applications.</p>
<a href="apartment-design.html" class="text-primary text-white-hover">Read more <i class="ti-arrow-right align-middle ms-1"></i></a>
</div>
<span class="position-absolute top-0 left-0">
<img src="img/icons/23.png" alt="..." class="opacity2">
</span>
</div>
</div>
<div class="col-lg-6 col-lg-4 mt-2-9 wow fadeIn" data-wow-delay="350ms">
<div class="position-relative p-xl-4">
<div class="ps-4 pt-4 position-relative z-index-9">
<h3 class="h4"><a href="expert-mechanical.html" class="text-white text-primary-hover">Expert Mechanical</a></h3>
<p class="text-white">Facility to produce simply advance work various industrial applications.</p>
<a href="expert-mechanical.html" class="text-primary text-white-hover">Read more <i class="ti-arrow-right align-middle ms-1"></i></a>
</div>
<span class="position-absolute top-0 left-0">
<img src="img/icons/24.png" alt="..." class="opacity2">
</span>
</div>
</div>
</div>
</div>
For all your construction needs!
