| Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/44.3.four_columns_text_with_img/ |
| 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>