<?
include('header.php');
?>
<!-- Page Title
============================================= -->
<section class="bg-overlay bg-overlay-gradient pb-0">
<div class="bg-section" >
<img src="assets/images/page-title/8.jpg" alt="Background"/>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="page-title title-1 text-center">
<div class="title-bg">
<h2>Our Projects</h2>
</div>
<ol class="breadcrumb">
<li>
<a href="/">Home</a>
</li>
<li class="active">work done by us</li>
</ol>
</div>
<!-- .page-title end -->
</div>
<!-- .col-md-12 end -->
</div>
<!-- .row end -->
</div>
<!-- .container end -->
</section>
<!-- Projects Section
============================================= -->
<section id="shotcode-1" class="shotcode-1 text-center-xs text-center-sm">
<div class="container">
<div class="row">
<div id="projects-all" class="row">
<div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
<div class="heading heading-3 text-center mb-0">
<div class="heading-bg">
<p class="mb-0">great & awesome works</p>
<h2>our projects</h2>
</div>
</div>
<!-- .heading end -->
</div>
<!-- .col-md-8 end -->
</div>
</div>
<!-- .container end -->
<div class="container-fluid">
<!-- Projects Item
============================================= -->
<div id="projects-all" class="row">
<!-- Project Item #1 -->
<div class="col-xs-12 col-sm-6 col-md-3 project-item interior gardening">
<div class="project-img">
<img class="" src="assets/images/projects/grid/f (1).jpg" style='width:400px;height:300px;'>
<div class="project-hover">
<div class="project-zoom">
<a class="img-popup" href="assets/images/projects/grid/f (1).jpg" title=""><i class="fa fa-plus"></i></a>
</div>
</div>
<!-- .project-hover end -->
</div>
<!-- .project-img end -->
</div>
<!-- .project-item end -->
<!-- Project Item #2 -->
<div class="col-xs-12 col-sm-6 col-md-3 project-item renovation landscaping">
<div class="project-img">
<img class="" src="assets/images/projects/grid/f (2).jpg" style='width:400px;height:300px;'>
<div class="project-hover">
<div class="project-zoom">
<a class="img-popup" href="assets/images/projects/grid/f (2).jpg" title=""><i class="fa fa-plus"></i></a>
</div>
</div>
<!-- .project-hover end -->
</div>
<!-- .project-img end -->
</div>
<!-- .project-item end -->
<!-- Project Item #3 -->
<div class="col-xs-12 col-sm-6 col-md-3 project-item interior landscaping">
<div class="project-img">
<img class="" src="assets/images/projects/grid/f (3).jpg" style='width:400px;height:300px;'>
<div class="project-hover">
<div class="project-zoom">
<a class="img-popup" href="assets/images/projects/grid/f (3).jpg" title=""><i class="fa fa-plus"></i></a>
</div>
</div>
<!-- .project-hover end -->
</div>
<!-- .project-img end -->
</div>
<!-- .project-item end -->
<!-- Project Item #4 -->
<div class="col-xs-12 col-sm-6 col-md-3 project-item architecture">
<div class="project-img">
<img class="" src="assets/images/projects/grid/f (4).jpg" style='width:400px;height:300px;'>
<div class="project-hover">
<div class="project-zoom">
<a class="img-popup" href="assets/images/projects/grid/f (4).jpg" title=""><i class="fa fa-plus"></i></a>
</div>
</div>
<!-- .project-hover end -->
</div>
<!-- .project-img end -->
</div>
<!-- .project-item end -->
<!-- Project Item #5 -->
<div class="col-xs-12 col-sm-6 col-md-3 project-item interior">
<div class="project-img">
<img class="" src="assets/images/projects/grid/f (5).jpg" style='width:400px;height:300px;'>
<div class="project-hover">
<div class="project-zoom">
<a class="img-popup" href="assets/images/projects/grid/f (5).jpg" title=""><i class="fa fa-plus"></i></a>
</div>
</div>
<!-- .project-hover end -->
</div>
<!-- .project-img end -->
</div>
<!-- .project-item end -->
<!-- Project Item #6 -->
<div class="col-xs-12 col-sm-6 col-md-3 project-item interior">
<div class="project-img">
<img class="" src="assets/images/projects/grid/f (6).jpg"style='width:400px;height:300px;'>
<div class="project-hover">
<div class="project-zoom">
<a class="img-popup" href="assets/images/projects/grid/f (6).jpg" title=""><i class="fa fa-plus"></i></a>
</div>
</div>
<!-- .project-hover end -->
</div>
<!-- .project-img end -->
</div>
<!-- .project-item end -->
<!-- Project Item #7 -->
<div class="col-xs-12 col-sm-6 col-md-3 project-item interior">
<div class="project-img">
<img class="" src="assets/images/projects/grid/f (7).jpg" style='width:400px;height:300px;'>
<div class="project-hover">
<div class="project-zoom">
<a class="img-popup" href="assets/images/projects/grid/f (7).jpg" title=""><i class="fa fa-plus"></i></a>
</div>
</div>
<!-- .project-hover end -->
</div>
<!-- .project-img end -->
</div>
<!-- .project-item end -->
<!-- Project Item #8 -->
<div class="col-xs-12 col-sm-6 col-md-3 project-item architecture">
<div class="project-img">
<img class="" src="assets/images/projects/grid/f (8).jpg" style='width:400px;height:300px;'>
<div class="project-hover">
<div class="project-zoom">
<a class="img-popup" href="assets/images/projects/grid/f (8).jpg" title=""><i class="fa fa-plus"></i></a>
</div>
</div>
<!-- .project-hover end -->
</div>
<!-- .project-img end -->
</div>
<!-- .project-item end -->
</div>
<!-- .row end -->
</div>
<!-- .container end -->
</section>
<?
include('footer.php');
?>