Cp Card Short Form 

<div data-module="card" class="card-standard card-standard--short-form js-card-standard js-short-form-card js-card-generic    ">
    <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__page-type js-page-type"></p>
    <div class="card-standard__inner">
        <h3 class="card-standard__title js-title"></h3>
        <a href="#" class="card-standard__link card-standard__link--external js-external-link js-link" data-type=""></a>
        <p class="card-standard__location js-location-name"></p>
    </div>
</div>
 
<div data-module="card" class="card-standard card-standard--short-form js-card-standard js-short-form-card js-card-generic {{#if isSmall}}card-standard--small{{/if}}  {{#if locationName}}has-location{{/if}} {{#if tags}}has-tags{{/if}}" {{#if cardId}}data-card-id={{cardId}}{{/if}} {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
    {{#if location}}{{> @cp-location-marker longitude=location.longitude latitude=location.latitude}}{{/if}}
    <div class="card-standard__image-container" {{#if responsiveImage.dominantColour}}style="background-color: #{{responsiveImage.dominantColour}};"{{/if}}>
        {{#if webAppMode}}
            {{> @cp-like-button likeText}}
        {{/if}}
        {{#if responsiveImage.isSmallImage}}
        <div class="card-standard__small-image-container">
            {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage isSmallImage=responsiveImage.isSmallImage}}
        </div>
        {{/if}}
        {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage isSmallImage=responsiveImage.isSmallImage}}
    </div>
    <p class="card-standard__page-type js-page-type">{{pageType}}</p>
    <div class="card-standard__inner">
        {{#if timeSpan}}<time class="card-standard__read-time js-readtime" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>{{/if}}
        <h3 class="card-standard__title js-title">{{{title}}}</h3>
        {{#if starRating}}
            <div class="card-standard__rating">
                <div class="star-rating star-rating--{{starRating.total}}-max star-rating--{{starRating.rating}}-rating"></div>
                <p class="card-standard__rating-text">{{starRating.rating}}/{{starRating.total}}</p>
            </div>
        {{/if}}
        <a href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" class="card-standard__link card-standard__link--external js-external-link js-link"{{#if link.target}} target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}} data-type="{{pageType}}">{{link.text}}</a>
        <p class="card-standard__location js-location-name">{{locationName}}</p>
        {{#if detailsLink}}<a href="{{detailsLink.url}}" class="card-standard__link card-standard__details-link card-standard__link--bold js-details-link">{{detailsLink.text}}</a>{{/if}}
        {{#if tags}}
            {{> @cp-hashtags tags }}
        {{/if}}
    </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.