| 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/rospirotorg.ru/bitrix/blocks/bitrix/40.2.two_cols_carousel/ |
Upload File : |
<section class="landing-block g-pt-30 g-pb-30">
<div class="landing-block-slider container-fluid g-px-30" data-slider-slides-show="2" data-slider-arrows="3" data-slider-dots="0" data-slider-animation="1">
<div class="js-carousel g-pos-rel g-mx-minus-15 row"
data-infinite="true"
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-45 g-height-45 g-font-size-40 g-transition-0_2 g-transition--ease-in g-color-white g-bg-primary g-opacity-0_8--hover"
data-arrow-left-classes="fa fa-angle-left g-left-minus-15"
data-arrow-right-classes="fa fa-angle-right g-right-minus-15"
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 g-px-15 col-12 col-sm-6 col-lg-6">
<!-- Article -->
<article class="g-parent g-pos-rel">
<figure class="u-bg-overlay g-pointer-events-before-after-none g-bg-black-opacity-0_5--after g-overflow-hidden">
<img class="landing-block-node-card-img img-fluid w-100 g-grayscale-100x g-grayscale-0--parent-hover g-transition-0_2 g-transition--ease-in"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/1332x806/img1.jpg" alt="">
</figure>
<div class="landing-block-node-container js-animation fadeIn media d-block d-md-flex u-bg-overlay__inner g-pos-abs g-bottom-0 g-left-0 w-100 g-px-15 g-py-10 g-pa-50--lg g-pointer-events-none">
<div class="landing-block-node-card-date g-line-height-1 g-font-weight-700 g-font-size-36 g-color-primary g-mr-20">
02.07
</div>
<div class="media-body g-color-white">
<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-10">
Aliquam erat volutpat
</h3>
<div class="landing-block-node-card-text g-color-white-opacity-0_7 mb-0">
<p>Fusce dolor libero, efficitur et lobortis at, faucibus nec nunc. Proin fermentum
turpis eget nisi facilisis lobortis.
</p>
</div>
</div>
</div>
</article>
<!-- End Article -->
</div>
<div class="landing-block-node-card js-slide g-px-15 col-12 col-sm-6 col-lg-6">
<!-- Article -->
<article class="g-parent g-pos-rel">
<figure class="u-bg-overlay g-pointer-events-before-after-none g-bg-black-opacity-0_5--after g-overflow-hidden">
<img class="landing-block-node-card-img img-fluid w-100 g-grayscale-100x g-grayscale-0--parent-hover g-transition-0_2 g-transition--ease-in"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/1332x806/img2.jpg" alt="">
</figure>
<div class="landing-block-node-container js-animation fadeIn media d-block d-md-flex u-bg-overlay__inner g-pos-abs g-bottom-0 g-left-0 w-100 g-px-15 g-py-10 g-pa-50--lg g-pointer-events-none">
<div class="landing-block-node-card-date g-line-height-1 g-font-weight-700 g-font-size-36 g-color-primary g-mr-20">
01.07
</div>
<div class="media-body g-color-white">
<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-10">
Aliquam erat volutpat
</h3>
<div class="landing-block-node-card-text g-color-white-opacity-0_7 mb-0">
<p>Fusce dolor libero, efficitur et lobortis at, faucibus nec nunc. Proin fermentum
turpis eget nisi facilisis lobortis.
</p>
</div>
</div>
</div>
</article>
<!-- End Article -->
</div>
<div class="landing-block-node-card js-slide g-px-15 col-12 col-sm-6 col-lg-6">
<!-- Article -->
<article class="g-parent g-pos-rel">
<figure class="u-bg-overlay g-pointer-events-before-after-none g-bg-black-opacity-0_5--after g-overflow-hidden">
<img class="landing-block-node-card-img img-fluid w-100 g-grayscale-100x g-grayscale-0--parent-hover g-transition-0_2 g-transition--ease-in"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/1332x806/img3.jpg" alt="">
</figure>
<div class="landing-block-node-container js-animation fadeIn media d-block d-md-flex u-bg-overlay__inner g-pos-abs g-bottom-0 g-left-0 w-100 g-px-15 g-py-10 g-pa-50--lg g-pointer-events-none">
<div class="landing-block-node-card-date media-left g-line-height-1 g-font-weight-700 g-font-size-36 g-color-primary g-mr-20">
04.06
</div>
<div class="media-body g-color-white">
<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-10">
Aliquam erat volutpat
</h3>
<div class="landing-block-node-card-text g-color-white-opacity-0_7 mb-0">
<p>Fusce dolor libero, efficitur et lobortis at,
faucibus nec nunc. Proin fermentum turpis eget nisi facilisis lobortis.
</p>
</div>
</div>
</div>
</article>
<!-- End Article -->
</div>
<div class="landing-block-node-card js-slide g-px-15 col-12 col-sm-6 col-lg-6">
<!-- Article -->
<article class="g-parent g-pos-rel">
<figure class="u-bg-overlay g-pointer-events-before-after-none g-bg-black-opacity-0_5--after g-overflow-hidden">
<img class="landing-block-node-card-img img-fluid w-100 g-grayscale-100x g-grayscale-0--parent-hover g-transition-0_2 g-transition--ease-in"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/1332x806/img4.jpg" alt="">
</figure>
<div class="landing-block-node-container js-animation fadeIn media d-block d-md-flex u-bg-overlay__inner g-pos-abs g-bottom-0 g-left-0 w-100 g-px-15 g-py-10 g-pa-50--lg g-pointer-events-none">
<div class="landing-block-node-card-date media-left g-line-height-1 g-font-weight-700 g-font-size-36 g-color-primary g-mr-20">
02.05
</div>
<div class="media-body g-color-white">
<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-mb-10">
Aliquam erat volutpat
</h3>
<div class="landing-block-node-card-text g-color-white-opacity-0_7 mb-0">
<p>Fusce dolor libero, efficitur et lobortis at, faucibus nec nunc. Proin fermentum
turpis eget nisi facilisis lobortis.
</p>
</div>
</div>
</div>
</article>
<!-- End Article -->
</div>
</div>
</div>
</section>