<div class="homepage-hero" data-module="homepageHero" data-points="" data-preload="true">
<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>
<div class="hero-controls__button hero-controls__button--pause js-hero-pause"></div>
<div class="hero-controls__button hero-controls__button--play js-hero-play disabled"></div>
</div>
</div>
<div class="cell homepage-hero-slide">
<div class="homepage-hero-slide__background">
</div>
</div>
<ol class="homepage-hero__page-dots">
</ol>
<div class="hero-controls hero-controls--right">
<div class="hero-controls__button hero-controls__button--prev js-hero-prev"></div>
<div class="hero-controls__button hero-controls__button--next js-hero-next"></div>
</div>
</div>
{{{customeditframe.editframeStart}}}
<div class="homepage-hero" data-module="homepageHero" data-points="{{points}}" data-preload="true">
{{> @cp-hero-controls isTimer=true modifier="left"}}
<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>
{{> @cp-hero-controls modifier="right"}}
</div>
{{{customeditframe.editframeStop}}}
/* No context defined for this component. */
There are no notes for this item.