<div class="card-featured card-featured--offer bg-inverted js-card-generic" data-module="card">
<a hhref="#" class="card-featured__anchor js-link">
<figure class="image js-image " data-module="imagelazy" data-is-small-image="">
<img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt="">
<picture class="image__container">
<img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
</picture>
</figure>
<p class="card-featured__offer-badge js-offer-badge"></p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category"></p>
<h2 class="card-featured__title"></h2>
<p class="card-featured__offer js-offer">
</p>
</div>
</a>
</div>
<div class="card-featured card-featured--offer bg-inverted js-card-generic" data-module="card" {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
<a hhref="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" class="card-featured__anchor js-link">
{{> @cp-medium-image responsiveImage}}
<p class="card-featured__offer-badge js-offer-badge">{{offer.title}}</p>
<div class="card-featured__overlay">
<p class="card-featured__category js-category">{{offer.category}}</p>
<h2 class="card-featured__title">{{{title}}}</h2>
{{#if locationName}}
<p class="card-featured__location">{{locationName}}</p>
{{/if}}
<p class="card-featured__offer js-offer">
{{offer.beforeText}}
{{offer.currency}}{{offer.amount}}
{{offer.afterText}}
</p>
{{#if tags}}
{{> @cp-hashtags tags}}
{{/if}}
</div>
</a>
</div>
/* No context defined for this component. */
There are no notes for this item.