| Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/45.2.gallery_app_with_slider/ |
| Current File : /var/www/homesaver/www/bitrix/blocks/bitrix/45.2.gallery_app_with_slider/block.php |
<div class="landing-block g-pt-30 g-pb-30">
<div class="landing-block-slider container g-py-10" data-slider-animation="1">
<div class="js-carousel js-gallery-cards landing-gallery-app-slider row g-pb-20"
data-infinite="true"
data-slides-show="3"
data-slides-scroll="3"
data-pagi-classes="text-center u-carousel-indicators-v1 g-absolute-centered--x g-bottom-0 g-wid"
data-responsive='[{
"breakpoint": 1200,
"settings": {
"slidesToShow": 3,
"slidesToScroll": 3
}
}, {
"breakpoint": 992,
"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-md-6 col-lg-4"
}]'>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img1.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img2.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img3.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img4.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img5.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img6.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img7.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img8.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img9.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img10.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img11.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
<div class="landing-block-node-card col-12 col-md-6 col-lg-4 js-animation slideInUp text-center g-px-30 g-mb-30 align-self-start">
<div class="g-pos-rel g-parent d-inline-block w-100">
<img class="landing-block-node-card-img g-object-fit-cover g-width-auto g-max-width-100x g-max-height-500 mx-auto"
data-fancybox="gallery" data-link-classes="d-block g-pos-rel h-auto" alt=""
src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x481/img12.jpg"/>
<div class="landing-block-node-card-title-container g-pointer-events-all w-100 g-pos-abs g-bottom-0 g-left-0 text-center g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--parent-hover g-pa-20 g-transition-0_2 g-transition--ease-in">
<h3 class="landing-block-node-card-title g-color-white">Title</h3>
<div class="landing-block-node-card-subtitle g-color-white">Text</div>
</div>
</div>
</div>
</div>
</div>
</div>