<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.