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

<head>
  <title>St. Catharines Appartment Rentals</title>
  <?php include '../partials/_head.php'; ?>
  <meta name="geo.region" content="CA-ON" />
  <meta name="geo.placename" content="St. Catharines" />
</head>

<body>
    <section class="" id="property-rentals">
      <div class="row with-space">
        <a href="/form.html" class="application btn btn-block">
          <h2>Apartment Rentals<br class='hideit'> Available</h2>
          <p>
            <strong>CLICK HERE FOR RENTAL APPLICATION</strong>
            <br>Fill out for desired property</p>
        </a>
      </div>
      <div class="container">
        <div class="row">
        <article class="col-sm-4">
          <div class="slick rental">
              <div><img src="/img/rental-145-louth.jpg"></div>
            <?php $max = 8;
               for($i = 1; $i <= $max; $i++) { ?>
              <div><img src='/img/145Louth/photo (<?=$i?>).jpg'></div>
            <?php } ?>
          </div>
          <h3 class="spacer">145 Louth St.
            <small>St. Catharines
              <span class="text-danger">(currently unavailable)</span>
            </small>
          </h3>
          <p>All Inclusive</p>
          <p>1 and 2 Bedroom</p>
          <p>Renovated units</p>
          <p>On site laundry</p>
          <p>Fridge and Stove included</p>
          <p>Close to schools, shopping, arenas and parks</p>

        </article>
        <article class="col-sm-4">
          <div class="slick rental">
              <div><img src="/img/rental-155-louth.jpg"></div>
            <?php $max = 10;
             for($i = 1; $i <= $max; $i++) { ?>
              <div><img src='/img/155Louth/photo (<?=$i?>).jpg'></div>
            <?php } ?>
          </div>
          <h3 class="spacer">155 Louth St.
            <small>St. Catharines
              <span class="text-danger">(currently unavailable)</span>
            </small>
          </h3>
          <p>New building with elevator</p>
          <p>Hydro not included</p>
          <p>1 and 2 Bedroom</p>
          <p>On site laundry</p>
          <p>Fridge and Stove included</p>
          <p>Close to schools, shopping, arenas and parks</p>

        </article>
        <article class="col-sm-4">
          <div class="slick rental">
              <div><img src="/img/rental-299-gendale.jpg"></div>
            <?php $max = 8;
             for($i = 1; $i <= $max; $i++) { ?>
              <div><img src='/img/299Glendale/photo (<?=$i?>).jpg'></div>
            <?php } ?>
          </div>
          <h3 class="spacer">299 Glendale Ave.
            <small>St. Catharines</small>
          </h3>
          <p>All Inclusive</p>
          <p>1 and 2 Bedroom</p>
          <p>Renovated units</p>
          <p>On site laundry</p>
          <p>Fridge and Stove included</p>
          <p>Close to schools, shopping, arenas and parks</p>
          <p>Close to Brock U, Pen Centre, Canadian Tire</p>

        </article>
      </div>
      <div class="row">
        <a target="_blank" class="col-sm-4" href="https://www.google.ca/maps/place/145+Louth+St,+St+Catharines,+ON+L2S+2R4/@43.1400425,-79.2601068,16z/data=!4m2!3m1!1s0x89d351db1595dd4d:0x4e3d2516d96315bb">
          <img class="full grayout" src="/img/145Louth/map.jpg">
        </a>
        <a target="_blank" class="col-sm-4" href="https://www.google.ca/maps/place/155+Louth+St,+St+Catharines,+ON+L2S+2R4/@43.1408522,-79.2608631,16z/data=!4m2!3m1!1s0x89d351db3787a0a3:0x557ab0cef14bd10b">
          <img class="full grayout" src="/img/155Louth/map.jpg">
        </a>
        <a target="_blank" class="col-sm-4" href="https://www.google.ca/maps/place/299+Glendale+Ave,+St+Catharines,+ON+L2T+2T8/@43.1357147,-79.2186066,17z/data=!4m2!3m1!1s0x89d35019a394ee3b:0xba0e8ce2fc62b724">
          <img class="full grayout" src="/img/299Glendale/map.jpg">
        </a>
      </div>
      </div>
    </section>
    <section id="footer">
      <div class="container">
        <a href="mailto:rentals@bdevelopments.ca">rentals@bdevelopments.ca</a>
        or call  289-362-4703
      </div>
    </section>

    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="/vendor/slick/slick.min.js"></script>
    <script src="/js/main.js"></script>
    <script>
      $(function() {
        console.log('starting 145')
        $('.slick.rental').slick({
          slidesToScroll: 1,
          variableWidth: true,
          centerMode: true,
          autoplay: false,
          dots: false
        });
      });
    </script>
</body>

</html>
