Your IP : 216.73.216.86


Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/28.4.team_4_cols_hover_slider/
Upload File :
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>