Cp Offer Card Standard 

<div data-module="card" data-card-type="offer" class="card-standard js-card-standard card-standard--offer js-card-generic ">
    <a class="card-standard__anchor js-link" href="#">
        <div class="card-standard__image-container">
            <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>
        </div>
        <p class="card-standard__offer-badge js-offer-badge"></p>
        <div class="card-standard__inner">
            <div class="card-standard__details">
                <p class="card-horizontal__category js-category"></p>
                <h3 class="card-standard__title js-title"></h3>
                <p class="card-standard__subtitle js-subtitle"></p>
            </div>
            <div class="card-standard__sub-details">
                <p class="card-standard__location js-location-name"></p>
                <p class="card-standard__offer js-offer">
                </p>
            </div>
        </div>
    </a>
</div>
 
<div data-module="card" data-card-type="offer" class="card-standard js-card-standard card-standard--offer js-card-generic {{#if isSmall}}card-standard--small{{/if}}" {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
    <a class="card-standard__anchor js-link" href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}">
        <div class="card-standard__image-container">
        {{> @cp-medium-image tags=null lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage}}
        </div>
        <p class="card-standard__offer-badge js-offer-badge">{{offer.title}}</p>
        <div class="card-standard__inner">
            <div class="card-standard__details">
                <p class="card-horizontal__category js-category">{{offer.category}}</p>
                <h3 class="card-standard__title js-title">{{{title}}}</h3>
                <p class="card-standard__subtitle js-subtitle">{{{subtitle}}}</p>
            </div>
            <div class="card-standard__sub-details">
                <p class="card-standard__location js-location-name">{{locationName}}</p>
                <p class="card-standard__offer js-offer">
                    {{offer.beforeText}}
                    {{offer.currency}}{{offer.amount}}
                    {{offer.afterText}}
                </p>
                {{#if tags}}
                    {{> @cp-hashtags tags}}
                {{/if}}
            </div>
        </div>
    </a>
</div>
 
/* No context defined for this component. */

There are no notes for this item.