Your IP : 3.144.21.68


Current Path : /home/bitrix/ext_www/crm.klimatlend.ua/bitrix/blocks/bitrix/43.1.big_tiles_with_slider/
Upload File :
Current File : /home/bitrix/ext_www/crm.klimatlend.ua/bitrix/blocks/bitrix/43.1.big_tiles_with_slider/block.php

<section class="landing-block">
	<div class="container-fluid px-0">
		<div class="row no-gutters">
			<div class="landing-block-node-img1 col-md-6 col-lg-6 g-bg-img-hero g-min-height-300 g-height-auto js-animation fadeInLeft"
				 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1200x781/img1.jpg);"></div>

			<div class="landing-block-node-block-top col-md-6 col-lg-6 d-flex align-items-center text-center g-pa-50 js-animation fadeInRight">
				<div class="w-100">
					<div class="g-mb-25">
						<h4 class="landing-block-node-subtitle landing-semantic-subtitle-medium-primary g-font-weight-700 g-font-size-20 g-color-primary g-mb-25">
							About Spa</h4>
						<h2 class="landing-block-node-title landing-semantic-title-medium text-uppercase g-font-weight-700 g-font-size-22 mb-0">
							Perfect place for your
							relaxation</h2>
					</div>

					<div class="landing-block-node-text landing-semantic-text-medium g-mb-35">
						<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim
							justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
					</div>
					<div class="landing-block-node-button-container">
						<a class="landing-block-node-button landing-semantic-link-medium btn g-btn-type-solid g-btn-size-sm g-btn-px-l text-uppercase g-btn-primary rounded-0 g-py-10"
						   href="#">View our procedures</a>
					</div>
				</div>
			</div>
		</div>

		<div class="row no-gutters">
			<div class="landing-block-node-img2 col-md-6 col-lg-6 g-bg-img-hero g-height-250 g-height-500--md js-animation fadeInLeft"
				 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1200x781/img2.jpg);"></div>

			<div class="col-md-6 col-lg-6">
				<div class="js-carousel"
					 data-infinite="true"
					 data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-45 g-height-55 g-font-size-12 g-color-gray-dark-v5 g-bg-white g-mt-minus-10"
					 data-arrow-left-classes="fa fa-chevron-left g-left-0"
					 data-arrow-right-classes="fa fa-chevron-right g-right-0">
					<div class="landing-block-node-card js-slide d-flex align-items-center">
						<div class="landing-block-node-card-img w-100 g-bg-img-hero g-height-250 g-height-500--md js-animation fadeInRight"
							 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1200x781/img3.jpg);"></div>
					</div>

					<div class="landing-block-node-card js-slide d-flex align-items-center">
						<div class="landing-block-node-card-img w-100 g-bg-img-hero g-height-250 g-height-500--md js-animation fadeInRight"
							 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1200x781/img4.jpg);"></div>
					</div>

					<div class="landing-block-node-card js-slide d-flex align-items-center">
						<div class="landing-block-node-card-img w-100 g-bg-img-hero g-height-250 g-height-500--md js-animation fadeInRight"
							 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1200x781/img5.jpg);"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>