<link media="all" rel="stylesheet" href="/assets/themes/default/css/property-card.css?cb=">

<div class="property-card" data-data-source="" data-partner="">
    <div class="property-card__gallery">
        <link media="all" rel="stylesheet" href="/assets/themes/default/css/gallery.css?cb=">

        <div class="gallery " data-module="gallery">
            <div class="gallery__slides-container">
                <a href="#">
                    <div class="gallery__slides js-slides">
                        <div class="gallery__slide js-slide" data-type="image" data-slide-index="0">

                            <link media="all" rel="stylesheet" href="/assets/themes/default/css/image.css?cb=">

                            <div class="image  " data-module="imageLazyLoad">
                                <picture>
                                    <source media="(max-width: 840px)" class="js-small-image" type="image/jpeg" srcset="/assets/themes/default/images/ajax-loader.gif" data-srcset="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&amp;q&#x3D;80" />
                                    <source media="(min-width: 841px)" class="js-medium-image" type="image/jpeg" srcset="/assets/themes/default/images/ajax-loader.gif" data-srcset="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&amp;q&#x3D;80" />
                                    <img src="/assets/themes/default/images/ajax-loader.gif" data-src="" alt="Image Alt Text">
                                </picture>
                            </div>
                        </div>
                        <div class="gallery__slide js-slide" data-type="image" data-slide-index="1">

                            <div class="image  " data-module="imageLazyLoad">
                                <picture>
                                    <source media="(max-width: 840px)" class="js-small-image" type="image/jpeg" srcset="/assets/themes/default/images/ajax-loader.gif" data-srcset="https://images.unsplash.com/photo-1542404937-2132aa1fa6fc?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&amp;q&#x3D;80" />
                                    <source media="(min-width: 841px)" class="js-medium-image" type="image/jpeg" srcset="/assets/themes/default/images/ajax-loader.gif" data-srcset="https://images.unsplash.com/photo-1542404937-2132aa1fa6fc?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;q&#x3D;80" />
                                    <img src="/assets/themes/default/images/ajax-loader.gif" data-src="" alt="Image Alt Text">
                                </picture>
                            </div>
                        </div>
                        <div class="gallery__slide js-slide" data-type="image" data-slide-index="2">

                            <div class="image  " data-module="imageLazyLoad">
                                <picture>
                                    <source media="(max-width: 840px)" class="js-small-image" type="image/jpeg" srcset="/assets/themes/default/images/ajax-loader.gif" data-srcset="https://images.unsplash.com/photo-1577717212919-0c61de46ac69?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&amp;q&#x3D;80" />
                                    <source media="(min-width: 841px)" class="js-medium-image" type="image/jpeg" srcset="/assets/themes/default/images/ajax-loader.gif" data-srcset="https://images.unsplash.com/photo-1577717212919-0c61de46ac69?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&amp;q&#x3D;80" />
                                    <img src="/assets/themes/default/images/ajax-loader.gif" data-src="" alt="Image Alt Text">
                                </picture>
                            </div>
                        </div>
                    </div>
                </a>
                <span class="gallery__arrow gallery__arrow--left js-arrow-left"><span>Previous</span> </span>
                <div class="gallery__selection-label">
                    <span class="gallery__current-slide js-current-slide">1</span>
                    <span class="gallery__total-slides js-total-slides">3</span>
                </div>
                <span class="gallery__arrow gallery__arrow--right js-arrow-right"><span>Next</span> </span>
            </div>
            <div class="gallery__dots js-dots">
                <span class="gallery__dot js-dot active" data-dot-index="0"></span>
                <span class="gallery__dot js-dot " data-dot-index="1"></span>
                <span class="gallery__dot js-dot " data-dot-index="2"></span>
            </div>
        </div>
    </div>
    <a href="#" class="property-card__title-and-location">
        <h3 class="property-card__title">Commercial Property</h3>
        <p class="property-card__location">Flagship building</p>
        <p class="property-card__mls"></p>
    </a>
    <a href="#" class="property-card__details">
        <div class="property-card__property-type property-card__detail">
            <div class="property-card__property-type-icon"><svg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'>
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M30.39 44.1504C30.3061 44.1504 30.24 44.2165 30.24 44.3004V47.0304H33.11V44.3004C33.11 44.2165 33.0438 44.1504 32.96 44.1504H30.39ZM33.61 47.5304H34.11V44.3004C34.11 43.6642 33.5961 43.1504 32.96 43.1504H30.39C29.7538 43.1504 29.24 43.6642 29.24 44.3004V47.5304C29.24 47.8065 29.4638 48.0304 29.74 48.0304H33.61V47.5304Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M23.53 17.5C22.7062 17.5 22.03 18.1761 22.03 19V47.03H41.34V19C41.34 18.1761 40.6639 17.5 39.84 17.5H23.53ZM41.84 47.53H42.34V19C42.34 17.6239 41.2162 16.5 39.84 16.5H23.53C22.1539 16.5 21.03 17.6239 21.03 19V47.53C21.03 47.8061 21.2539 48.03 21.53 48.03H41.84V47.53Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M17.02 26.5498C16.1962 26.5498 15.52 27.2259 15.52 28.0498V47.0298H21.03V26.5498H17.02ZM14.52 28.0498C14.52 26.6737 15.6439 25.5498 17.02 25.5498H21.53C21.8062 25.5498 22.03 25.7737 22.03 26.0498V47.5298C22.03 47.8059 21.8062 48.0298 21.53 48.0298H15.02C14.7439 48.0298 14.52 47.8059 14.52 47.5298V28.0498Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M41.34 26.0498C41.34 25.7737 41.5638 25.5498 41.84 25.5498H46.35C47.7261 25.5498 48.85 26.6737 48.85 28.0498V47.5298C48.85 47.8059 48.6261 48.0298 48.35 48.0298H41.84C41.5638 48.0298 41.34 47.8059 41.34 47.5298V26.0498ZM42.34 47.0298H47.85V28.0498C47.85 27.2259 47.1738 26.5498 46.35 26.5498H42.34V47.0298Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 20.71C24.37 20.4338 24.5939 20.21 24.87 20.21H27.2C27.4761 20.21 27.7 20.4338 27.7 20.71C27.7 20.9861 27.4761 21.21 27.2 21.21H24.87C24.5939 21.21 24.37 20.9861 24.37 20.71Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 20.71C30.05 20.4338 30.2739 20.21 30.55 20.21H32.88C33.1562 20.21 33.38 20.4338 33.38 20.71C33.38 20.9861 33.1562 21.21 32.88 21.21H30.55C30.2739 21.21 30.05 20.9861 30.05 20.71Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 25.6201C24.37 25.344 24.5939 25.1201 24.87 25.1201H27.2C27.4761 25.1201 27.7 25.344 27.7 25.6201C27.7 25.8963 27.4761 26.1201 27.2 26.1201H24.87C24.5939 26.1201 24.37 25.8963 24.37 25.6201Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 25.6201C30.05 25.344 30.2739 25.1201 30.55 25.1201H32.88C33.1562 25.1201 33.38 25.344 33.38 25.6201C33.38 25.8963 33.1562 26.1201 32.88 26.1201H30.55C30.2739 26.1201 30.05 25.8963 30.05 25.6201Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 30.5303C24.37 30.2541 24.5939 30.0303 24.87 30.0303H27.2C27.4761 30.0303 27.7 30.2541 27.7 30.5303C27.7 30.8064 27.4761 31.0303 27.2 31.0303H24.87C24.5939 31.0303 24.37 30.8064 24.37 30.5303Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 30.5303C30.05 30.2541 30.2739 30.0303 30.55 30.0303H32.88C33.1562 30.0303 33.38 30.2541 33.38 30.5303C33.38 30.8064 33.1562 31.0303 32.88 31.0303H30.55C30.2739 31.0303 30.05 30.8064 30.05 30.5303Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 35.4502C24.37 35.1741 24.5939 34.9502 24.87 34.9502H27.2C27.4761 34.9502 27.7 35.1741 27.7 35.4502C27.7 35.7263 27.4761 35.9502 27.2 35.9502H24.87C24.5939 35.9502 24.37 35.7263 24.37 35.4502Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 35.4502C30.05 35.1741 30.2739 34.9502 30.55 34.9502H32.88C33.1562 34.9502 33.38 35.1741 33.38 35.4502C33.38 35.7263 33.1562 35.9502 32.88 35.9502H30.55C30.2739 35.9502 30.05 35.7263 30.05 35.4502Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 40.3604C24.37 40.0842 24.5939 39.8604 24.87 39.8604H27.2C27.4761 39.8604 27.7 40.0842 27.7 40.3604C27.7 40.6365 27.4761 40.8604 27.2 40.8604H24.87C24.5939 40.8604 24.37 40.6365 24.37 40.3604Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 40.3604C30.05 40.0842 30.2739 39.8604 30.55 39.8604H32.88C33.1562 39.8604 33.38 40.0842 33.38 40.3604C33.38 40.6365 33.1562 40.8604 32.88 40.8604H30.55C30.2739 40.8604 30.05 40.6365 30.05 40.3604Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 20.71C35.9 20.4338 36.1239 20.21 36.4 20.21H38.73C39.0062 20.21 39.23 20.4338 39.23 20.71C39.23 20.9861 39.0062 21.21 38.73 21.21H36.4C36.1239 21.21 35.9 20.9861 35.9 20.71Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 25.6201C35.9 25.344 36.1239 25.1201 36.4 25.1201H38.73C39.0062 25.1201 39.23 25.344 39.23 25.6201C39.23 25.8963 39.0062 26.1201 38.73 26.1201H36.4C36.1239 26.1201 35.9 25.8963 35.9 25.6201Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 30.5303C35.9 30.2541 36.1239 30.0303 36.4 30.0303H38.73C39.0062 30.0303 39.23 30.2541 39.23 30.5303C39.23 30.8064 39.0062 31.0303 38.73 31.0303H36.4C36.1239 31.0303 35.9 30.8064 35.9 30.5303Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 35.4502C35.9 35.1741 36.1239 34.9502 36.4 34.9502H38.73C39.0062 34.9502 39.23 35.1741 39.23 35.4502C39.23 35.7263 39.0062 35.9502 38.73 35.9502H36.4C36.1239 35.9502 35.9 35.7263 35.9 35.4502Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 40.3604C35.9 40.0842 36.1239 39.8604 36.4 39.8604H38.73C39.0062 39.8604 39.23 40.0842 39.23 40.3604C39.23 40.6365 39.0062 40.8604 38.73 40.8604H36.4C36.1239 40.8604 35.9 40.6365 35.9 40.3604Z' fill='black' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M10.5 47.5303C10.5 47.2541 10.7239 47.0303 11 47.0303H52.26C52.5361 47.0303 52.76 47.2541 52.76 47.5303C52.76 47.8064 52.5361 48.0303 52.26 48.0303H11C10.7239 48.0303 10.5 47.8064 10.5 47.5303Z' fill='black' />
                </svg></div>
            <p>Office</p>
        </div>

        <p class="property-card__square-footage property-card__detail">1,000 Sq Ft</p>
        <div class="property-card__price-container">
            <p class="property-card__price">Price On Application</p>
        </div>
    </a>
</div>
{{#if firstInstance}}
<link media="all" rel="stylesheet" href="/assets/themes/{{theme}}/css/property-card.css?cb={{cacheBuster}}">
{{/if}}

<div class="property-card" data-data-source="{{dataSource}}" data-partner="{{partner}}">
    <div class="property-card__gallery">
        {{> @gallery slides=gallery.slides hideThumbnails=true destinationUrl=propertyUrl theme=theme firstInstance=gallery.firstInstance }}
    </div>
    <a href="{{propertyUrl}}" class="property-card__title-and-location">
        <h3 class="property-card__title">{{title}}</h3>
        <p class="property-card__location">{{location}}</p>
        <p class="property-card__mls">{{mls}}</p>
    </a>
    <a href="{{propertyUrl}}" class="property-card__details">
        {{#if propertyType}}<div class="property-card__property-type property-card__detail">{{#if propertyTypeIcon}}<div class="property-card__property-type-icon">{{{propertyTypeIcon}}}</div>{{/if}}<p>{{propertyType}}</p></div>{{/if}}
        {{#if bedrooms}}<p class="property-card__bedrooms property-card__detail">{{bedrooms}}</p>{{/if}}
        {{#if bathrooms}}<p class="property-card__bathrooms property-card__detail">{{bathrooms}}</p>{{/if}}
        {{#if squareFootage}}<p class="property-card__square-footage property-card__detail">{{squareFootage}}</p>{{/if}}
        {{#if price}}<div class="property-card__price-container"><p class="property-card__price">{{price}}</p></div>{{/if}}
    </a>
</div>
{
  "theme": "default",
  "firstInstance": true,
  "propertyUrl": "#",
  "status": "Property Status",
  "gallery": {
    "firstInstance": true,
    "slides": [
      {
        "firstInstance": true,
        "thumbnailUrl": "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=200&q=80",
        "type": "image",
        "image": {
          "firstInstance": true,
          "altText": "Image Alt Text",
          "placeholderImageUrl": "/assets/themes/default/images/ajax-loader.gif",
          "sources": [
            {
              "type": "image/jpeg",
              "desktopImageUrl": "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80",
              "mobileImageUrl": "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
            }
          ]
        }
      },
      {
        "thumbnailUrl": "https://images.unsplash.com/photo-1542404937-2132aa1fa6fc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=200&q=80",
        "type": "image",
        "image": {
          "altText": "Image Alt Text",
          "placeholderImageUrl": "/assets/themes/default/images/ajax-loader.gif",
          "sources": [
            {
              "type": "image/jpeg",
              "desktopImageUrl": "https://images.unsplash.com/photo-1542404937-2132aa1fa6fc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&q=80",
              "mobileImageUrl": "https://images.unsplash.com/photo-1542404937-2132aa1fa6fc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
            }
          ]
        }
      },
      {
        "thumbnailUrl": "https://images.unsplash.com/photo-1577717212919-0c61de46ac69?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=200&q=80",
        "type": "image",
        "image": {
          "altText": "Image Alt Text",
          "placeholderImageUrl": "/assets/themes/default/images/ajax-loader.gif",
          "sources": [
            {
              "type": "image/jpeg",
              "desktopImageUrl": "https://images.unsplash.com/photo-1577717212919-0c61de46ac69?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80",
              "mobileImageUrl": "https://images.unsplash.com/photo-1577717212919-0c61de46ac69?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
            }
          ]
        }
      }
    ]
  },
  "title": "Commercial Property",
  "location": "Flagship building",
  "bedrooms": null,
  "bathrooms": null,
  "price": "Price On Application",
  "propertyTypeIcon": "<svg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M30.39 44.1504C30.3061 44.1504 30.24 44.2165 30.24 44.3004V47.0304H33.11V44.3004C33.11 44.2165 33.0438 44.1504 32.96 44.1504H30.39ZM33.61 47.5304H34.11V44.3004C34.11 43.6642 33.5961 43.1504 32.96 43.1504H30.39C29.7538 43.1504 29.24 43.6642 29.24 44.3004V47.5304C29.24 47.8065 29.4638 48.0304 29.74 48.0304H33.61V47.5304Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M23.53 17.5C22.7062 17.5 22.03 18.1761 22.03 19V47.03H41.34V19C41.34 18.1761 40.6639 17.5 39.84 17.5H23.53ZM41.84 47.53H42.34V19C42.34 17.6239 41.2162 16.5 39.84 16.5H23.53C22.1539 16.5 21.03 17.6239 21.03 19V47.53C21.03 47.8061 21.2539 48.03 21.53 48.03H41.84V47.53Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M17.02 26.5498C16.1962 26.5498 15.52 27.2259 15.52 28.0498V47.0298H21.03V26.5498H17.02ZM14.52 28.0498C14.52 26.6737 15.6439 25.5498 17.02 25.5498H21.53C21.8062 25.5498 22.03 25.7737 22.03 26.0498V47.5298C22.03 47.8059 21.8062 48.0298 21.53 48.0298H15.02C14.7439 48.0298 14.52 47.8059 14.52 47.5298V28.0498Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M41.34 26.0498C41.34 25.7737 41.5638 25.5498 41.84 25.5498H46.35C47.7261 25.5498 48.85 26.6737 48.85 28.0498V47.5298C48.85 47.8059 48.6261 48.0298 48.35 48.0298H41.84C41.5638 48.0298 41.34 47.8059 41.34 47.5298V26.0498ZM42.34 47.0298H47.85V28.0498C47.85 27.2259 47.1738 26.5498 46.35 26.5498H42.34V47.0298Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 20.71C24.37 20.4338 24.5939 20.21 24.87 20.21H27.2C27.4761 20.21 27.7 20.4338 27.7 20.71C27.7 20.9861 27.4761 21.21 27.2 21.21H24.87C24.5939 21.21 24.37 20.9861 24.37 20.71Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 20.71C30.05 20.4338 30.2739 20.21 30.55 20.21H32.88C33.1562 20.21 33.38 20.4338 33.38 20.71C33.38 20.9861 33.1562 21.21 32.88 21.21H30.55C30.2739 21.21 30.05 20.9861 30.05 20.71Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 25.6201C24.37 25.344 24.5939 25.1201 24.87 25.1201H27.2C27.4761 25.1201 27.7 25.344 27.7 25.6201C27.7 25.8963 27.4761 26.1201 27.2 26.1201H24.87C24.5939 26.1201 24.37 25.8963 24.37 25.6201Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 25.6201C30.05 25.344 30.2739 25.1201 30.55 25.1201H32.88C33.1562 25.1201 33.38 25.344 33.38 25.6201C33.38 25.8963 33.1562 26.1201 32.88 26.1201H30.55C30.2739 26.1201 30.05 25.8963 30.05 25.6201Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 30.5303C24.37 30.2541 24.5939 30.0303 24.87 30.0303H27.2C27.4761 30.0303 27.7 30.2541 27.7 30.5303C27.7 30.8064 27.4761 31.0303 27.2 31.0303H24.87C24.5939 31.0303 24.37 30.8064 24.37 30.5303Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 30.5303C30.05 30.2541 30.2739 30.0303 30.55 30.0303H32.88C33.1562 30.0303 33.38 30.2541 33.38 30.5303C33.38 30.8064 33.1562 31.0303 32.88 31.0303H30.55C30.2739 31.0303 30.05 30.8064 30.05 30.5303Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 35.4502C24.37 35.1741 24.5939 34.9502 24.87 34.9502H27.2C27.4761 34.9502 27.7 35.1741 27.7 35.4502C27.7 35.7263 27.4761 35.9502 27.2 35.9502H24.87C24.5939 35.9502 24.37 35.7263 24.37 35.4502Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 35.4502C30.05 35.1741 30.2739 34.9502 30.55 34.9502H32.88C33.1562 34.9502 33.38 35.1741 33.38 35.4502C33.38 35.7263 33.1562 35.9502 32.88 35.9502H30.55C30.2739 35.9502 30.05 35.7263 30.05 35.4502Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M24.37 40.3604C24.37 40.0842 24.5939 39.8604 24.87 39.8604H27.2C27.4761 39.8604 27.7 40.0842 27.7 40.3604C27.7 40.6365 27.4761 40.8604 27.2 40.8604H24.87C24.5939 40.8604 24.37 40.6365 24.37 40.3604Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M30.05 40.3604C30.05 40.0842 30.2739 39.8604 30.55 39.8604H32.88C33.1562 39.8604 33.38 40.0842 33.38 40.3604C33.38 40.6365 33.1562 40.8604 32.88 40.8604H30.55C30.2739 40.8604 30.05 40.6365 30.05 40.3604Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 20.71C35.9 20.4338 36.1239 20.21 36.4 20.21H38.73C39.0062 20.21 39.23 20.4338 39.23 20.71C39.23 20.9861 39.0062 21.21 38.73 21.21H36.4C36.1239 21.21 35.9 20.9861 35.9 20.71Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 25.6201C35.9 25.344 36.1239 25.1201 36.4 25.1201H38.73C39.0062 25.1201 39.23 25.344 39.23 25.6201C39.23 25.8963 39.0062 26.1201 38.73 26.1201H36.4C36.1239 26.1201 35.9 25.8963 35.9 25.6201Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 30.5303C35.9 30.2541 36.1239 30.0303 36.4 30.0303H38.73C39.0062 30.0303 39.23 30.2541 39.23 30.5303C39.23 30.8064 39.0062 31.0303 38.73 31.0303H36.4C36.1239 31.0303 35.9 30.8064 35.9 30.5303Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 35.4502C35.9 35.1741 36.1239 34.9502 36.4 34.9502H38.73C39.0062 34.9502 39.23 35.1741 39.23 35.4502C39.23 35.7263 39.0062 35.9502 38.73 35.9502H36.4C36.1239 35.9502 35.9 35.7263 35.9 35.4502Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.9 40.3604C35.9 40.0842 36.1239 39.8604 36.4 39.8604H38.73C39.0062 39.8604 39.23 40.0842 39.23 40.3604C39.23 40.6365 39.0062 40.8604 38.73 40.8604H36.4C36.1239 40.8604 35.9 40.6365 35.9 40.3604Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.5 47.5303C10.5 47.2541 10.7239 47.0303 11 47.0303H52.26C52.5361 47.0303 52.76 47.2541 52.76 47.5303C52.76 47.8064 52.5361 48.0303 52.26 48.0303H11C10.7239 48.0303 10.5 47.8064 10.5 47.5303Z' fill='black'/></svg>",
  "propertyType": "Office",
  "squareFootage": "1,000 Sq Ft"
}
  • Content:
    @import 'source/scss/01-settings/_import';
    @import 'source/scss/02-tools/_import';
    
    .property-card {
        min-height: 100%;
        padding: rem(10);
    
        &__link {
            text-decoration: none;
        }
    
        &__title {
            @extend %heading03;
            text-decoration: none;
        }
    
        &__gallery {
            @extend %spacer-small;
            position: relative;
        }
    
        .gallery {
            &__dots {
                display: none;
            }
    
            &__slide {
                .image {
                    &:not(.loaded) {
                        // Display the ajax loader while we wait for the image to load
                        &::after {
                            background: $color-white url('../images/ajax-loader.gif') center center no-repeat;
                            bottom: 0;
                            content: '';
                            left: 0;
                            position: absolute;
                            right: 0;
                            top: 0;
                        }
                    }
                }
            }
        }
    
        &__location,
        &__mls,
        &__property-type,
        &__square-footage,
        &__bedrooms,
        &__bathrooms {
            @extend %p--body;
            @extend %spacer-small;
            text-decoration: none;
        }
    
        &__property-type,
        &__square-footage,
        &__bedrooms,
        &__bathrooms {
            width: 50%;
        }
    
        &__details {
            display: flex;
            flex-wrap: wrap;
        }
    
        &__price {
            @extend %p--lead;
            flex-shrink: 0;
            font-weight: bold;
            text-decoration: none;
            width: 100%;
        }
    }
    
  • URL: /components/raw/property-card/property-card.scss
  • Filesystem Path: source/patterns/03-components/cards/property-card/property-card.scss
  • Size: 1.6 KB

No notes defined.