| Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/28.4.team_4_cols_hover_slider/ |
| Current File : /var/www/homesaver/www/bitrix/blocks/bitrix/28.4.team_4_cols_hover_slider/block.php |
<section class="landing-block g-pt-30 g-pb-30">
<div class="landing-block-slider container" data-slider-slides-show="4" data-slider-arrows="5" data-slider-animation="1">
<!-- Carousel -->
<section class="js-carousel g-pb-90 row"
data-autoplay="false"
data-slides-show="4"
data-slides-scroll="4"
data-arrows-classes="u-arrow-v1 g-pos-abs g-bottom-0 g-width-45 g-height-45 g-transition-0_2 g-transition--ease-in g-color-white g-bg-gray-light-v2 g-bg-primary--hover"
data-arrow-left-classes="fa fa-chevron-left g-left-15 g-left-35x--md"
data-arrow-right-classes="fa fa-chevron-right g-right-15 g-right-35x--md"
data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-bottom-20 text-center"
data-responsive='[{
"breakpoint": 1200,
"settings": {
"slidesToShow": 4,
"slidesToScroll": 4
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 3,
"slidesToScroll": 3
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 2,
"slidesToScroll": 2
}
}, {
"breakpoint": 576,
"settings": {
"slidesToShow": 1,
"slidesToScroll": 1
}
}]'
data-init-classes-exclude='[{
"selector": ".landing-block-card-member",
"class": "col-12 col-sm-4 col-lg-3"
}, {
"selector": ".js-carousel",
"class": "row"
}]'>
<div class="landing-block-card-member js-slide js-animation fadeInUp g-px-15 col-12 col-sm-4 col-lg-3">
<!-- Figure -->
<figure class="text-center g-pos-rel">
<img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img1.jpg"
alt="Image description">
<figcaption class="landing-block-card-member-container g-mt-0 g-pos-abs g-top-0 g-left-0 d-flex flex-column justify-content-center w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in g-pointer-events-none">
<div class="align-self-center g-pa-20 g-pointer-events-all">
<div class="landing-block-node-member-post text-uppercase g-color-white-opacity-0_7 g-mb-15">
<p>Chef</p>
</div>
<h2 class="landing-block-node-member-name text-uppercase g-font-weight-700 g-color-white g-mb-15">
George
Freeman</h2>
<div class="landing-block-node-member-text g-color-white-opacity-0_7 g-mb-20 g-px-10">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="landing-block-card-member js-slide js-animation fadeInUp g-px-15 col-12 col-sm-4 col-lg-3">
<!-- Figure -->
<figure class="text-center g-pos-rel">
<img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img2.jpg"
alt="Image description">
<figcaption class="landing-block-card-member-container g-mt-0 g-pos-abs g-top-0 g-left-0 d-flex flex-column justify-content-center w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in g-pointer-events-none">
<div class="align-self-center g-pa-20 g-pointer-events-all">
<div class="landing-block-node-member-post text-uppercase g-color-white-opacity-0_7 g-mb-15">
<p>Chef</p>
</div>
<h2 class="landing-block-node-member-name text-uppercase g-font-weight-700 g-color-white g-mb-15">
Hilary
Johnson</h2>
<div class="landing-block-node-member-text g-color-white-opacity-0_7 g-mb-20 g-px-10">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="landing-block-card-member js-slide js-animation fadeInUp g-px-15 col-12 col-sm-4 col-lg-3">
<!-- Figure -->
<figure class="text-center g-pos-rel">
<img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img3.jpg"
alt="Image description">
<figcaption class="landing-block-card-member-container g-mt-0 g-pos-abs g-top-0 g-left-0 d-flex flex-column justify-content-center w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in g-pointer-events-none">
<div class="align-self-center g-pa-20 g-pointer-events-all">
<div class="landing-block-node-member-post text-uppercase g-color-white-opacity-0_7 g-mb-15">
<p>Chef</p>
</div>
<h2 class="landing-block-node-member-name text-uppercase g-font-weight-700 g-color-white g-mb-15">
Alice
Regen</h2>
<div class="landing-block-node-member-text g-color-white-opacity-0_7 g-mb-20 g-px-10">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="landing-block-card-member js-slide js-animation fadeInUp g-px-15 col-12 col-sm-4 col-lg-3">
<!-- Figure -->
<figure class="text-center g-pos-rel">
<img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img4.jpg"
alt="Image description">
<figcaption class="landing-block-card-member-container g-mt-0 g-pos-abs g-top-0 g-left-0 d-flex flex-column justify-content-center w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in g-pointer-events-none">
<div class="align-self-center g-pa-20 g-pointer-events-all">
<div class="landing-block-node-member-post text-uppercase g-color-white-opacity-0_7 g-mb-15">
<p>Chef</p>
</div>
<h2 class="landing-block-node-member-name text-uppercase g-font-weight-700 g-color-white g-mb-15">
Kate
Dolli</h2>
<div class="landing-block-node-member-text g-color-white-opacity-0_7 g-mb-20 g-px-10">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="landing-block-card-member js-slide js-animation fadeInUp g-px-15 col-12 col-sm-4 col-lg-3">
<!-- Figure -->
<figure class="text-center g-pos-rel">
<img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img1.jpg"
alt="Image description">
<figcaption class="landing-block-card-member-container g-mt-0 g-pos-abs g-top-0 g-left-0 d-flex flex-column justify-content-center w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in g-pointer-events-none">
<div class="align-self-center g-pa-20 g-pointer-events-all">
<div class="landing-block-node-member-post text-uppercase g-color-white-opacity-0_7 g-mb-15">
<p>Chef</p>
</div>
<h2 class="landing-block-node-member-name text-uppercase g-font-weight-700 g-color-white g-mb-15">
Mona
Watson</h2>
<div class="landing-block-node-member-text g-color-white-opacity-0_7 g-mb-20 g-px-10">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="landing-block-card-member js-slide js-animation fadeInUp g-px-15 col-12 col-sm-4 col-lg-3">
<!-- Figure -->
<figure class="text-center g-pos-rel">
<img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img2.jpg"
alt="Image description">
<figcaption class="landing-block-card-member-container g-mt-0 g-pos-abs g-top-0 g-left-0 d-flex flex-column justify-content-center w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in g-pointer-events-none">
<div class="align-self-center g-pa-20 g-pointer-events-all">
<div class="landing-block-node-member-post text-uppercase g-color-white-opacity-0_7 g-mb-15">
<p>Chef</p>
</div>
<h2 class="landing-block-node-member-name text-uppercase g-font-weight-700 g-color-white g-mb-15">
Edward
Luma</h2>
<div class="landing-block-node-member-text g-color-white-opacity-0_7 g-mb-20 g-px-10">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="landing-block-card-member js-slide js-animation fadeInUp g-px-15 col-12 col-sm-4 col-lg-3">
<!-- Figure -->
<figure class="text-center g-pos-rel">
<img class="landing-block-node-member-photo w-100" src="https://cdn.bitrix24.site/bitrix/images/landing/business/270x450/img3.jpg"
alt="Image description">
<figcaption class="landing-block-card-member-container g-mt-0 g-pos-abs g-top-0 g-left-0 d-flex flex-column justify-content-center w-100 h-100 g-bg-primary-opacity-0_9 opacity-0 g-opacity-1--hover g-transition-0_2 g-transition--ease-in g-pointer-events-none">
<div class="align-self-center g-pa-20 g-pointer-events-all">
<div class="landing-block-node-member-post text-uppercase g-color-white-opacity-0_7 g-mb-15">
<p>Chef</p>
</div>
<h2 class="landing-block-node-member-name text-uppercase g-font-weight-700 g-color-white g-mb-15">
Shadiah
Dolumn</h2>
<div class="landing-block-node-member-text g-color-white-opacity-0_7 g-mb-20 g-px-10">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</figcaption>
</figure>
</div>
</section>
<!-- End Carousel -->
</div>
</section>