?php include("includes/header.php")?>
<style type="text/css">

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;400&display=swap" rel="stylesheet">
.fauxwoodblind_wrap { width:20%; margin:10px auto; position:relative; padding-top:26%; }
.fauxwoodbtn_wrap { background-color:#77c696; padding:10px 0px; 
font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:center; color:#fff; font-weight:bold;   }
body {font-family:'Roboto',sans-serif!important;}
.container{width:100%;max-width:1140px}
img { max-width:100%; height:auto;}
</style>
 
<script type="text/javascript">  
jQuery(document).ready(function($){
	setTimeout(function(){
		//$.fn.colorbox({href:"popup.php", width:"35%", open:true}); 
	}, 20000);
});  
</script> 
<!-- <div class="fluid_container">    	
<div class="camera_wrap camera_coffee_skin" id="camera_wrap_1">
    	</div>
<div style="clear:both; display:block;"></div>
</div> -->

  <!-- updated code -->
  
  
      <!-- banner sec start here -->
      <section class="banner-sec">
	  
         <!-- Carousel
            ================================================== -->
         <div id="myCarousel" class="carousel slide active" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
            
              
               <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
               <i class="fa fa-angle-left" aria-hidden="true"></i>
               <span class="sr-only">Previous</span>
               </a>
               <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
               <i class="fa fa-angle-right" aria-hidden="true"></i>
               <span class="sr-only">Next</span>
               </a>
            </div>
         </div>
         <!-- /.carousel -->
      </section>
      

      <!--banner bottom section section starts-->
      <section id="banner-bottom">
        <div class="container">
          <ul>
            <li>
              <span><img src="SITEURL/icons/free-shipping-icon.png"></span>
              <span><strong>Free </strong>Shipping</span>
            </li>
            <li>
              <span><img src="SITEURL/icons/lifetime-warranty-icon.png"></span>
              <span><strong>Lifetime </strong>Warranty</span>
            </li>
            <li>
              <span><img src="SITEURL/icons/fix-gaurantee-icon.png"></span>
              <span><strong>Fit or we </strong>Fix Guarantee</span>
            </li>
            <li>
              <span><img src="SITEURL/icons/satisfication-icon.png"></span>
              <span><strong>90 days </strong>Satisfaction</span>
            </li>
            <li>
              <span><img src="SITEURL/icons/paypal-icon.png"></span>
              <span><strong>PayPal </strong>Credit</span>
            </li>
          </ul>
        </div>
      </section>
      <!--banner bottom section section ends//-->


      <!-- category sec staart here -->
        <section class="category">
           <div class="container">
             <div class="content-block">
             <div class="row">
               <div class="col-md-12 col-sm-12">
                 <div class="main-heading text-center">
                   <span>Shop by Category</span> 
                   <div class="border-heading">
                   <h2>Custom Blinds and Shades</h2>
                   </div>
                 </div>
                 <!--<p>Buying blinds online is easy! Shop below and save on custom-made window coverings to fit your lifestyle. We take out all the guesswork when buying custom-fit blinds online, so you can find just the right shade or blind and customize it with confidence! Less</p>-->
               </div>
             </div>
             </div>
           </div>
         <div class="full-width">
           <div class="container">
                <div class="row">