| Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/49.4.two_cols_video_carousel/ |
| Current File : /var/www/homesaver/www/bitrix/blocks/bitrix/49.4.two_cols_video_carousel/block.php |
<section class="landing-block g-pt-30 g-pb-30">
<div class="landing-block-slider container-fluid g-px-30" data-slider-dots="0" data-slider-arrows="7" data-slider-animation="1">
<div class="js-carousel g-pos-rel g-mx-minus-15 row"
data-autoplay="false"
data-infinite="false"
data-slides-show="2"
data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-pt-20"
data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-40 g-height-40 g-font-size-20 g-transition-0_2 g-transition--ease-in g-color-gray-light-v1 g-color-primary--hover"
data-arrow-left-classes="fa fa-angle-left g-left-0"
data-arrow-right-classes="fa fa-angle-right g-right-0"
data-responsive='[{
"breakpoint": 1200,
"settings": {
"slidesToShow": 2,
"slidesToScroll": 2
}
}, {
"breakpoint": 576,
"settings": {
"slidesToShow": 1,
"slidesToScroll": 1
}
}]'
data-init-classes-exclude='[{
"selector": ".landing-block-node-card",
"class": "col-12 col-sm-6 col-lg-6"
}, {
"selector": ".js-carousel",
"class": "row"
}]'>
<div class="landing-block-node-card js-slide js-animation fadeIn g-px-15 col-12 col-sm-6 col-lg-6">
<div class="landing-block-node-video-container embed-responsive embed-responsive-16by9 scale-100 mx-auto w-100">
<div class="landing-block-node-card-video embed-responsive-item g-video-preview w-100"
data-src="//www.youtube.com/embed/q4d8g9Dn3ww?autoplay=0&controls=1&loop=1&mute=0&rel=0"
data-source="https://www.youtube.com/watch?v=q4d8g9Dn3ww"
data-preview="//img.youtube.com/vi/q4d8g9Dn3ww/sddefault.jpg"
style="background-image:url(//img.youtube.com/vi/q4d8g9Dn3ww/sddefault.jpg)"
></div>
</div>
</div>
<div class="landing-block-node-card js-slide js-animation fadeIn g-px-15 col-12 col-sm-6 col-lg-6">
<div class="landing-block-node-video-container embed-responsive embed-responsive-16by9 scale-100 mx-auto w-100">
<div class="landing-block-node-card-video embed-responsive-item g-video-preview w-100"
data-src="//www.youtube.com/embed/PDCsdEdGb_c?autoplay=0&controls=1&loop=1&mute=0&rel=0"
data-source="https://www.youtube.com/watch?v=PDCsdEdGb_c"
data-preview="//img.youtube.com/vi/q4d8g9Dn3ww/sddefault.jpg"
style="background-image:url(//img.youtube.com/vi/PDCsdEdGb_c/sddefault.jpg)"
></div>
</div>
</div>
<div class="landing-block-node-card js-slide js-animation fadeIn g-px-15 col-12 col-sm-6 col-lg-6">
<div class="landing-block-node-video-container embed-responsive embed-responsive-16by9 scale-100 mx-auto w-100">
<div class="landing-block-node-card-video embed-responsive-item g-video-preview w-100"
data-src="//www.youtube.com/embed/0Ll9z8pwnp4?autoplay=0&controls=1&loop=1&mute=0&rel=0"
data-source="https://www.youtube.com/watch?v=0Ll9z8pwnp4"
data-preview="//img.youtube.com/vi/q4d8g9Dn3ww/sddefault.jpg"
style="background-image:url(//img.youtube.com/vi/0Ll9z8pwnp4/sddefault.jpg)"
></div>
</div>
</div>
<div class="landing-block-node-card js-slide js-animation fadeIn g-px-15 col-12 col-sm-6 col-lg-6">
<div class="landing-block-node-video-container embed-responsive embed-responsive-16by9 scale-100 mx-auto w-100">
<div class="landing-block-node-card-video embed-responsive-item g-video-preview w-100"
data-src="//www.youtube.com/embed/IISycTRZ-UA?autoplay=0&controls=1&loop=1&mute=0&rel=0"
data-source="https://www.youtube.com/watch?v=IISycTRZ-UA"
data-preview="//img.youtube.com/vi/q4d8g9Dn3ww/sddefault.jpg"
style="background-image:url(//img.youtube.com/vi/IISycTRZ-UA/sddefault.jpg)"
></div>
</div>
</div>
</div>
</div>
</section>