Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/40.3.text_blocks_carousel_with_bgimg/
Upload File :
Current File : /var/www/homesaver/www/bitrix/blocks/bitrix/40.3.text_blocks_carousel_with_bgimg/block.php

<section class="landing-block js-animation fadeIn landing-block-node-bgimg u-bg-overlay g-bg-black-opacity-0_7--after g-pt-100 g-pb-100"
		style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1920x964/img1.jpg);">
	<div class="u-bg-overlay__inner">
		<div class="container g-max-width-780 text-center g-mb-60">
			<div class="text-center u-heading-v8-1 g-mb-35">
				<h2 class="landing-block-node-title text-uppercase u-heading-v8__title g-font-weight-700 g-color-white mb-0">
					Success
					<span style="font-weight: bold;" class="g-color-primary">stories</span></h2>
			</div>

			<div class="landing-block-node-text mb-0 g-color-white">
				<p>Sed faucibus suscipit justo, eu dignissim tellus pretium et. Nam volutpat placerat libero
					sit amet elementum. Curabitur et neque et mauris maximus efficitur.</p>
			</div>
		</div>

		<div class="landing-block-slider container" data-slider-arrows="3" data-slider-dots="0" data-slider-animation="1">
			<!-- End Carousel v19 -->
			<section class="js-carousel g-pt-60 g-pt-0--md"
					 data-infinite="1"
					 data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-pt-20"
					 data-arrows-classes="u-arrow-v1 g-pos-abs g-absolute-centered--x--md g-top-0 g-width-40 g-height-40 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 g-left-50x--md g-ml-35--md"
					 data-arrow-right-classes="fa fa-chevron-right g-right-0 g-right-50x--md g-ml-85--md">
				<div class="landing-block-node-card js-slide">
					<div class="row justify-content-end">
						<div class="col-md-6 g-color-white g-pt-80--md">
							<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-color-white g-mb-5">
								Catherine
								Cameron</h3>
							<h6 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-color-primary g-mb-16">
								Molestie
								ullamcorper nisl eget</h6>
							<div class="landing-block-node-card-text g-mb-0">
								<p>Integer accumsan maximus leo, et consectetur metus vestibulum in.
									Vestibulum viverra justo odio. Donec eu nulla leo. Vivamus risus lacus, viverra eu
									maximus non, tincidunt sodales massa. Duis vulputate purus a libero luctus, sed
									dictum
									ante interdum. Nam vel leo ultricies, pretium magna at, consequat augue. Quisque
									bibendum vel enim quis pulvinar. Proin ac quam erat.</p>
							</div>
						</div>
					</div>
				</div>

				<div class="landing-block-node-card js-slide">
					<div class="row justify-content-end">
						<div class="col-md-6 g-color-white g-pt-80--md">
							<h3 class="landing-block-node-card-title text-uppercase g-font-weight-700 g-color-white g-mb-5">
								Catherine
								Cameron</h3>
							<h6 class="landing-block-node-card-subtitle text-uppercase g-font-weight-700 g-color-primary g-mb-16">
								Molestie
								ullamcorper nisl eget</h6>
							<div class="landing-block-node-card-text g-mb-0">
								<p>Integer accumsan maximus leo, et consectetur metus vestibulum in.
									Vestibulum viverra justo odio. Donec eu nulla leo. Vivamus risus lacus, viverra eu
									maximus non, tincidunt sodales massa. Duis vulputate purus a libero luctus, sed
									dictum
									ante interdum. Nam vel leo ultricies, pretium magna at, consequat augue. Quisque
									bibendum vel enim quis pulvinar. Proin ac quam erat.</p>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- End Carousel v19 -->
		</div>
	</div>
</section>