5hq2gdm7xukpqqpptdm8x8rj$SPRING$baarmls$SPRING$<div class="spring-slider" style="height: 347px !important;">
  <ul>
    {{#results}}
      {{#.}}
        <li>
          <div style="
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 347px;
            background-image: url('{{Media.1.file}}');
            background-size: cover;
            background-position: center;
          "></div>

          <div class="spring-caption-wrap">
            {{#location}}{{#address}}
              <div class="spring-caption">
                <div class="spring-feat-head">
                  {{StreetNumber}} {{StreetName}}<br>
                  {{#listingPricing}}
                    ${{listPrice}}
                  {{/listingPricing}}
                </div>
              </div>
            {{/address}}{{/location}}
            <div class="spring-caption-desc">
              {{#remarks}}
                <div class="spring-public-remarks">{{publicRemarks}}</div>
              {{/remarks}}
              <a href="/property/{{ListingId}}/{{endSlug}}">Read more</a>
            </div>
            <div class="spring-caption-foot">
              <p></p>
            </div>
          </div>
        </li>
      {{/.}}
    {{/results}}
  </ul>
</div>

<style>
  img.spring-feat-frame {
    z-index: 1;
  }
</style>

<script>
  SpringPlugin
    .jQuery(".spring-slider")
    .unslider({dots: true, delay: 7000});
    window.onload = function () {
      getCaption = document.getElementsByClassName("spring-public-remarks");

      for(i=0; i<getCaption.length;i++) {
        getCaption[i].innerHTML=getCaption[i].innerHTML.trim().substring(0,100)+'...';
      }
    }

</script>$SPRING$631818
630450
625435
631963
620919
720912
620786