<!DOCTYPE html>
<html lang="en">

<head>
  <title>Sapphire Construction</title>

  <?php include '../partials/_head.php'; ?>

</head>

<body>
  <?php include '../partials/_header.php'; ?>

    <section id='construction' class="">
      <div class="slick construction">
        <?php
           $preload = 15;
           $max = 15;
           for($i = 1; $i <= $preload; $i++) { ?>
          <div><img src='/img/slideshows/construction/Construction (<?=$i?>).jpg'></div>
        <?php }

          for($i = $preload + 1; $i <= $max; $i++) { ?>
            <div><img data-lazy='/img/slideshows/construction/Construction (<?=$i?>).jpg'></div>
        <?php } ?>

      </div>
      <!-- <div class="slick construction-nav thumbs">
        <% for(var i = 1; i <= max; i++) { %>
        <div><img src='/img/slideshows/construction/thumb/Construction (<%=i%>).jpg'></div>
        <% } %>
      </div> -->

		<script>

		  $(function() {
				console.log('starting construction')
				$('.slick.construction').slick({
          slidesToScroll: 1,
          variableWidth: true,
          centerMode: true,
				  autoplay: true,
				  autoplaySpeed: 3000,
					lazyLoad: 'ondemand',
        //  asNavFor: '.slick.construction-nav',
				});
        // $('.slick.construction-nav').slick({
        //   slidesToScroll: 1,
        //   slidesToShow: 5,
        //   asNavFor: '.slick.construction',
        //   dots: false,
        //   centerMode: true,
        //   variableWidth: true,
        //   focusOnSelect: true,
        //   infinite: true
        // });
		  });
		</script>
	</section>

  <section id='construction-desc' class='accent'>
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-6 vcenter">
          <img class="full" src="img/construction-highlight.jpg">
        </div><!--
     --><div class="col-md-6 col-sm-6 vcenter text">
          <p>
            <span class="lead">Sapphire Construction Niagara Inc.</span> has been a source of quality craftsmanship in the Niagara region for over two decades, having been involved in both commercial construction as well as numerous residential subdivision developments in
            the Niagara region.</p>
          <p>We specialize in custom design/build projects and renovations. Careful detailing and design considera­tions are accounted for, adding long-term value to a property. Sapphire Construction brings with it proven reliability and experience in project
            management to fulfill your contract as specified.</p>
          <p>A vision in the development and building processis what gives heart and character to a property. Let Sap­phire Construction custom design and build your commercial project. We provide the perfect solutions to manage all your building needs by
            offering a full range of construction services to facilitate any size of construction project. You can place your confidence in Sapphire Construction, we have the experience and expertise to craft a well designed commercial environment for you.
          </p>
        </div>
      </div>
    </div>
  </section>

    <?php include '../partials/_footer.php'; ?>
</body>

</html>
