<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="text" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="style/images/favicon.png">
<title>Construction</title>
<link rel="stylesheet" type="text/css" href="style/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style/css/plugins.css">
<link rel="stylesheet" type="text/css" href="style/revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="style/revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="style/revolution/css/navigation.css">
<link rel="stylesheet" type="text/css" href="style/type/icons.css">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="stylesheet" type="text/css" href="style/css/color/yellow.css">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="content-wrapper">

  
<nav class="navbar center">
     <div class="top-bar gray-wrapper">
      <div class="container flex-it">
        <div class="">
          <ul class="icon-list list-inline mb-0 color-white">
            <li><i class="et-old-phone icon-color"></i> CALL US: +00 (123) 456 78 90 </li>
            <li><i class="et-mail icon-color"></i> <a href="mailto:first.last@email.com" class="nocolor">MAIL US: first.last@email.com</a> </li>
          </ul>
        </div>
        <!--/.align-left -->
        <!--/.align-right -->
      </div>
      <!--/.container -->
    </div>
    <!--/.top-bar -->
    <div class="container">
      <div class="flex-it">
        <div class="navbar-header visible-xs visible-sm">
          <div class="navbar-brand"><a href="index.html"><img src="#" srcset="images/logo.png" alt="" /></a></div>
          <div class="nav-bars-wrapper">
            <div class="nav-bars-inner">
              <div class="nav-bars" data-toggle="collapse" data-target=".navbar-collapse"><span></span></div>
            </div>
            <!-- /.nav-bars-inner --> 
          </div>
          <!-- /.nav-bars-wrapper -->
          <div class="navbar-other">
            <ul class="nav">
              <li>
                <div class="btn-group btn-search"> <a href="#" data-toggle="dropdown" class="nav-link"><i class="et-magnifying-glass"></i></a>
                  <div class="dropdown-menu dropdown-menu-right">
                    <form class="search-form">
                      <div class="form-group mb-0">
                        <input type="text" class="form-control" placeholder="Search something">
                      </div>
                      <!-- /.form-group -->
                    </form>
                    <!-- /.search-form --> 
                  </div>
                  <!-- /.dropdown-menu --> 
                </div>
                <!-- /.btn-group --></li>
              <li>
                <div class="btn-group btn-cart"> <a href="#" data-toggle="dropdown" class="nav-link"><i class="et-shopping-basket"></i><span class="badge-s bg-default">3</span></a>
                  <div class="dropdown-menu dropdown-menu-right">
                    <h4>Shopping Cart</h4>
                    <ul class="image-list">
                      <li>
                        <figure class="overlay overlay1"><a href="blog-post.html"></a> <img src="style/images/art/hs1.jpg" alt="" />
                          <figcaption><i class="et-link from-top icon-xs"></i></figcaption>
                        </figure>
                        <div class="post-content">
                          <h6 class="post-title"> <a href="blog-post.html">Fermentum Justo</a> </h6>
                          <div class="meta price"><em class="quantity">1</em><span class="amount">$45.00</span></div>
                        </div>
                      </li>
                      <li>
                        <figure class="overlay overlay1"> <a href="blog-post.html"></a><img src="style/images/art/hs2.jpg" alt="" />
                          <figcaption><i class="et-link from-top icon-xs"></i></figcaption>
                        </figure>
                        <div class="post-content">
                          <h6 class="post-title"> <a href="blog-post.html">Adipiscing Fermentum Etiam</a> </h6>
                          <div class="meta price"><em class="quantity">2</em><span class="amount">$45.00</span></div>
                        </div>
                      </li>
                      <li>
                        <figure class="overlay overlay1"><a href="blog-post.html"> </a><img src="style/images/art/hs3.jpg" alt="" />
                          <figcaption><i class="et-link from-top icon-xs"></i></figcaption>
                        </figure>
                        <div class="post-content">
                          <h6 class="post-title"> <a href="blog-post.html">Risus Cursus Consectetur</a> </h6>
                          <div class="meta price"><em class="quantity">1</em><span class="amount">$45.00</span></div>
                        </div>
                      </li>
                    </ul>
                    <!-- /.image-list -->
                    <hr class="pt-20 mb-20" />
                    <div class="pull-left">
                      <h6 class="mb-0">Total:</h6>
                      <div class="meta price mb-0"><span class="amount">$45.00</span></div>
                    </div>
                    <!-- /.pull-left -->
                    <div class="pull-right"> <a href="#" class="btn btn-rounded mb-0">Checkout</a> </div>
                    <!-- /.pull-right --> 
                  </div>
                  <!-- /.dropdown-menu --> 
                </div>
                <!-- /.btn-group --></li>
            </ul>
          </div>
          <!-- /.navbar-other --> 
        </div>
        <!-- /.nav-header -->
        <div class="navbar-collapse collapse flex-it">
          <div class="align-left">
                      <ul class="nav navbar-nav text-uppercase"  >
            <li><a href="index1.php">Home</a>
              <!--/.dropdown-menu --> 
            </li>
            <li><a href="about.php">About Us</a>
            </li>
            
            <li><a href="rooms.php">Project</a>
            </li>
            
             <li><a href="meeting.php">Service</a>
            </li>
                      </ul>
            <!--/.navbar-nav --> 
          </div>
          <!--/.align-left -->
          <div class="navbar-brand align-center hidden-xs hidden-sm"><a href="index.html"><img src="#" srcset="images/logo.png" alt="" /></a></div>
          <div class="align-right text-right">
             <ul class="nav navbar-nav text-uppercase"  >
            <li ><a href="gallery.php">Gallery </a>        
            </li>
            
            <li ><a href="#">Blogs </a>
              
            </li>
       
            <li><a href="contact.php">Contact Us</a>
              <!--/.dropdown-menu --> 
            </li>
      
          </ul>
            <!--/.navbar-nav -->
            
          </div>
          <!--/.align-right --> 
        </div>
        <!--/.nav-collapse -->
        <!-- /.navbar-other --> 
      </div>
      <!--/.flex-it --> 
    </div>
    <!--/.container --> 
  </nav>

  
  <div class="rev_slider_wrapper fullscreen-container">
    <div id="slider4" class="rev_slider fullscreenbanner rs-nav-dark" data-version="5.4.1">
      <ul>
        <li data-transition="fade" data-nav-color="color-white"><img src="images/slider.jpg" alt="" />
          <div class="tp-caption w-regular color-white text-center" 
	        data-x="center"
			data-y="middle" 
			data-voffset="['-70','-70','-70','-90']"
			data-fontsize="['50','50','50','36']"
			data-lineheight="['60','60','60','46']"
			data-width="['1100','980','700','450']"
			data-textAlign="['center','center','center','center']"
			data-whitespace="['normal','normal','normal','normal']"
			data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1000,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
			data-responsive="on" 
			data-responsive_offset="on" 
			style="z-index: 9;">Solution For Construction Plan</div>
         
          <a class="tp-caption btn btn-border btn-rounded btn-l btn-yellow font25" 
			data-x="center" 
			data-y="middle" 
			data-voffset="['75','75','75','75']"
			data-width="['auto','auto','auto','auto']"
			data-textAlign="['center','center','center','center']"
			data-frames='[{"delay":2000,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[175%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
			data-responsive="on" 
			data-responsive_offset="on" 
			style="z-index: 9;" href="#">Contact Us</a> </li>
        
        <li data-transition="fade" data-nav-color="color-white"><img src="images/slider2.jpg" alt="" />
          <div class="tp-caption w-regular color-white text-center" 
	        data-x="center"
			data-y="middle" 
			data-voffset="['-70','-70','-70','-90']"
			data-fontsize="['50','50','50','36']"
			data-lineheight="['60','60','60','46']"
			data-width="['1100','980','700','450']"
			data-textAlign="['center','center','center','center']"
			data-whitespace="['normal','normal','normal','normal']"
			data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1000,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
			data-responsive="on" 
			data-responsive_offset="on" 
			style="z-index: 9;">Solution For Construction Plan</div>

          <a class="tp-caption btn btn-border btn-rounded btn-l btn-yellow font25" 
			data-x="center" 
			data-y="middle" 
			data-voffset="['75','75','75','75']"
			data-width="['auto','auto','auto','auto']"
			data-textAlign="['center','center','center','center']"
			data-frames='[{"delay":2000,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":1000,"frame":"999","to":"y:[175%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
			data-responsive="on" 
			data-responsive_offset="on" 
			style="z-index: 9;" href="#">Contact Us</a> </li>       
      </ul>
      <div class="tp-bannertimer tp-bottom"></div>
    </div>
  </div>
  
    <div class="wrapper light-wrapper">
    <div class="container inner">
      <h2 class="section-title mb-20 text-center section-title-line ">OUR SERVICES</h2>
      <div class="row text-center">
        <div class="col-sm-4"> <span class="icon icon-bg icon-m mb-20"><i class="si-construction_crane-3"></i></span>
          <h5>CONSTRUCTION</h5>
          <p>Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo odio dapibus ac facilisis in egestas eget quam.</p>
        </div>
        <!--/column -->
        <div class="col-sm-4"> <span class="icon icon-bg icon-m mb-20"><i class="si-furniture_stairway-2"></i></span>
          <h5>ROOFING</h5>
          <p>Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo odio dapibus ac facilisis in egestas eget quam.</p>
        </div>
        <!--/column -->
        <div class="col-sm-4"> <span class="icon icon-bg icon-m mb-20"><i class="si-construction_hammer-2"></i></span>
          <h5>REMODELING</h5>
          <p>Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo odio dapibus ac facilisis in egestas eget quam.</p>
        </div>
        <!--/column -->
      
      </div>
      </div>
    </div>
   <div class="wrapper gray-wrapper" style="background: #E5AA0A">
      <div class="container inner pt-40 pb-40">
        <div class="row text-center">
          <div class="col-md-9">
             <p class="sub-heading2" ><span class="icon-l icon-color"><i class="si-building_home-2"></i></span> Lets Make Your Dream House With Our Professionals</p>
          </div>
          <div class="col-md-3 pt-20">
             <a href="contact-us" class="btn btn-border btn-yellow color-white mb-0 btn-install" data-aos="fade-left">START A PROJECTS</a> 
          </div>
        </div>
         
        <!-- /.text-center --> 
      </div>
      <!-- /.container --> 
    </div>
  
  <!-- /.gray-wrapper -->
  
  <div class="wrapper gray-wrapper" style="background: #E5AA0A">
      <div class="container inner pt-150 pb-150">
        <div class="row text-center">
          <div class="col-md-7 col-md-offset-5">
            <h2 class="section-title ">WE CAN HELP BUILD YOUR PROJECT!</h2>
			  <p class="sub-heading"> TELL US ABOUT YOUR PROJECT</p>

			  <a href="contact-us" class="btn btn-border btn-white mb-0 btn-install" data-aos="fade-up">CONTACT US</a> 
          </div>
        
        </div>
         
        <!-- /.text-center --> 
      </div>
      <!-- /.container --> 
    </div>  
<div class="wrapper light-wrapper inverse-text" style="background: rgb(229, 170, 10)">
  <div class="container inner">
      <h2 class="section-title text-center section-title-line ">OUR RECENT PROJECTS</h2>
	  <p class="lead2 text-center">WE TAKE PRIDE IN OUR WORK</p>
      <div class="space30"></div>
      <div class="portfolio grid-view">

        <div class="tiles tiles-m">
          <div class="isotope row grid-1">
            <div class="item grid-sizer col-sm-6 col-md-4 package" >
              <figure class="overlay overlay9"><a href="#"></a><img src="images/g1.jpg" alt="" />          
              </figure>
            </div>
            <!-- /column -->
            <div class="item grid-sizer col-sm-6 col-md-4 web">
              <figure class="overlay overlay9"><a href="#"></a><img src="images/g2.jpg" alt="" />
           
              </figure>
            </div>
            <!-- /column -->
            <div class="item grid-sizer col-sm-6 col-md-4 package">
              <figure class="overlay overlay9"><a href="#"></a><img src="images/g3.jpg" alt="" />

              </figure>
            </div>
            <!-- /column -->
            <div class="item grid-sizer col-sm-6 col-md-4 mockup">
              <figure class="overlay overlay9"><a href="#"></a><img src="images/g4.jpg" alt="" />
   
              </figure>
            </div>
            <!-- /column -->
            <div class="item grid-sizer col-sm-6 col-md-4 web">
              <figure class="overlay overlay9"><a href="#"></a><img src="images/g5.jpg" alt="" />
          
              </figure>
            </div>
            <!-- /column -->
            <div class="item grid-sizer col-sm-6 col-md-4 mockup">
              <figure class="overlay overlay9"><a href="#"></a><img src="images/g6.jpg" alt="" />

              </figure>
            </div>
            <!-- /column --> 
          </div>
          <!--/.row --> 
          
        </div>
        <!--/.tiles --> 
        
      </div>
</div>
</div>


 

<div class="wrapper light-wrapper" style="background: #f6f6f8">
    <div class="container inner">
      <h2 class="section-title text-center section-title-line">WHAT OUR CLIENTS ARE SAYING?</h2>
	   <div class="space30"></div>
      <div class="slick-wrapper text-center">
        <div class="slick" data-slick='{"slidesToShow": 2, "responsive": [{"breakpoint":1024,"settings":{"slidesToShow": 2}},{"breakpoint":768,"settings":{"slidesToShow": 1}}]}'>
          <div class="item ml-15 mr-15">
			<div class="box box-bg bg-white">
			 <div class="feature feature-m"> <span class="icon icon-round icon-img icon-img-s "  style="position: relative">
			 <img src="images/user.png" alt=""></span>      
            </div>
            <!--/.feature --> 
            <blockquote class="small">
              <p>“Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.”</p>
            </blockquote>
			 <h6 class="pt-15 mb-0">Connor Gibson - Interface Designer</h6>
			</div>
          </div>
          <!--/.item -->
		  
          <div class="item ml-15 mr-15">
			<div class="box box-bg bg-white">
			<div class="feature feature-m"> <span class="icon icon-round icon-img icon-img-s "  style="position: relative">
			 <img src="images/user.png" alt=""></span>      
            </div>
            <!--/.feature --> 
            <blockquote class="small">
              <p>“Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.”</p>
            </blockquote>
			 <h6 class="pt-15 mb-0">Connor Gibson - Interface Designer</h6>
			</div>
          </div>
          <!--/.item -->
		  
           <div class="item ml-15 mr-15">
			<div class="box box-bg bg-white">
			 <div class="feature feature-m"> <span class="icon icon-round icon-img icon-img-s "  style="position: relative">
			 <img src="images/user.png" alt=""></span>      
            </div>
            <!--/.feature --> 
            <blockquote class="small">
              <p>“Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.”</p>
            </blockquote>
			 <h6 class="pt-15 mb-0">Connor Gibson - Interface Designer</h6>
			</div>
          </div>
          <!--/.item -->
		  
           <div class="item ml-15 mr-15">
			<div class="box box-bg bg-white">
			 <div class="feature feature-m"> <span class="icon icon-round icon-img icon-img-s" style="position: relative">
			 <img src="images/user.png" alt=""></span>      
            </div>
            <!--/.feature --> 
            <blockquote class="small">
              <p>“Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.”</p>
            </blockquote>
			 <h6 class="pt-15 mb-0">Connor Gibson - Interface Designer</h6>
			</div>
          </div>
          <!--/.item --> 
        </div>
        <!--/.slick -->
        <div class="slick-nav-container mt-20">
          <div class="slick-nav"></div>
        </div>
        <!--/.slick-nav-container --> 
      </div>
      <!-- /.row --> 
      
    </div>
    <!-- /.container --> 
  </div>

<!-- /.content-wrapper -->
<?php include "include/footer.php" ;?>