Cp Offer Card Horizontal 

<div data-module="card" class="card-horizontal card-horizontal--offer js-card-generic">
    <a class="card-horizontal__link js-link" href="#">
        <div class="card-horizontal__image js-image">
            <figure class="image js-image image--original-size " data-module="imagelazy" data-is-small-image="">
                <img class="image__lowres js-image-lazyload" data-src="" alt="">
                <picture class="image__container">
                    <img class="js-image-lazyload js-fallback-image" data-src="" alt="">
                </picture>
            </figure>
            <p class="card-horizontal__offer-badge js-offer-badge"></p>
        </div>
        <div class="card-horizontal__copy">
            <p class="card-horizontal__category js-category"></p>
            <h2 class="card-horizontal__title js-title"></h2>
            <p class="card-horizontal__subtitle js-subtitle"></p>
            <p class="card-horizontal__location js-location-name"></p>
            <p class="card-horizontal__offer js-offer">
            </p>
        </div>
    </a>
</div>
 
<div data-module="card" class="card-horizontal card-horizontal--offer js-card-generic" {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
    <a class="card-horizontal__link js-link" href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}">
        <div class="card-horizontal__image js-image">
            {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption originalSize=true}}
            <p class="card-horizontal__offer-badge js-offer-badge">{{offer.title}}</p>
        </div>
        <div class="card-horizontal__copy">
            <p class="card-horizontal__category js-category">{{offer.category}}</p>
            <h2 class="card-horizontal__title js-title">{{{title}}}</h2>
            <p class="card-horizontal__subtitle js-subtitle">{{{subtitle}}}</p>
            <p class="card-horizontal__location js-location-name">{{locationName}}</p>
            <p class="card-horizontal__offer js-offer">
                {{offer.beforeText}}
                {{offer.currency}}{{offer.amount}}
                {{offer.afterText}}
            </p>
        </div>
    </a>
</div>
 
/* No context defined for this component. */

There are no notes for this item.