Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/cvetdv.ru/bitrix/blocks/bitrix/37.3.two_cols_blocks_carousel/ |
Upload File : |
<section class="landing-block g-pt-30 g-pb-30"> <div class="landing-block-slider container" data-slider-slides-show="2" data-slider-arrows="1" data-slider-dots="0" data-slider-animation="1"> <!-- Carousel --> <div class="js-carousel u-carousel-v5 g-pb-85 g-mx-minus-15" data-slides-show="2" data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-pt-15" data-arrows-classes="u-arrow-v1 g-pos-abs g-absolute-centered--x--md g-bottom-0 g-width-45 g-height-45 g-transition-0_2 g-transition--ease-in g-color-gray g-color-white--hover g-bg-gray-light-v5 g-bg-primary--hover" data-arrow-left-classes="fa fa-chevron-left g-left-15 g-left-50x--md g-ml-minus-40--md" data-arrow-right-classes="fa fa-chevron-right g-right-15 g-left-50x--md g-ml-40--md" data-responsive='[{ "breakpoint": 1200, "settings": { "slidesToShow": 2 } }, { "breakpoint": 992, "settings": { "slidesToShow": 1 } }]'> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bgimg clearfix g-bg-size-cover g-pos-rel g-width-100x--after" style="background-image:url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x496/img4.jpg');"> <!-- Article Content --> <div class="landing-block-node-card-text-bg float-right g-color-gray-light-v1 g-bg-black-opacity-0_7 g-width-50x--sm g-pb-30 g-pt-30 g-pr-30 g-pl-30 g-height-100x d-flex flex-column"> <h6 class="landing-block-node-card-title js-animation fadeInLeft text-uppercase g-font-weight-700 g-color-white g-mb-15"> Education Project</h6> <div class="landing-block-node-card-text js-animation fadeInRight g-mb-45"> <p>Mauris molestie ullamcorper nisl eget hendrerit. Sed faucibus suscipit justo, eu dignissim tellus pretium et. </p> </div> <div class="clearfix text-uppercase g-color-white g-font-size-11 g-mb-35"> <div class="float-right landing-block-node-card-label-right"> <span style="font-weight: bold; color:#f5f219 !important">274</span> Days Left </div> <div class="landing-block-node-card-label-left"> Our Goal: <span style="font-weight: bold; color:#f5f219 !important">$760 000</span> </div> </div> <a class="btn landing-block-node-card-button js-animation fadeInLeft g-valign-middle btn-block text-uppercase g-btn-primary g-color-gray-dark-v1 rounded-0 mt-auto g-btn-type-solid g-btn-size-md g-btn-px-m rounded-0" href="#"> Donate Now </a> </div> <!-- End Article Content --> </article> <!-- End Article --> </div> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bgimg clearfix g-bg-size-cover g-pos-rel g-width-100x--after" style="background-image:url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x496/img5.jpg');"> <!-- Article Content --> <div class="landing-block-node-card-text-bg float-right g-color-gray-light-v1 g-bg-black-opacity-0_7 g-width-50x--sm g-pb-30 g-pt-30 g-pr-30 g-pl-30 g-height-100x d-flex flex-column"> <h6 class="landing-block-node-card-title js-animation fadeInLeft text-uppercase g-font-weight-700 g-color-white g-mb-15"> Water Project</h6> <div class="landing-block-node-card-text js-animation fadeInRight g-mb-45"> <p>Mauris molestie ullamcorper nisl eget hendrerit. Sed faucibus suscipit justo, eu dignissim tellus pretium et. </p> </div> <div class="clearfix text-uppercase g-color-white g-font-size-11 g-mb-35"> <div class="float-right landing-block-node-card-label-right"> <span style="font-weight: bold; color:#f5f219 !important">199</span> Days Left </div> <div class="landing-block-node-card-label-left"> Our Goal: <span style="font-weight: bold; color:#f5f219 !important">$2 600 000</span> </div> </div> <a class="btn landing-block-node-card-button js-animation fadeInLeft g-valign-middle btn-block text-uppercase g-btn-primary g-color-gray-dark-v1 rounded-0 mt-auto g-btn-type-solid g-btn-size-md g-btn-px-m rounded-0" href="#"> Donate Now </a> </div> <!-- End Article Content --> </article> <!-- End Article --> </div> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bgimg clearfix g-bg-size-cover g-pos-rel g-width-100x--after" style="background-image:url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x496/img6.jpg');"> <!-- Article Content --> <div class="landing-block-node-card-text-bg float-right g-color-gray-light-v1 g-bg-black-opacity-0_7 g-width-50x--sm g-pb-30 g-pt-30 g-pr-30 g-pl-30 g-height-100x d-flex flex-column"> <h6 class="landing-block-node-card-title js-animation fadeInLeft text-uppercase g-font-weight-700 g-color-white g-mb-15"> Education Project</h6> <div class="landing-block-node-card-text js-animation fadeInRight g-mb-45"> <p>Mauris molestie ullamcorper nisl eget hendrerit. Sed faucibus suscipit justo, eu dignissim tellus pretium et. </p> </div> <div class="clearfix text-uppercase g-color-white g-font-size-11 g-mb-35"> <div class="float-right landing-block-node-card-label-right"> <span style="font-weight: bold; color:#f5f219 !important">274</span> Days Left </div> <div class="landing-block-node-card-label-left"> Our Goal: <span style="font-weight: bold; color:#f5f219 !important">$760 000</span> </div> </div> <a class="btn landing-block-node-card-button js-animation fadeInLeft g-valign-middle btn-block text-uppercase g-btn-primary g-color-gray-dark-v1 rounded-0 mt-auto g-btn-type-solid g-btn-size-md g-btn-px-m rounded-0" href="#"> Donate Now </a> </div> <!-- End Article Content --> </article> <!-- End Article --> </div> <div class="landing-block-node-card js-slide g-px-15"> <!-- Article --> <article class="landing-block-node-card-bgimg clearfix g-bg-size-cover g-pos-rel g-width-100x--after" style="background-image:url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x496/img7.jpg');"> <!-- Article Content --> <div class="landing-block-node-card-text-bg float-right g-color-gray-light-v1 g-bg-black-opacity-0_7 g-width-50x--sm g-pb-30 g-pt-30 g-pr-30 g-pl-30 g-height-100x d-flex flex-column"> <h6 class="landing-block-node-card-title js-animation fadeInLeft text-uppercase g-font-weight-700 g-color-white g-mb-15"> Water Project</h6> <div class="landing-block-node-card-text js-animation fadeInRight g-mb-45"> <p>Mauris molestie ullamcorper nisl eget hendrerit. Sed faucibus suscipit justo, eu dignissim tellus pretium et. </p> </div> <div class="clearfix text-uppercase g-color-white g-font-size-11 g-mb-35"> <div class="float-right landing-block-node-card-label-right"> <span style="font-weight: bold; color:#f5f219 !important">199</span> Days Left </div> <div class="landing-block-node-card-label-left"> Our Goal: <span style="font-weight: bold; color:#f5f219 !important">$2 600 000</span> </div> </div> <a class="btn landing-block-node-card-button js-animation fadeInLeft g-valign-middle btn-block text-uppercase g-btn-primary g-color-gray-dark-v1 rounded-0 mt-auto g-btn-type-solid g-btn-size-md g-btn-px-m rounded-0" href="#"> Donate Now </a> </div> <!-- End Article Content --> </article> <!-- End Article --> </div> </div> <!-- End Carousel --> </div> </section>