Your IP : 108.162.216.192


Current Path : /var/www/element/data/www/revenuestory.ru/bitrix/blocks/bitrix/40.1.three_cols_carousel/
Upload File :
Current File : /var/www/element/data/www/revenuestory.ru/bitrix/blocks/bitrix/40.1.three_cols_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-autoplay="1" data-slider-slides-show="3" 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-autoplay="true"
			 data-slides-show="3"
			 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": 3
                 }
               }, {
                 "breakpoint": 992,
                 "settings": {
                   "slidesToShow": 2
                 }
               }, {
                 "breakpoint": 576,
                 "settings": {
                   "slidesToShow": 1
                 }
               }]'
			 data-init-classes-exclude='[{
                 "selector": ".landing-block-node-card",
                 "class": "col-12 col-sm-6 col-lg-4"
               }, {
                 "selector": ".js-carousel",
                 "class": "row"
               }]'>
			<div class="landing-block-node-card js-slide g-px-15 col-12 col-sm-6 col-lg-4">
				<!-- Article -->
				<article class="g-pos-rel">
					<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after g-pointer-events-before-after-none">
						<img class="landing-block-node-card-img img-fluid w-100"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img1.jpg" alt="">
					</figure>

					<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-pa-30">
						<div>
							<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
								<i class="landing-block-node-card-icon fa fa-calendar"></i>
							</span>
							<div class="landing-block-node-card-subtitle landing-semantic-subtitle-image-small d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
								<p>Duration, 3 Months.</p>
							</div>
						</div>
						<h2 class="landing-block-node-card-title landing-semantic-title-image-small text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-color-white g-mb-10">
							Dance courses
						</h2>
						<div class="landing-block-node-card-text landing-semantic-text-image-medium g-color-white-opacity-0_8 g-mb-30">
							<p>Curabitur eget tortor sed urna
								faucibus iaculis id et nulla sed fringilla quam.</p>
						</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button landing-semantic-link-image-medium btn g-btn-type-solid g-btn-size-sm g-btn-px-l text-uppercase g-btn-primary rounded-0"
							   href="#">Learn More</a>
						</div>
					</header>
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide g-px-15 col-12 col-sm-6 col-lg-4">
				<!-- Article -->
				<article class="g-pos-rel">
					<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after g-pointer-events-before-after-none">
						<img class="landing-block-node-card-img img-fluid w-100"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img2.jpg" alt="">
					</figure>

					<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-pa-30">
						<div>
							<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
								<i class="landing-block-node-card-icon fa fa-calendar"></i>
							</span>
							<div class="landing-block-node-card-subtitle landing-semantic-subtitle-image-small d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
								<p>Duration, 4 Months.</p>
							</div>
						</div>
						<h2 class="landing-block-node-card-title landing-semantic-title-image-small text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-color-white g-mb-10">
							Creative photos
						</h2>
						<div class="landing-block-node-card-text landing-semantic-text-image-medium g-color-white-opacity-0_8 g-mb-30">
							<p>Curabitur eget tortor sed urna
								faucibus iaculis id et nulla sed fringilla quam.</p>
						</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button landing-semantic-link-image-medium btn g-btn-type-solid g-btn-size-sm g-btn-px-l text-uppercase g-btn-primary rounded-0"
							   href="#">Learn More</a>
						</div>
					</header>
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide g-px-15 col-12 col-sm-6 col-lg-4">
				<!-- Article -->
				<article class="g-pos-rel">
					<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after g-pointer-events-before-after-none">
						<img class="landing-block-node-card-img img-fluid w-100"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img3.jpg" alt="">
					</figure>

					<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-pa-30">
						<div>
							<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
								<i class="landing-block-node-card-icon fa fa-calendar"></i>
							</span>
							<div class="landing-block-node-card-subtitle landing-semantic-subtitle-image-small d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
								<p>Duration, 10 Months.</p>
							</div>
						</div>
						<h2 class="landing-block-node-card-title landing-semantic-title-image-small text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-color-white g-mb-10">
							Art for all
						</h2>
						<div class="landing-block-node-card-text landing-semantic-text-image-medium g-color-white-opacity-0_8 g-mb-30">
							<p>Curabitur eget tortor sed urna
								faucibus iaculis id et nulla sed fringilla quam.</p>
						</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button landing-semantic-link-image-medium btn g-btn-type-solid g-btn-size-sm g-btn-px-l text-uppercase g-btn-primary rounded-0"
							   href="#">Learn More</a>
						</div>
					</header>
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide g-px-15 col-12 col-sm-6 col-lg-4">
				<!-- Article -->
				<article class="g-pos-rel">
					<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after g-pointer-events-before-after-none">
						<img class="landing-block-node-card-img img-fluid w-100"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img4.jpg" alt="">
					</figure>

					<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-pa-30">
						<div>
							<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
								<i class="landing-block-node-card-icon fa fa-calendar"></i>
							</span>
							<div class="landing-block-node-card-subtitle landing-semantic-subtitle-image-small d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
								<p>Duration, 8 Months.</p>
							</div>
						</div>
						<h2 class="landing-block-node-card-title landing-semantic-title-image-small text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-color-white g-mb-10">
							Painting
						</h2>
						<div class="landing-block-node-card-text landing-semantic-text-image-medium g-color-white-opacity-0_8 g-mb-30">
							<p>Curabitur eget tortor sed urna
								faucibus iaculis id et nulla sed fringilla quam.</p>
						</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button landing-semantic-link-image-medium btn g-btn-type-solid g-btn-size-sm g-btn-px-l text-uppercase g-btn-primary rounded-0"
							   href="#">Learn More</a>
						</div>
					</header>
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide g-px-15 col-12 col-sm-6 col-lg-4">
				<!-- Article -->
				<article class="g-pos-rel">
					<figure class="landing-block-node-card-img-container u-bg-overlay g-bg-black-opacity-0_5--after g-pointer-events-before-after-none">
						<img class="landing-block-node-card-img img-fluid w-100"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/695x1135/img5.jpg" alt="">
					</figure>

					<header class="g-pos-abs g-bottom-0 g-left-0 w-100 g-pa-30">
						<div>
							<span class="landing-block-node-card-icon-container g-color-primary g-font-size-22 g-mr-10">
								<i class="landing-block-node-card-icon fa fa-calendar"></i>
							</span>
							<div class="landing-block-node-card-subtitle landing-semantic-subtitle-image-small d-inline-block text-uppercase g-font-weight-700 g-font-size-12 g-color-white g-mb-10">
								<p>Duration, 7 Months.</p>
							</div>
						</div>
						<h2 class="landing-block-node-card-title landing-semantic-title-image-small text-uppercase g-line-height-1 g-font-weight-700 g-font-size-40 g-color-white g-mb-10">
							Courses for elderly
						</h2>
						<div class="landing-block-node-card-text landing-semantic-text-image-medium g-color-white-opacity-0_8 g-mb-30">
							<p>Curabitur eget tortor sed urna
								faucibus iaculis id et nulla sed fringilla quam.</p>
						</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button landing-semantic-link-image-medium btn g-btn-type-solid g-btn-size-sm g-btn-px-l text-uppercase g-btn-primary rounded-0"
							   href="#">Learn More</a>
						</div>
					</header>
				</article>
				<!-- End Article -->
			</div>
		</div>
	</div>
</section>