<div class="homepage-hero" data-module="homepageHero" data-points="" data-preload="true">
    <div class="cell homepage-hero-slide">
        <div class="homepage-hero-slide__background">
        </div>
    </div>
    <ol class="homepage-hero__page-dots">
    </ol>
    <div class="discovery-hero__navigation">
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell medium-6">
                    <div class="hero-controls hero-controls--left">
                        <div class="hero-controls__timer js-hero-timer active">
                            <svg class="hero-controls__timer-circle">
                                <circle r="27" cx="33" cy="33"></circle>
                            </svg>
                            <button class="hero-controls__button hero-controls__button--pause js-hero-pause" aria-label="Pause slideshow"></button>
                            <button class="hero-controls__button hero-controls__button--play js-hero-play disabled" aria-label="Resume slideshow"></button>
                        </div>
                    </div>
                </div>
                <div class="cell medium-6">
                    <div class="hero-controls hero-controls--right">
                        <button class="hero-controls__button hero-controls__button--prev js-hero-prev" aria-label="Previous slide"></button>
                        <button class="hero-controls__button hero-controls__button--next js-hero-next" aria-label="Next slide"></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{{customeditframe.editframeStart}}}
<div class="homepage-hero" data-module="homepageHero" data-points="{{points}}" data-preload="true">
    <div class="cell homepage-hero-slide">
        <div class="homepage-hero-slide__background">
            {{#if fullVideo}}
                {{> @cp-medium-video doNotInitialise=true isYouTube=fullVideo.isYouTube isYouku=fullVideo.isYouku video=fullVideo.video autoplay=true hideControls=true loop=true }}
            {{/if}}
        </div>
        {{#each slides}}
            {{> @cp-homepage-hero-slide-edit}}
        {{/each}}
    </div>
    <ol class="homepage-hero__page-dots">
        {{#each slides}}
            <li class="dot js-homepage-hero-dot" data-index="{{@index}}"></li>
        {{/each}}
    </ol>
    <div class="discovery-hero__navigation">
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell medium-6">
                    {{> @cp-hero-controls isTimer=true modifier="left"}}
                </div>
                <div class="cell medium-6">
                    {{> @cp-hero-controls modifier="right"}}
                </div>
            </div>
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}
/* No context defined for this component. */

There are no notes for this item.