Cp Card Featured Generic

<div class="card-featured bg-inverted js-card-generic {{#if tags}}has-tags{{/if}} {{#if theme}}card-featured--{{theme}}{{/if}}" data-module="card" {{#if cardId}}data-card-id={{cardId}}{{/if}} {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
    <a href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" {{#if link.target}} target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}} class="card-featured__anchor js-link" aria-label="{{title}}">
        {{#if webAppMode}}
            {{#if location}}{{> @cp-location-marker longitude=location.longitude latitude=location.latitude}}{{/if}}
            {{> @cp-like-button likeText}}
        {{/if}}
        {{> @cp-medium-image responsiveImage}}
        {{#if fullVideo}}
            {{> @cp-medium-video isYouTube=fullVideo.isYouTube isYouku=fullVideo.isYouku video=fullVideo.video autoplay=true hideControls=true loop=true tags=null }}
        {{/if}}
        {{#if offer.title}}
        <p class="card-featured__offer-badge js-offer-badge">{{offer.title}}</p>
        {{/if}}
           {{#if campaignTag}}<p class="card-featured__campaign-tag js-page-type">{{campaignTag}}</p>{{/if}}
        <div class="card-featured__overlay">
            {{#if pageType}}
                {{#if offer.category}}
                <p class="card-featured__page-type js-page-type">{{offer.category}}</p>
                {{ else }}
                <p class="card-featured__page-type js-page-type">{{pageType}}</p>
                {{/if}}
            {{/if}}
            {{#if title}}
                <h2 class="card-featured__title js-title">{{{title}}}</h2>
            {{/if}}
            {{#if travelTime}}
            <p class="card-featured__travel-details card-featured__travel-details--{{travelMethod}}">
                {{#if travelTime}}
                <span>{{travelTime.number}}</span>
                <span>{{travelTime.text}}</span>
                {{/if}}
                {{#if travelDistance}}
                <span>{{travelDistance.number}}</span>
                <span>{{travelDistance.text}}</span>
                {{/if}}
            </p>
            {{/if}}
            {{#if tripInfo.text}}
                <div class="card-featured__trip-idea-info card-featured__trip-idea-info--{{tripInfo.travelMethod}}" data-method="{{tripInfo.travelMethod}}">
                    {{tripInfo.text}}
                </div>
            {{/if}}
            {{#if timeSpan.text}}
                <time class="card-featured__read-time" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>
            {{/if}}
            {{#if starRating}}
                <div class="card-featured__rating">
                    <div class="star-rating star-rating--{{starRating.total}}-max star-rating--{{starRating.rating}}-rating"></div>
                    <p class="card-featured__rating-text">{{starRating.rating}}/{{starRating.total}}</p>
                </div>
            {{/if}}
            {{#if locationName}}
                <p class="card-featured__location js-location-name">{{locationName}}</p>
            {{/if}}
            {{#if offer}}
                <p class="card-featured__offer js-offer">
                    {{offer.beforeText}}
                    {{offer.currency}}{{offer.amount}}
                    {{offer.afterText}}
                </p>
            {{/if}}
            {{#if subtitle}}
                <p class="card-standard__subtitle js-subtitle">{{subtitle}}</p>
            {{/if}}
            {{#if tags}}
                {{> @cp-hashtags tags }}
            {{/if}}
        </div>
    </a>
</div>