<?php $page = 'Home';?>
<!doctype html>
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->

<head>
	<title><?php echo $title;?></title>
	
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta name="google-site-verification" content="tZ5M5KUZeYk33_SGb_XxWYsAlPRXTgo1c_2Gm4a053I" />
    <link rel="shortcut icon" type="image/png" href="<?php echo base_url();?>assets/Frontend/images/images/favicon.png"/>
    
    <!-- Favicon --> 
	<link rel="shortcut icon" href="images/favicon.ico">
    
    <!-- this styles only adds some repairs on idevices  -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Google fonts - witch you want to use - (rest you can just remove) -->
   	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
    
    
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
    <!-- ######### CSS STYLES ######### -->
	
    <link rel="stylesheet" href="<?php echo base_url();?>assets/Frontend/css/reset.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo base_url();?>assets/Frontend/css/style.css" type="text/css" />
    
    <!-- font awesome icons -->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/Frontend/css/font-awesome/css/font-awesome.min.css">
	
    <!-- simple line icons -->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/Frontend/css/simpleline-icons/simple-line-icons.css" media="screen" />
    
    <!-- et linefont icons -->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/Frontend/css/et-linefont/etlinefont.css">
    
    <!-- animations -->
    <link href="<?php echo base_url();?>assets/Frontend/js/animations/css/animations.min.css" rel="stylesheet" type="text/css" media="all" />
    
    <!-- responsive devices styles -->
	<link rel="stylesheet" media="screen" href="<?php echo base_url();?>assets/Frontend/css/responsive-leyouts.css" type="text/css" />
    
    <!-- shortcodes -->
    <link rel="stylesheet" media="screen" href="<?php echo base_url();?>assets/Frontend/css/shortcodes.css" type="text/css" /> 
    

    
    <!-- mega menu -->
    <link href="<?php echo base_url();?>assets/Frontend/js/mainmenu/bootstrap.min.css" rel="stylesheet">
	<link href="<?php echo base_url();?>assets/Frontend/js/mainmenu/demo.css" rel="stylesheet">
	<link href="<?php echo base_url();?>assets/Frontend/js/mainmenu/menu.css" rel="stylesheet">
	
    <!-- MasterSlider -->
	<link rel="stylesheet" href="<?php echo base_url();?>assets/Frontend/js/masterslider/style/masterslider.css" />
    <link rel="stylesheet" href="<?php echo base_url();?>assets/Frontend/js/masterslider/skins/default/style.css" />
    
    <!-- cubeportfolio -->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/Frontend/js/cubeportfolio/cubeportfolio.min.css">
    
    <!-- owl carousel -->
   <link href="<?php echo base_url();?>assets/Frontend/js/carouselowl/owl.transitions.css" rel="stylesheet">
    <link href="<?php echo base_url();?>assets/Frontend/js/carouselowl/owl.carousel.css" rel="stylesheet">


   <!-- flexslider -->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/Frontend/js/flexslider/flexslider.css" type="text/css" media="screen" />
 	<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/Frontend/js/flexslider/skin.css" />
  <style>
	#img{
		width: 90px;
    height: 90px;
    border-radius: 100%;
    
    overflow: hidden;
    margin-bottom: 14px;
    transition: all 0.3s ease;
    margin-top: -29px;
    background: #fff;
    float: left;
	}
	#ser p{
		padding-bottom:  28px;
		border-bottom: 1px solid #ccc;
	}
	/* Right */
	#imgr{
		width: 90px;
    height: 90px;
    border-radius: 100%;
    
    overflow: hidden;
    margin-bottom: 14px;
    transition: all 0.3s ease;
    margin-top: -29px;
    background: #fff;
    float: right;
	}
	.title21{
		text-align: center;
	}
  </style>  
</head>

<body>

<div class="site_wrapper">

<!--Hedaer start-->
<?php include"include/header.php";?>
<!--Header End-->


<div class="clearfix"></div>

<!-- Slider
======================================= --> 

<!-- masterslider -->
<div class="slidermar">
<div class="master-slider ms-skin-default" id="masterslider">
<?php foreach($slider as $s_row):?>
    <div class="ms-slide slide-1" data-delay="9">
    
        <div class="slide-pattern"></div>
        
        <img src="js/masterslider/blank.gif" data-src="<?php echo base_url();?>assets/uploads/slider/<?php echo $s_row->s_title.'_'.$s_row->s_id.'.jpg'?>"  alt=""/>
          
     

	</div><!-- end slide 1 -->

<?php endforeach;?>
	

</div>
</div>
<!-- end of masterslider -->
<!--belt start-->

<div class="featured_section82">
<div class="container">
<?php foreach($contact as $cc_row);?>
	<div class="box">
    
		<span aria-hidden="true" class="icon-screen-smartphone animate zoomIn" data-anim-type="zoomIn" data-anim-delay="200"></span>
        <b class="animate fadeInRight" data-anim-type="fadeInRight" data-anim-delay="300">CALL US</b>
		<strong class="animate fadeInRight" data-anim-type="fadeInRight" data-anim-delay="300"><?php echo $cc_row->c_mobile;?></strong>
    
    </div><!-- end section -->
    
    <div class="box">
    
		<span aria-hidden="true" class="icon-envelope-letter animate zoomIn" data-anim-type="zoomIn" data-anim-delay="200"></span>
        <b class="animate fadeInRight" data-anim-type="fadeInRight" data-anim-delay="300">Mail Us</b>
		<strong class="animate fadeInRight" data-anim-type="fadeInRight" data-anim-delay="300"><a href="#"><?php echo $cc_row->c_email;?></a></strong>
    
    </div><!-- end section -->
    
    <div class="box last">
    
        <a href="http://www.facebook.com" target="_tab"><i class="fa fa-facebook animate zoomIn" data-anim-type="zoomIn" data-anim-delay="200"></i></a>
        <a href="http://www.twitter.com" target="_tab"><i class="fa fa-twitter animate zoomIn" data-anim-type="zoomIn" data-anim-delay="250"></i></a>
        <a href="http://www.plus.google.com" target="_tab"><i class="fa fa-google-plus animate zoomIn" data-anim-type="zoomIn" data-anim-delay="300"></i></a>
        <a href="http://www.linkedin.com" target="_tab"><i class="fa fa-linkedin animate zoomIn" data-anim-type="zoomIn" data-anim-delay="350"></i></a>

    
    </div><!-- end section -->

</div>
</div>
<!--End belt-->
<div class="clearfix margin_top1"></div>
<!--Services start-->
<div class="featured_section27">
<div class="container">

	<h2 class="title21">Offering high quality cleaning services <em>at affordable prices</em></h2>
    
    <div class="onecol_thirtyfive left animate fadeInLeft" id="ser" data-anim-type="fadeInLeft" data-anim-delay="300">
    <?php foreach($services as $se_row):
	      $i = 1;
		  if($se_row->s_id % 2 == 1)
		  {
	?> <a href="<?php echo base_url();?>service/<?php echo $se_row->s_name;?>">
		<img src="<?php echo base_url();?>assets/uploads/services/thumbnail/ser_<?php echo $se_row->s_id.'.jpg';?>" id="img">
		<h4>
		<?php echo $se_row->s_name;?>
		</h4>
       <p></p>
    	</a>
        <div class="clearfix margin_top4"></div>
        <?php } endforeach;?>
      
           
    </div><!-- end section -->
	
    <div class="one_fourth animate fadeInUp" style="width: 29%;" data-anim-type="fadeInUp" data-anim-delay="300"><img src="<?php echo base_url();?>assets/Frontend/images/images/clean.png" alt="" class="rimg"></div><!-- end section -->
    
    <div class="onecol_thirtyfive last right animate fadeInRight" id="ser" data-anim-type="fadeInRight" data-anim-delay="300">
    <?php foreach($services as $se_row):
	      if($se_row->s_id % 2 == 0)
		  {
	?>
	  <a href="<?php echo base_url();?>service/<?php echo $se_row->s_name;?>">
		 <img src="<?php echo base_url();?>assets/uploads/services/thumbnail/ser_<?php echo $se_row->s_id.'.jpg';?>" id="imgr">
		<h4><?php echo $se_row->s_name;?></h4>
       <p></p>
    	</a>
        <div class="clearfix margin_top4"></div>
        <?php } endforeach;?>
       
           
    </div><!-- end section -->
    
</div>
</div>
<!--End Services-->
<!--Start about-->


<div class="featured_section3">
<div class="container">
	
    
    <?php foreach($about as $a_row);?>
    <div class="onecol_sixty  animate" data-anim-type="fadeIn" data-anim-delay="500">
    	<span><em>We Provide world class Housekeeping Services</em>
		<b>"We guarantee shine & happiness"  </b>
		<strong>@ Giri services</strong></span>
        <p class="bigtfont"><?php $string = word_limiter($a_row->a_description, 80); echo $string;?></p> 
        <!--<a href="#" class="button three">Get Started Now!</a>-->
       <br><a href="<?php echo base_url();?>about">Read More</a> 
    </div>
   <div class="onecol_forty last">
        <img src="<?php echo base_url();?>assets/Frontend/images/images/about.png" style="" alt="" class="one animate" data-anim-type="fadeInLeft" data-anim-delay="200" />
        
    </div>
</div>
</div><!-- end featured section 3 -->
<!--End About-->


<!--whychoose start-->
<div class="featured_section6">
<div class="container">
<h2 class="title21">Why Choose Us</h2>
	<div class="one_fourth animate fadeInUp" data-anim-type="fadeInUp" data-anim-delay="100">
    	
        <i class="fa fa-users"></i>
    	<h4>
			Highly Trained Staff
		</h4>
        <p>Our staff menber's are highly trainned </p>
    
    </div><!-- end section -->
    
    <div class="one_fourth animate fadeInUp" data-anim-type="fadeInUp" data-anim-delay="200">
    	
        <i class="fa fa-thumbs-up"></i>
    	<h4>  Advance Cleaning Tools</h4>
        <p>We use advance & sophistcated tool's </p>
    
    </div><!-- end section -->
    
    <div class="one_fourth animate fadeInUp" data-anim-type="fadeInUp" data-anim-delay="300">
    	
        <i class="fa fa-clock-o"></i>
    	<h4> Fast & Effective Services</h4>
        <p>We deliver fast & result oriented service to clients</p>
    
    </div><!-- end section -->
    
    <div class="one_fourth last animate fadeInUp" data-anim-type="fadeInUp" data-anim-delay="400">
    	
        <i class="fa fa-user"></i>
    	<h4>Experienced Clients</h4>
        <p>Our company is 10+ year's old company.</p>
    
    </div><!-- end section -->
    
    <div class="clearfix"></div>
    
   
    
</div>
</div>

<!--End whychoose-->
<!--Clients start-->
<div class="content_fullwidth">
<div class="">
<h2 class="title21" style="text-align: center;">Our Recent Project</h2>
   
    <div class="margin_top1"></div><div class="clearfix"></div>
        
    <div id="owl-demo" class="owl-carousel">
    <?php foreach($gallery as $g_row):?>
        <div class="item"><img src="<?php echo base_url();?>assets/uploads/gallery/gallery_<?php echo $g_row->g_id.'.jpg';?>" alt="" /></div>
    <?php endforeach;?>    
        
        
    </div><!-- end section -->
      

</div>
</div>
<!--End client-->

<div class="clearfix"></div>


<!--Footer Start-->
<?php include"include/footer.php";?>
<!--Footer End-->



<a href="#" class="scrollup">Scroll</a><!-- end scroll to top of the page-->



</div>

    
<!-- ######### JS FILES ######### -->
<!-- get jQuery used for the theme -->
<script type="text/javascript" src="<?php echo base_url();?>assets/Frontend/js/universal/jquery.js"></script>
<script src="<?php echo base_url();?>assets/Frontend/js/style-switcher/styleselector.js"></script>
<script src="<?php echo base_url();?>assets/Frontend/js/animations/js/animations.min.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>assets/Frontend/js/mainmenu/bootstrap.min.js"></script> 
<script src="<?php echo base_url();?>assets/Frontend/js/mainmenu/customeUI.js"></script> 
<script src="<?php echo base_url();?>assets/Frontend/js/masterslider/masterslider.min.js"></script>
<script type="text/javascript">
(function($) {
 "use strict";
	var slider = new MasterSlider();
	// adds Arrows navigation control to the slider.
	slider.control('arrows');
	slider.control('bullets');
	
	slider.setup('masterslider' , {
		 width:1400,    // slider standard width
		 height:550,   // slider standard height
		 space:0,
		 speed:45,
		 layout:'fullwidth',
		 loop:true,
		 preload:0,
		 autoplay:true,
		 view:"parallaxMask"
	});
})(jQuery);
</script>
<script src="<?php echo base_url();?>assets/Frontend/js/scrolltotop/totop.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/Frontend/js/mainmenu/sticky.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/Frontend/js/mainmenu/modernizr.custom.75180.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/Frontend/js/cubeportfolio/jquery.cubeportfolio.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/Frontend/js/cubeportfolio/main.js"></script>

<script src="<?php echo base_url();?>assets/Frontend/js/aninum/jquery.animateNumber.min.js"></script>
<script defer src="<?php echo base_url();?>assets/Frontend/js/flexslider/jquery.flexslider.js"></script>
<script defer src="<?php echo base_url();?>assets/Frontend/js/flexslider/custom.js"></script>
<script src="<?php echo base_url();?>assets/Frontend/js/carouselowl/owl.carousel.js"></script>
	
<script type="text/javascript" src="<?php echo base_url();?>assets/Frontend/js/universal/custom.js"></script>

</body>
</html>
