Server IP : 85.193.89.191 / Your IP : 18.191.107.190 Web Server : Apache System : Linux 956367-cx40159.tmweb.ru 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : bitrix ( 600) PHP Version : 8.1.27 Disable Function : NONE MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/bitrix/www/bitrix/blocks/bitrix/45.2.gallery_app_with_slider/ |
Upload File : |
<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>