Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/43.2.three_tiles_with_img_zoom/
Upload File :
Current File : /var/www/homesaver/www/bitrix/blocks/bitrix/43.2.three_tiles_with_img_zoom/block.php

<section class="landing-block g-pt-30 g-pb-30">
	<div class="container">
		<div class="row align-items-stretch">
			<div class="col-md-6 col-lg-4 g-mb-30 g-mb-0--lg g-min-height-300">
				<article class="landing-block-node-block h-100 js-animation fadeInUp text-center u-block-hover u-bg-overlay g-color-white g-bg-black-opacity-0_3--after">
					<div class="landing-block-node-img1 h-100 w-100 g-bg-img-hero u-block-hover__main--zoom-v1"
						style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/800x867/img1.jpg);"
					></div>
					<div class="u-block-hover__additional u-bg-overlay__inner g-pos-abs g-flex-middle g-brd-around g-brd-2 g-brd-white-opacity-0_3 g-pa-15 g-ma-20">
						<div class="text-uppercase g-flex-middle-item">
							<h5 class="landing-block-node-subtitle1 g-font-weight-700 g-color-white g-brd-bottom g-brd-2 g-brd-primary g-mb-20">
								Face massage</h5>
							<h4 class="landing-block-node-title1 text-uppercase g-line-height-1 g-font-weight-700 g-font-size-35 g-mb-30">
								<span style="font-weight: bold;">40% Off</span>
							</h4>
							<div class="landing-block-node-button1-container">
								<a class="landing-block-node-button1 btn g-btn-type-solid g-btn-size-sm g-btn-px-l text-uppercase g-btn-primary rounded-0 g-py-10"
								   href="#">Contact us</a>
							</div>
						</div>
					</div>
				</article>
			</div>
			<div class="col-md-6 col-lg-4 g-mb-30 g-mb-0--lg g-min-height-300">
				<article class="landing-block-node-block h-100 js-animation fadeInUp text-center u-block-hover u-bg-overlay g-color-white g-bg-black-opacity-0_3--after">
					<div class="landing-block-node-img2 h-100 w-100 g-bg-img-hero u-block-hover__main--zoom-v1"
						style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/800x867/img2.jpg);"
					></div>
					<div class="u-block-hover__additional u-bg-overlay__inner g-pos-abs g-flex-middle g-brd-around g-brd-2 g-brd-white-opacity-0_3 g-pa-15 g-ma-20">
						<div class="text-uppercase g-flex-middle-item">
							<h5 class="landing-block-node-subtitle2 g-font-weight-700 g-color-white g-mb-5">
								20% Discount</h5>
							<h2 class="landing-block-node-title2 text-uppercase g-line-height-1 g-font-weight-700 g-mb-10">
								Products of spa
							</h2>
							<div class="landing-block-node-text2 g-font-weight-700 g-color-white mb-0">
								When you buy over 100$</div>
						</div>
					</div>
				</article>
			</div>
			<div class="col-lg-4">
				<article class="landing-block-node-bg-mini js-animation fadeInUp text-center u-block-hover g-color-white g-bg-primary g-mb-30">
					<div class="g-brd-around g-brd-2 g-brd-white-opacity-0_3 g-pa-30 g-ma-20">
						<div class="g-flex-middle-item">
							<h5 class="landing-block-node-title-mini text-uppercase g-font-weight-700 g-color-white g-mb-10">
								Relaxing
								massage</h5>
							<div class="landing-block-node-text-mini g-color-white mb-0">
								<p>Morbi ex urna, porttitor vel consequat non</p>
							</div>
						</div>
					</div>
				</article>
				<article class="landing-block-node-block-small js-animation fadeInUp text-center u-block-hover u-bg-overlay g-color-white g-bg-img-hero g-bg-black-opacity-0_3--after">
					<img class="landing-block-node-img-mini w-100 u-block-hover__main--zoom-v1" src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x401/img1.jpg"
						 alt="">
					<div class="u-block-hover__additional u-bg-overlay__inner g-pos-abs g-flex-middle g-brd-around g-brd-2 g-brd-white-opacity-0_3 g-pa-15 g-ma-20">
						<div class="g-flex-middle-item">
							<h5 class="landing-block-node-title-mini text-uppercase g-font-weight-700 g-color-white g-mb-5">
								1+1=1</h5>
							<div class="landing-block-node-text-mini g-color-white mb-0">
								<p>Morbi ex urna, porttitor vel consequat non</p>
							</div>
						</div>
					</div>
				</article>
			</div>
		</div>
	</div>
</section>