<div class="grid-container">
<div class="js-api-results grid-x grid-padding-x">
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
<div class="cell medium-6 large-3 spacer-md js-card-container">
<div class="adbutler-card-wrapper" style="max-width: 1000px;">
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location"> <a href="[%OfferLink%]" class="card-standard__anchor js-link">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-standard__offer-badge js-offer-badge">Offer</p>
<div class="card-standard__inner">
<div class="card-standard__details">
<p class="card-horizontal__category js-category">Category</p>
<h3 class="card-standard__title js-title">Title</h3>
<p class="card-standard__subtitle js-subtitle">This is a small description about the offer!</p>
</div>
<p class="card-standard__location js-location-name">Location</p>
<p class="card-standard__offer js-offer">£45</p>
</div>
</a> </div>
<div data-module="card" class="js-adbutler-card card-horizontal card-horizontal--offer"> <a href="[%OfferLink%]" class="card-horizontal__link js-link">
<div class="card-horizontal__image js-image">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-horizontal__offer-badge js-offer-badge">Offer</p>
</div>
<div class="card-horizontal__copy">
<p class="card-horizontal__category js-category">Category</p>
<h2 class="card-horizontal__title js-title">Title</h2>
<p class="card-horizontal__subtitle js-subtitle">This is a small description about the offer!</p>
<p class="card-horizontal__location js-location-name">Location</p>
<p class="card-horizontal__offer js-offer">£45</p>
</div>
</a> </div>
<div class="js-adbutler-card card-featured bg-inverted card-featured--offer" data-module="card"> <a href="[%OfferLink%]" class="card-featured__anchor">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" url="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge">Offer</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">Category</p>
<h2 class="card-featured__title">Title</h2>
<p class="card-featured__location">Location</p>
<p class="card-featured__offer js-offer">£45</p>
</div>
</a> </div>
<div class="search-results-item search-results-item--offer"> <a class="search-results-item__link" href="[%OfferLink%]"> <span class="search-results-item__banner-title">Offer</span>
<div class="search-results-item__image-wrapper">
<figure class="image js-image" data-module="imagelazy">
<picture class="image__container" style="opacity: 1; visibility: inherit;"> <img class="js-image-lazyload js-fallback-image" src="https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="Title" /> </picture>
</figure>
</div>
<div class="search-results-item__content">
<p class="search-results-item__category">Category</p>
<p class="search-results-item__title">Title</p>
<p class="search-results-item__subtitle">This is a small description about the offer!</p>
<p class="search-results-item__offer-price">£45</p>
</div>
</a> </div>
</div>
</div>
</div>
</div>
<div class="grid-container">
<div class="js-api-results grid-x grid-padding-x">
{{#each cards}}
<div class="cell medium-6 large-3 spacer-md js-card-container">
{{> @cp-card-standard }}
</div>
{{/each}}
</div>
</div>
{
"totalResults": "18 results",
"test": "sasa",
"cards": [
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Gardens in Ireland have a magic edge",
"subtitle": "",
"locationName": "Dublin",
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Offer",
"currency": "€",
"amount": 169,
"beforeText": "From",
"afterText": "pps",
"category": "Nov 02 2019 - Jan 31 2020"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Tales from Irelands's crypts",
"subtitle": "",
"locationName": "Belfast",
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Offer",
"currency": "€",
"amount": 176,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Clonmacnoise – The Monastic Marvel",
"subtitle": "",
"locationName": "Cork",
"timeSpan": {
"text": "1 min read"
},
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Save £10",
"currency": "€",
"amount": 69,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Gardens in Ireland have a magic edge",
"locationName": "Waterford",
"timeSpan": {
"text": "6 min read"
},
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Sale",
"currency": "€",
"amount": 24,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Gardens in Ireland have a magic edge",
"subtitle": "",
"locationName": "Dublin",
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Offer",
"currency": "€",
"amount": 169,
"beforeText": "From",
"afterText": "pps",
"category": "Nov 02 2019 - Jan 31 2020"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Tales from Irelands's crypts",
"subtitle": "",
"locationName": "Belfast",
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Offer",
"currency": "€",
"amount": 176,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Clonmacnoise – The Monastic Marvel",
"subtitle": "",
"locationName": "Cork",
"timeSpan": {
"text": "1 min read"
},
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Save £10",
"currency": "€",
"amount": 69,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Gardens in Ireland have a magic edge",
"locationName": "Waterford",
"timeSpan": {
"text": "6 min read"
},
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Sale",
"currency": "€",
"amount": 24,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Gardens in Ireland have a magic edge",
"subtitle": "",
"locationName": "Dublin",
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Offer",
"currency": "€",
"amount": 169,
"beforeText": "From",
"afterText": "pps",
"category": "Nov 02 2019 - Jan 31 2020"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Tales from Irelands's crypts",
"subtitle": "",
"locationName": "Belfast",
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Offer",
"currency": "€",
"amount": 176,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Clonmacnoise – The Monastic Marvel",
"subtitle": "",
"locationName": "Cork",
"timeSpan": {
"text": "1 min read"
},
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Save £10",
"currency": "€",
"amount": 69,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Gardens in Ireland have a magic edge",
"locationName": "Waterford",
"timeSpan": {
"text": "6 min read"
},
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Sale",
"currency": "€",
"amount": 24,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1551819561-c69621886139?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Gardens in Ireland have a magic edge",
"subtitle": "",
"locationName": "Dublin",
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Offer",
"currency": "€",
"amount": 169,
"beforeText": "From",
"afterText": "pps",
"category": "Nov 02 2019 - Jan 31 2020"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1561995701-8b87d9ece801?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Tales from Irelands's crypts",
"subtitle": "",
"locationName": "Belfast",
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Offer",
"currency": "€",
"amount": 176,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1568425370221-21ee552d83b7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Clonmacnoise – The Monastic Marvel",
"subtitle": "",
"locationName": "Cork",
"timeSpan": {
"text": "1 min read"
},
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Save £10",
"currency": "€",
"amount": 69,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
},
{
"responsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
"smallUrl": "https://images.unsplash.com/photo-1511219096939-ce77f5f44cc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
}
]
},
"cardType": "Offer",
"pageType": "Article",
"title": "Gardens in Ireland have a magic edge",
"locationName": "Waterford",
"timeSpan": {
"text": "6 min read"
},
"link": {
"text": "",
"url": "#"
},
"offer": {
"title": "Sale",
"currency": "€",
"amount": 24,
"beforeText": "From",
"afterText": "pps",
"category": "Accommodation"
},
"html": "<div class=\"adbutler-card-wrapper\" style=\"max-width: 1000px;\"> <div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-standard js-card-standard card-standard--offer card-standard--small has-location\"> <a href=\"[%OfferLink%]\" class=\"card-standard__anchor js-link\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-standard__offer-badge js-offer-badge\">Offer</p><div class=\"card-standard__inner\"> <div class=\"card-standard__details\"> <p class=\"card-horizontal__category js-category\">Category</p><h3 class=\"card-standard__title js-title\">Title</h3> <p class=\"card-standard__subtitle js-subtitle\">This is a small description about the offer!</p></div><p class=\"card-standard__location js-location-name\">Location</p><p class=\"card-standard__offer js-offer\">£45</p></div></a> </div><div data-module=\"card\" class=\"js-adbutler-card card-horizontal card-horizontal--offer\"> <a href=\"[%OfferLink%]\" class=\"card-horizontal__link js-link\"> <div class=\"card-horizontal__image js-image\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-horizontal__offer-badge js-offer-badge\">Offer</p></div><div class=\"card-horizontal__copy\"> <p class=\"card-horizontal__category js-category\">Category</p><h2 class=\"card-horizontal__title js-title\">Title</h2> <p class=\"card-horizontal__subtitle js-subtitle\">This is a small description about the offer!</p><p class=\"card-horizontal__location js-location-name\">Location</p><p class=\"card-horizontal__offer js-offer\">£45</p></div></a> </div><div class=\"js-adbutler-card card-featured bg-inverted card-featured--offer\" data-module=\"card\"> <a href=\"[%OfferLink%]\" class=\"card-featured__anchor\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" url=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> <p class=\"card-featured__offer-badge js-offer-badge\">Offer</p><div class=\"card-featured__overlay\"> <p class=\"card-featured__category js-category\">Category</p><h2 class=\"card-featured__title\">Title</h2> <p class=\"card-featured__location\">Location</p><p class=\"card-featured__offer js-offer\">£45</p></div></a> </div><div class=\"search-results-item search-results-item--offer\"> <a class=\"search-results-item__link\" href=\"[%OfferLink%]\"> <span class=\"search-results-item__banner-title\">Offer</span> <div class=\"search-results-item__image-wrapper\"> <figure class=\"image js-image\" data-module=\"imagelazy\"> <picture class=\"image__container\" style=\"opacity: 1; visibility: inherit;\"> <img class=\"js-image-lazyload js-fallback-image\" src=\"https://images.unsplash.com/photo-1549918864-48ac978761a4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80\" alt=\"Title\"/> </picture> </figure> </div><div class=\"search-results-item__content\"> <p class=\"search-results-item__category\">Category</p><p class=\"search-results-item__title\">Title</p><p class=\"search-results-item__subtitle\">This is a small description about the offer!</p><p class=\"search-results-item__offer-price\">£45</p></div></a> </div></div>"
}
]
}
There are no notes for this item.