Your IP : 18.118.30.58


Current Path : /home/bitrix/ext_www/coffe.land/bitrix/blocks/bitrix/32.4.img_grid_2cols_2/
Upload File :
Current File : /home/bitrix/ext_www/coffe.land/bitrix/blocks/bitrix/32.4.img_grid_2cols_2/block.php

<section class="landing-block g-pt-30 g-pb-30">

	<div class="container">
		<div class="row js-gallery-cards">

			<div class="col-12 col-md-6 g-min-height-540 g-max-height-810">
				<div class="h-50 g-pb-15">
					<div class="landing-block-node-img-container landing-block-node-img-container-left-top js-animation fadeInLeft h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img-small img-fluid g-object-fit-cover h-100 w-100 u-block-hover__main--zoom-v1"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x370/img1.jpg"/>
						<div class="landing-block-node-img-title-container w-100 g-pos-abs g-bottom-0 g-left-0 g-top-0
						g-flex-middle g-bg-black-opacity-0_5 opacity-0 g-opacity-1--parent-hover g-pa-20
						g-transition-0_2 g-transition--ease-in">
							<div class="h-100 g-flex-middle g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title g-flex-middle-item text-center h3
							g-color-white g-line-height-1_4 g-letter-spacing-5 g-font-size-20">People<br>in the park
								</h3>
							</div>
						</div>
					</div>
				</div>

				<div class="h-50 g-pb-15 g-pb-0--md">
					<div class="landing-block-node-img-container landing-block-node-img-container-left-bottom js-animation fadeInLeft h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img-small img-fluid g-object-fit-cover h-100 w-100 u-block-hover__main--zoom-v1"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x370/img2.jpg"/>
						<div class="landing-block-node-img-title-container w-100 g-pos-abs g-bottom-0 g-left-0 g-top-0
						g-flex-middle g-bg-black-opacity-0_5 opacity-0 g-opacity-1--parent-hover g-pa-20
						g-transition-0_2 g-transition--ease-in">
							<div class="h-100 g-flex-middle g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title g-flex-middle-item text-center h3
							g-color-white g-line-height-1_4 g-letter-spacing-5 g-font-size-20">Sunset<br>and sea</h3>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-12 col-md-6 g-min-height-540 g-max-height-810">
				<div class="h-100 g-pb-0">
					<div class="landing-block-node-img-container landing-block-node-img-container-right js-animation fadeInRight h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img-big img-fluid g-object-fit-cover h-100 w-100 u-block-hover__main--zoom-v1"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/570x770/img1.jpg"/>
						<div class="landing-block-node-img-title-container w-100 g-pos-abs g-bottom-0 g-left-0 g-top-0
					g-flex-middle g-bg-black-opacity-0_5 opacity-0 g-opacity-1--parent-hover g-pa-20
					g-transition-0_2 g-transition--ease-in">
							<div class="h-100 g-flex-middle g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title g-flex-middle-item text-center h3
							g-color-white g-line-height-1_4 g-letter-spacing-5 g-font-size-20">Amazing<br>views</h3>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</section>