<div class="movu-poster-banner movu-poster-banner-media ">
<div class="row movu-spacing-0-left-right">
<div class="col-xs-12 col-md-6 no-padding-left no-padding-right col-md-push-6">
<div class="movu-media-banner-left">
<div class="movu-banner-video">
<div class="movu-video-player" id="movu-first-video-player">
<iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/Wv_mCUYXzWE?rel=0&showinfo=0&enablejsapi=1" style="width:100%; height: 100%;"></iframe>
</div>
<div class="movu-video-player hidden" id="movu-second-video-player">
<iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/KNbY0iolA48?rel=0&showinfo=0&enablejsapi=1" style="width:100%; height: 100%;"></iframe>
</div>
<div class="movu-video-player hidden" id="movu-third-video-player">
<iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/KNbY0iolA48?rel=0&showinfo=0&enablejsapi=1" style="width:100%; height: 100%;"></iframe>
</div>
<div class="movu-video-player hidden" id="movu-fourth-video-player">
<iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/Wv_mCUYXzWE?rel=0&showinfo=0&enablejsapi=1" style="width:100%; height: 100%;"></iframe>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6 col-md-pull-6">
<div class="movu-media-banner-right with-feed clearfix">
<div class="movu-laptop-size col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 no-padding-left no-padding-right">
<div class="movu-video-feeds-section">
<div class="col-xs-12 no-padding-left-xs">
<h2 class="card-title">Experiences with MOVU</h2>
</div>
<div class="col-xs-6 col-sm-4 col-md-6 no-padding-left-xs padding-right-8">
<div class="video-link user-video">
<div class="video-link-img-wrapper" id="movu-first-video">
<span class="play-btn-img"></span>
<img src="//cdn.movu.ch/assets/whyMovu/stefan-d5cb23c895d96aa04a4974cfd179f0863d1dfb3e0e6a2c271da9a62d1b62c843.png">
</div>
<a class="user-name-link">Stefan’s cleaning</a>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-6 no-padding-right-xs padding-left-8">
<div class="video-link user-video">
<div class="video-link-img-wrapper" id="movu-second-video">
<span class="play-btn-img"></span>
<img src="//cdn.movu.ch/assets/whyMovu/family-363423f8a021ab231a3f6686a1a80a61de41655a83fbc5663fb8fd644a177977.png">
</div>
<a class="user-name-link">Family Bommer’s move and cleaning</a>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-6 no-padding-left-xs padding-right-8">
<div class="video-link user-video">
<div class="video-link-img-wrapper" id="movu-third-video">
<span class="play-btn-img"></span>
<img src="//cdn.movu.ch/assets/whyMovu/family-363423f8a021ab231a3f6686a1a80a61de41655a83fbc5663fb8fd644a177977.png">
</div>
<a class="user-name-link">Nemanja's moving</a>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-6 no-padding-right-xs padding-left-8">
<div class="video-link user-video">
<div class="video-link-img-wrapper" id="movu-fourth-video">
<span class="play-btn-img"></span>
<img src="//cdn.movu.ch/assets/whyMovu/family-363423f8a021ab231a3f6686a1a80a61de41655a83fbc5663fb8fd644a177977.png">
</div>
<a class="user-name-link">Nemanja's moving</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% extends "@poster-banner-media-template" %}
{% block posterBannerMediaContentLeft %}
{% if imgExists %}
<div class="movu-banner-image"></div>
{% else %}
<div class="movu-banner-video">
{% render '@video-player', { videoClass: 'movu-video-player', videoId: 'movu-first-video-player', iframeUrl: 'https://www.youtube.com/embed/Wv_mCUYXzWE?rel=0&showinfo=0&enablejsapi=1'}, true %}
{% render '@video-player', { videoClass: 'movu-video-player hidden', videoId: 'movu-second-video-player', iframeUrl: 'https://www.youtube.com/embed/KNbY0iolA48?rel=0&showinfo=0&enablejsapi=1'}, true %}
{% render '@video-player', { videoClass: 'movu-video-player hidden', videoId: 'movu-third-video-player', iframeUrl: 'https://www.youtube.com/embed/KNbY0iolA48?rel=0&showinfo=0&enablejsapi=1'}, true %}
{% render '@video-player', { videoClass: 'movu-video-player hidden', videoId: 'movu-fourth-video-player', iframeUrl: 'https://www.youtube.com/embed/Wv_mCUYXzWE?rel=0&showinfo=0&enablejsapi=1'}, true %}
</div>
{% endif %}
{% endblock %}
{% block posterBannerMediaContentRight %}
<div
class="movu-laptop-size col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 no-padding-left no-padding-right">
{% if videoFeedExists %}
<div class="movu-video-feeds-section">
<div class="col-xs-12 no-padding-left-xs">
<h2 class="card-title">Experiences with MOVU</h2>
</div>
<div class="col-xs-6 col-sm-4 col-md-6 no-padding-left-xs padding-right-8">
{% render '@video-feed', { feedId: 'movu-first-video', imgLink: '//cdn.movu.ch/assets/whyMovu/stefan-d5cb23c895d96aa04a4974cfd179f0863d1dfb3e0e6a2c271da9a62d1b62c843.png', usernameLink: "Stefan’s cleaning" }, true %}
</div>
<div class="col-xs-6 col-sm-4 col-md-6 no-padding-right-xs padding-left-8">
{% render '@video-feed', { feedId: 'movu-second-video', imgLink: '//cdn.movu.ch/assets/whyMovu/family-363423f8a021ab231a3f6686a1a80a61de41655a83fbc5663fb8fd644a177977.png', usernameLink: "Family Bommer’s move and cleaning" }, true %}
</div>
<div class="col-xs-6 col-sm-4 col-md-6 no-padding-left-xs padding-right-8">
{% render '@video-feed', { feedId: 'movu-third-video', imgLink: '//cdn.movu.ch/assets/whyMovu/family-363423f8a021ab231a3f6686a1a80a61de41655a83fbc5663fb8fd644a177977.png', usernameLink: "Nemanja's moving" }, true %}
</div>
<div class="col-xs-6 col-sm-4 col-md-6 no-padding-right-xs padding-left-8">
{% render '@video-feed', { feedId: 'movu-fourth-video', imgLink: '//cdn.movu.ch/assets/whyMovu/family-363423f8a021ab231a3f6686a1a80a61de41655a83fbc5663fb8fd644a177977.png', usernameLink: "Nemanja's moving" }, true %}
</div>
</div>
{% else %}
<h2>{{ mediaHeading }} </h2>
<p class="large">{{ mediaText }}</p>
<movu-button primary text="Click me"></movu-button>
{% endif %}
</div>
{% endblock %}
{
"mediaHeading": "Suspendisse vitae felis nec mauris bibendum efficitur in vitae diam.",
"mediaText": "Usce felis nisi, semper consequat mauris in, congue blandit dolor. Vivamus sed neque nibh.",
"iframeUrl": "https://www.youtube.com/embed/Wv_mCUYXzWE?rel=0&showinfo=0&enablejsapi=1",
"videoFeedExists": true,
"rightSideClass": "with-feed"
}
No notes defined.