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

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

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

</head>

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

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

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

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

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


    <section id='homes-desc' class='accent'>
      <div class="container">
        <div class="row">
          <div class="col-md-6 vcenter text">
            <p>
              <span class="lead">Sapphire Homes Niagara Inc.</span> has built custom homes in the Niagara Region for well over a decade, ranging in size from 1,300sf bungalows up to 5,000sf two storey homes. We have created low rise condominium complexes complete from design,
              site plan approval, through to occupancy.</p>
            <p>Sapphire Homes provides complete support throughout construction, providing custom design/build services for new homes or a selection of home designs that can be adapted to suit any personal lifestyle.</p>

            <p>As well, we manage all construction projects, be it renovation, addition, concrete or demolition work. View the slide show for an overview of sample projects that reflect Sapphire Homes' experience and expertise to craft well designed homes!</p>
            </p>
          </div><!--
       --><div class="col-md-6 vcenter">
            <img class="full" src="img/home-highlight.jpg">
          </div>
        </div>
      </div>
    </section>

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

</html>
