Cp Hero Standard Edit 

<header class="hero-standard hero-standard--without-map" data-has-cinegraph="false" data-has-video="false" data-module="heroStandard">
    <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 class="grid-container">
        <div class="hero-standard__inner grid-x">
            <div class="cell medium-7 medium-offset-1">
                <time class="hero-standard__read-time" datetime=""></time>
                <h1 class="hero-standard__title"></h1>
                <p class="hero-standard__subtitle"></p>
                <time datetime="" class="hero-standard__date"></time>
            </div>
        </div>
    </div>
    <div class="video-modal js-modal">
        <div class="video-modal__inner">
            <div class="grid-container">
                <div class="grid-x grid-padding-x">
                    <div class="cell medium-offset-1 medium-10 vertical-align">
                        <div class="video-modal__video-container">
                            <a href="#" class="video-modal__close-button js-close-modal"></a>
                            <div class="video" data-autoplay="false" data-hide-controls="false" data-loop="false" data-muted="false">
                                <template class="js-small-video-template">
                                    <div class="js-video-container video__container">
                                        <video controls playsinline class="video__player js-video-player">
                                        </video>
                                    </div>
                                </template>
                                <template class="js-medium-video-template">
                                    <div class="js-video-container video__container">
                                        <video controls playsinline class="video__player js-video-player">
                                        </video>
                                    </div>
                                </template>
                                <div class="js-video-container video__container"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
 
{{{customeditframe.editframeStart}}}
<header class="hero-standard{{#unless imageMap}} hero-standard--without-map{{/unless}}{{#if fullVideo}} hero-standard--has-video{{/if}}"
        data-has-cinegraph="{{#if background.video}}true{{else}}false{{/if}}"
        data-has-video="{{#if fullVideo}}true{{else}}false{{/if}}"
        data-module="heroStandard">
    {{> @cp-medium-image backgroundResponsiveImage}}
    {{#if background.video}}
    <div class="hero-standard__cinegraph-container js-cinegraph-container" data-video="{{jsonSerializer background.video}}">
        <video class="hero-standard__cinegraph js-cinegraph" autoplay loop muted preload playsinline></video>
    </div>
    {{/if}}
    <div class="grid-container">
        <div class="hero-standard__inner grid-x">
            <div class="cell medium-7 medium-offset-1">
                {{#if fullVideo}}
                <a href="#" class="hero-standard__open-modal-button js-open-modal"></a>
                {{/if}}
                <time class="hero-standard__read-time" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>
                <h1 class="hero-standard__title">{{title}}</h1>
                <p class="hero-standard__subtitle">{{subtitle}}</p>
                {{#if tags }}
                    <div class="hero-standard__tags">
                        {{> @cp-hashtags tags }}
                    </div>
                {{/if}}
                <time datetime="{{articleDateTime.stamp}}" class="hero-standard__date">{{articleDateTime.displayDate}}</time>
            </div>
            {{#if imageMap}}
            <div class="cell medium-2 medium-offset-2 small-3 small-offset-9">
                <div class="hero-standard__map">
                    <div class="hero-standard__map-inner"><img src="{{imageMap.image}}" alt="{{imageMap.county}}"></div>
                    <div class="hero-standard__map-county">{{imageMap.county}}</div>
                </div>
            </div>
            {{/if}}
        </div>
    </div>
    {{> @cp-video-modal}}
</header>
{{{customeditframe.editframeStop}}}
 
/* No context defined for this component. */

There are no notes for this item.