Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/54.1.cover_with_slider_bgvideo/
Upload File :
Current File : /var/www/homesaver/www/bitrix/blocks/bitrix/54.1.cover_with_slider_bgvideo/block.php

<section class="landing-block u-bg-overlay g-flex-centered g-min-height-100vh g-bg-img-hero g-bg-black-opacity-0_5--after g-pt-80 g-pb-80 bg-video__wrapper">
	<div class="landing-block-node-video-container embed-responsive bg-video__inner">
		<div class="landing-block-node-video embed-responsive-item g-video-preview w-100"
			 data-src="//www.youtube.com/embed/q4d8g9Dn3ww?autoplay=1&controls=0&loop=1&mute=1&rel=0"
			 data-source="https://www.youtube.com/watch?v=q4d8g9Dn3ww"
			 data-preview="//img.youtube.com/vi/q4d8g9Dn3ww/sddefault.jpg"
			 style="background-image:url(//img.youtube.com/vi/q4d8g9Dn3ww/sddefault.jpg)"
		></div>
	</div>

	<div class="landing-block-slider container g-px-30 u-bg-overlay__inner" data-slider-autoplay="1" data-slider-autoplay-speed="5000" data-slider-animation="1">
		<div class="js-carousel"
			 data-autoplay="true"
			 data-infinite="true"
			 data-speed="5000"
			 data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-bottom-minus-70">

			<div class="landing-block-node-card js-slide align-self-center js-animation fadeIn g-px-15">
				<h2 class="landing-block-node-title text-uppercase g-line-height-1 g-font-weight-700 g-font-size-90 g-color-white g-mb-20">
					Solutions</h2>

				<div class="landing-block-node-text g-color-white-opacity-0_7 g-mb-35" data-auto-font-scale>
					Morbi a suscipit ipsum. Suspendisse mollis libero ante.
					Pellentesque finibus convallis nulla vel placerat.
				</div>
				<div class="landing-block-node-button-container">
					<a href="#"
					   class="landing-block-node-button btn g-btn-primary g-btn-type-solid g-btn-size-md g-btn-px-l text-uppercase g-rounded-50">Buy
						full version</a>
				</div>
			</div>

			<div class="landing-block-node-card js-slide align-self-center js-animation fadeIn g-px-15">
				<h2 class="landing-block-node-title text-uppercase g-line-height-1g-font-weight-700d g-font-size-90 g-color-white g-mb-20">
					High quality solutions</h2>

				<div class="landing-block-node-text g-color-white-opacity-0_7 g-mb-35" data-auto-font-scale>
					Morbi a suscipit ipsum. Suspendisse mollis libero ante.
					Pellentesque finibus convallis nulla vel placerat.
				</div>
				<div class="landing-block-node-button-container">
					<a href="#"
					   class="landing-block-node-button btn g-btn-primary g-btn-type-solid g-btn-size-md g-btn-px-l text-uppercase g-rounded-50">Buy
						full version</a>
				</div>
			</div>

			<div class="landing-block-node-card js-slide align-self-center js-animation fadeIn g-px-15">
				<h2 class="landing-block-node-title text-uppercase g-line-height-1 g-font-weight-700 g-font-size-90 g-color-white g-mb-20">
					The best solutions</h2>

				<div class="landing-block-node-text g-color-white-opacity-0_7 g-mb-35" data-auto-font-scale>
					Morbi a suscipit ipsum. Suspendisse mollis libero ante.
					Pellentesque finibus convallis nulla vel placerat.
				</div>
				<div class="landing-block-node-button-container">
					<a href="#"
					   class="landing-block-node-button btn g-btn-primary g-btn-type-solid g-btn-size-md g-btn-px-l text-uppercase g-rounded-50">Buy
						full version</a>
				</div>
			</div>
		</div>
	</div>
</section>