Your IP : 18.216.181.229


Current Path : /home/bitrix/ext_www/easy-comfort.com.ua/bitrix/blocks/bitrix/39.1.five_blocks_carousel/
Upload File :
Current File : /home/bitrix/ext_www/easy-comfort.com.ua/bitrix/blocks/bitrix/39.1.five_blocks_carousel/block.php

<section class="landing-block g-pt-30 g-pb-30">
	<div class="js-carousel"
		 data-infinite="true"
		 data-slides-show="5"
		 data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-45 g-height-60 g-font-size-60 g-color-white g-bg-primary"
		 data-arrow-left-classes="fa fa-angle-left g-left-10"
		 data-arrow-right-classes="fa fa-angle-right g-right-10"
		 data-responsive='[{
               "breakpoint": 1200,
               "settings": {
                 "slidesToShow": 5
               }
             }, {
               "breakpoint": 992,
               "settings": {
                 "slidesToShow": 3
               }
             }, {
               "breakpoint": 446,
               "settings": {
                 "slidesToShow": 1
               }
             }]'>
		<div class="landing-block-node-card js-slide g-px-15">
			<!-- Article -->
			<article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2">
				<!-- Article Header -->
				<header class="g-pa-25">
					<div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15">
						<span style="font-weight: bold;">$3.500</span>
						/ per month
					</div>
					<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10">
						Ut pulvinar tellus sed elit luctus
					</h3>
					<div class="text-uppercase g-font-size-12">
						<a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover"
						   href="#">12 Reviews</a>
					</div>
				</header>
				<!-- End Article Header -->

				<!-- Article Image -->
				<img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img3.jpg" alt="">
				<!-- End Article Image -->

				<!-- Article Footer -->
				<footer class="d-table w-100">
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div>
					</div>
					
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div>
					</div>
					
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div>
					</div>
				</footer>
				<!-- End Article Footer -->
			</article>
			<!-- End Article -->
		</div>

		<div class="landing-block-node-card js-slide g-px-15">
			<!-- Article -->
			<article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2">
				<!-- Article Header -->
				<header class="g-pa-25">
					<div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15">
						<span style="font-weight: bold;">$3.500</span>
						/ per month
					</div>
					<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10">
						Ut pulvinar tellus sed elit luctus
					</h3>
					<div class="text-uppercase g-font-size-12">
						<a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover"
						   href="#">12 Reviews</a>
					</div>
				</header>
				<!-- End Article Header -->

				<!-- Article Image -->
				<img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img4.jpg" alt="">
				<!-- End Article Image -->

				<!-- Article Footer -->
				<footer class="d-table w-100">
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div>
					</div>
				</footer>
				<!-- End Article Footer -->
			</article>
			<!-- End Article -->
		</div>

		<div class="landing-block-node-card js-slide g-px-15">
			<!-- Article -->
			<article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2">
				<!-- Article Header -->
				<header class="g-pa-25">
					<div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15">
						<span style="font-weight: bold;">$3.500</span>
						/ per month
					</div>
					<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10">
						Ut pulvinar tellus sed elit luctus
					</h3>
					<div class="text-uppercase g-font-size-12">
						<a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover"
						   href="#">12 Reviews</a>
					</div>
				</header>
				<!-- End Article Header -->

				<!-- Article Image -->
				<img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img5.jpg" alt="">
				<!-- End Article Image -->

				<!-- Article Footer -->
				<footer class="d-table w-100">
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div>
					</div>
				</footer>
				<!-- End Article Footer -->
			</article>
			<!-- End Article -->
		</div>

		<div class="landing-block-node-card js-slide g-px-15">
			<!-- Article -->
			<article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2">
				<!-- Article Header -->
				<header class="g-pa-25">
					<div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15">
						<span style="font-weight: bold;">$3.500</span>
						/ per month
					</div>
					<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10">
						Ut pulvinar tellus sed elit luctus
					</h3>
					<div class="text-uppercase g-font-size-12">
						<a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover"
						   href="#">12 Reviews</a>
					</div>
				</header>
				<!-- End Article Header -->

				<!-- Article Image -->
				<img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img6.jpg" alt="">
				<!-- End Article Image -->

				<!-- Article Footer -->
				<footer class="d-table w-100">
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div>
					</div>
				</footer>
				<!-- End Article Footer -->
			</article>
			<!-- End Article -->
		</div>

		<div class="landing-block-node-card js-slide g-px-15">
			<!-- Article -->
			<article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2">
				<!-- Article Header -->
				<header class="g-pa-25">
					<div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15">
						<span style="font-weight: bold;">$3.500</span>
						/ per month
					</div>
					<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10">
						Ut pulvinar tellus sed elit luctus
					</h3>
					<div class="text-uppercase g-font-size-12">
						<a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover"
						   href="#">12 Reviews</a>
					</div>
				</header>
				<!-- End Article Header -->

				<!-- Article Image -->
				<img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img7.jpg" alt="">
				<!-- End Article Image -->

				<!-- Article Footer -->
				<footer class="d-table w-100">
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div>
					</div>
				</footer>
				<!-- End Article Footer -->
			</article>
			<!-- End Article -->
		</div>

		<div class="landing-block-node-card js-slide g-px-15">
			<!-- Article -->
			<article class="landing-block-node-card-bg js-animation fadeInUp text-center g-bg-white g-brd-around g-brd-gray-light-v3 g-rounded-4 g-my-2">
				<!-- Article Header -->
				<header class="g-pa-25">
					<div class="landing-block-node-card-subtitle text-uppercase g-letter-spacing-1 g-color-gray-dark-v5 g-mb-15">
						<span style="font-weight: bold;">$3.500</span>
						/ per month
					</div>
					<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_4 g-font-weight-700 g-font-size-16 g-mb-10">
						Ut pulvinar tellus sed elit luctus
					</h3>
					<div class="text-uppercase g-font-size-12">
						<a class="landing-block-node-card-link g-font-size-10 g-color-gray-dark-v5 g-color-primary--hover g-text-underline--none--hover"
						   href="#">12 Reviews</a>
					</div>
				</header>
				<!-- End Article Header -->

				<!-- Article Image -->
				<img class="landing-block-node-card-img w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x534/img8.jpg" alt="">
				<!-- End Article Image -->

				<!-- Article Footer -->
				<footer class="d-table w-100">
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon1 u-line-icon-pro icon-hotel-restaurant-022"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text1 g-font-size-12 g-valign-middle d-inline">4</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-brd-right g-brd-gray-light-v3 g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon2 u-line-icon-pro icon-hotel-restaurant-158"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text2 g-font-size-12 g-valign-middle d-inline">2</div>
					</div>
					<div class="landing-block-node-card-texticon-container g-color-gray-dark-v5 d-table-cell g-px-10 g-pt-15 g-pb-10">
						<div class="landing-block-node-card-icon-container g-mr-5 g-font-size-18 d-inline-block g-valign-middle">
							<i class="landing-block-node-card-icon3 u-line-icon-pro icon-real-estate-017"></i>
						</div>
						<div class="landing-block-node-card-icon-text landing-block-node-card-icon-text3 g-font-size-12 g-valign-middle d-inline">130 sqft</div>
					</div>
				</footer>
				<!-- End Article Footer -->
			</article>
			<!-- End Article -->
		</div>
	</div>
</section>