176 lines
9.0 KiB
PHP
176 lines
9.0 KiB
PHP
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
|
|
<head>
|
|
|
|
<!-- CSS here -->
|
|
<?php include 'commonfiles/link.php' ?>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<!-- preloader -->
|
|
<div id="preloader">
|
|
<div class="preloader">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<!-- preloader end -->
|
|
|
|
<!-- back to top start -->
|
|
<div class="progress-wrap">
|
|
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
|
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
|
</svg>
|
|
</div>
|
|
<!-- back to top end -->
|
|
|
|
<!-- header area start here -->
|
|
<?php include 'commonfiles/header.php' ?>
|
|
|
|
<!-- header area end here -->
|
|
<main>
|
|
|
|
<!-- page title area start here -->
|
|
<div class="page-title-area pt-210 pb-180" data-background="assets/img/bg/page-banner.jpg">
|
|
<div class="container">
|
|
<div class="page-title-icon">
|
|
<i class="flaticon-air-conditioner hero__icon hero__icon1"></i>
|
|
<i class="flaticon-heating hero__icon hero__icon2"></i>
|
|
<i class="flaticon-vacuum-cleaner hero__icon hero__icon3"></i>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title text-center">
|
|
<h2 class="breadcrumb-title">our Projects</h2>
|
|
<div class="breadcrumb-menu">
|
|
<nav class="breadcrumb-trail breadcrumbs">
|
|
<ul class="trail-items">
|
|
<li class="trail-item trail-begin"><a href="index.html">Home</a>
|
|
</li>
|
|
<li class="trail-item trail-end"><span>Our Projects</span></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- page title area end here -->
|
|
|
|
<section class="portfolio-area pt-120 pb-80">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-12">
|
|
<div class="section-title-wrapper text-center mb-70 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
|
|
<h6 class="subtitle subtitle-border mb-20">Latest Projects</h6>
|
|
<h2 class="section-title">Our Recent Projects</h2>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row aportfolio-active" style="position: relative; height: 998.438px;">
|
|
<div class="col-xl-4 col-md-6 grid-item cat1 cat3" style="position: absolute; left: 0%; top: 0px;">
|
|
<div class="aportfolio mb-40 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
|
|
<div class="aportfolio__img">
|
|
<img src="assets/img/portfolio/portfolio-img-1.jpg" class="img-fluid" alt="img">
|
|
<div class="aportfolio__img--icon">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="aportfolio__text aportfolio__inner--text z-index">
|
|
<span>Cleaning Service</span>
|
|
<h4 class="aportfolio__text--title"><a href="project-details.html">AC Dust Cleaning</a></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-md-6 grid-item cat2 cat3" style="position: absolute; left: 33.3333%; top: 0px;">
|
|
<div class="aportfolio mb-40 wow fadeInUp" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
|
|
<div class="aportfolio__img">
|
|
<img src="assets/img/portfolio/portfolio-img-2.jpg" class="img-fluid" alt="img">
|
|
<div class="aportfolio__img--icon">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="aportfolio__text aportfolio__inner--text z-index">
|
|
<span>Repair Service</span>
|
|
<h4 class="aportfolio__text--title"><a href="project-details.html">Repairman Checking</a></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-md-6 grid-item cat1 cat3" style="position: absolute; left: 66.6667%; top: 0px;">
|
|
<div class="aportfolio mb-40 wow fadeInUp" data-wow-delay=".9s" style="visibility: visible; animation-delay: 0.9s; animation-name: fadeInUp;">
|
|
<div class="aportfolio__img">
|
|
<img src="assets/img/portfolio/portfolio-img-3.jpg" class="img-fluid" alt="img">
|
|
<div class="aportfolio__img--icon">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="aportfolio__text aportfolio__inner--text z-index">
|
|
<span>Quality Service</span>
|
|
<h4 class="aportfolio__text--title"><a href="project-details.html">Checking Quality</a></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-md-6 grid-item cat2 cat3" style="position: absolute; left: 0%; top: 499px;">
|
|
<div class="aportfolio mb-40 wow fadeInUp" data-wow-delay="1.2s" style="visibility: visible; animation-delay: 1.2s; animation-name: fadeInUp;">
|
|
<div class="aportfolio__img">
|
|
<img src="assets/img/portfolio/portfolio-img-4.jpg" class="img-fluid" alt="img">
|
|
<div class="aportfolio__img--icon">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="aportfolio__text aportfolio__inner--text z-index">
|
|
<span>Cleaning Service</span>
|
|
<h4 class="aportfolio__text--title"><a href="project-details.html">Repair & Cleaning</a></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-md-6 grid-item cat1" style="position: absolute; left: 33.3333%; top: 499px;">
|
|
<div class="aportfolio mb-40 wow fadeInUp" data-wow-delay="1.5s" style="visibility: visible; animation-delay: 1.5s; animation-name: fadeInUp;">
|
|
<div class="aportfolio__img">
|
|
<img src="assets/img/portfolio/portfolio-img-5.jpg" class="img-fluid" alt="img">
|
|
<div class="aportfolio__img--icon">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="aportfolio__text aportfolio__inner--text z-index">
|
|
<span>Repair Conditioner</span>
|
|
<h4 class="aportfolio__text--title"><a href="project-details.html">Emergency Repair</a></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-md-6 grid-item cat2" style="position: absolute; left: 66.6667%; top: 499px;">
|
|
<div class="aportfolio mb-40 wow fadeInUp" data-wow-delay="1.8s" style="visibility: visible; animation-delay: 1.8s; animation-name: fadeInUp;">
|
|
<div class="aportfolio__img">
|
|
<img src="assets/img/portfolio/portfolio-img-6.jpg" class="img-fluid" alt="img">
|
|
<div class="aportfolio__img--icon">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="aportfolio__text aportfolio__inner--text z-index">
|
|
<span>Cleaning Service</span>
|
|
<h4 class="aportfolio__text--title"><a href="project-details.html">AC Dust Cleaning</a></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<!-- footer area start here -->
|
|
<?php include 'commonfiles/footer.php' ?>
|
|
<!-- footer area end here -->
|
|
|
|
|
|
<!-- JS here -->
|
|
<?php include 'commonfiles/script.php' ?>
|
|
</body>
|
|
|
|
</html>
|