Your IP : 216.73.216.86


Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/44.3.four_columns_text_with_img/
Upload File :
Current File : /var/www/homesaver/www/bitrix/blocks/bitrix/44.3.four_columns_text_with_img/block.php

<section class="landing-block w-100 no-gutters" data-slider-arrows="3" data-slider-animation="1">
	<div class="js-carousel u-carousel-v5 row no-gutters"
		 data-infinite="true"
		 data-slides-scroll="true"
		 data-slides-show="4"
		 data-arrows-classes="u-arrow-v1 g-pos-abs g-top-150 g-width-45 g-height-45 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-chevron-left g-left-0"
		 data-arrow-right-classes="fa fa-chevron-right g-right-0"
		 data-responsive='[{
               "breakpoint": 1200,
               "settings": {
                 "slidesToShow": 4
               }
             }, {
               "breakpoint": 992,
               "settings": {
                 "slidesToShow": 3
               }
             }, {
               "breakpoint": 768,
               "settings": {
                 "slidesToShow": 2
               }
             }, {
               "breakpoint": 576,
               "settings": {
                 "slidesToShow": 1
               }
             }]'
		 data-init-classes-exclude='[{
				 "selector": ".landing-block-node-card",
				 "class": "col-12 col-sm-4 col-lg-3"
			   }, {
				 "selector": ".js-carousel",
				 "class": "row no-gutters"
			   }]'>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 h-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img5.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-color-white g-mb-15 g-link-not-colored">
						Nullam lobortis bibendum eros nec ultricies</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35 g-link-not-colored">
						<p>Cras sit amet varius velit. Maecenas porta
							condimentum tortor at sagittis. Cum sociis natoque penatibus et magnis dis
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn g-btn-type-solid g-btn-size-md g-btn-px-m text-uppercase g-btn-primary rounded-0"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 h-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img6.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-color-white g-mb-15 g-link-not-colored">
						Aliquam dapibus quis sapien id pharetra</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35 g-link-not-colored">
						<p>In finibus vehicula lorem, in tempor diam convallis
							non. Curabitur vel risus vitae urna auctor aliquam.
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn g-btn-type-solid g-btn-size-md g-btn-px-m text-uppercase g-btn-primary rounded-0"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 h-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img7.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-color-white g-mb-15 g-link-not-colored">
						Duis sagittis purus a pretium tincidunt</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35 g-link-not-colored">
						<p>Cras sit amet varius velit. Maecenas porta
							condimentum tortor at sagittis. Cum sociis natoque penatibus et magnis dis
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn g-btn-type-solid g-btn-size-md g-btn-px-m text-uppercase g-btn-primary rounded-0"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 h-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img8.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-color-white g-mb-15 g-link-not-colored">
						Nullam lobortis bibendum eros nec ultricies</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35 g-link-not-colored">
						<p>Maecenas tempor arcu eget gravida sagittis. In
							hendrerit libero ligula, ac pharetra libero dapibus id. Cras iaculis purus sit
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn g-btn-type-solid g-btn-size-md g-btn-px-m text-uppercase g-btn-primary rounded-0"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 h-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img5.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-color-white g-mb-15 g-link-not-colored">
						Aliquam dapibus quis sapien id pharetra</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35 g-link-not-colored">
						<p>In finibus vehicula lorem, in tempor diam convallis
							non. Curabitur vel risus vitae urna auctor aliquam.
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn g-btn-type-solid g-btn-size-md g-btn-px-m text-uppercase g-btn-primary rounded-0"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>

		<div class="landing-block-node-card js-slide g-theme-travel-bg-black-v1 g-bg-primary--hover col-12 col-sm-4 col-lg-3">
			<article class="w-100 h-100 u-shadow-v26 g-parent">
				<img class="landing-block-node-card-img img-fluid w-100"
					 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x436/img6.jpg" alt="">

				<div class="landing-block-node-card-text-container js-animation fadeInUp text-center g-px-20 g-py-40 g-pa-45--sm">
					<h3 class="landing-block-node-card-title text-uppercase fg-font-weight-700 g-color-white g-mb-15 g-link-not-colored">
						Aliquam dapibus quis sapien id pharetra</h3>
					<div class="landing-block-node-card-text g-color-white-opacity-0_8 g-mb-35 g-link-not-colored">
						<p>In finibus vehicula lorem, in tempor diam convallis
							non. Curabitur vel risus vitae urna auctor aliquam.
						</p>
					</div>
					<div class="landing-block-node-card-button-container">
						<a class="landing-block-node-card-button btn g-btn-type-solid g-btn-size-md g-btn-px-m text-uppercase g-btn-primary rounded-0"
						   href="#">Learn more</a>
					</div>
				</div>
			</article>
		</div>
	</div>
</section>