<section class="landing-block g-pt-40 g-pb-40">
	<div class="container px-0">
		<!-- Row -->
		<div class="row landing-block-inner no-gutters">
			<div class="landing-block-node-card js-animation animation-none col-md-6 col-lg-3">
				<div class="landing-block-node-card-bgimg g-bg-img-hero h-100"
					 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1024x683/img1.jpg);">
					<div class="d-flex g-theme-architecture-bg-blue-dark-v3 g-opacity-1 g-opacity-0_8--hover g-py-50 g-px-15 g-pa-100-30--sm
					 flex-column g-transition-0_2 g-transition--ease-in h-100">
						<span class="landing-block-node-card-icon-container d-block g-line-height-1 g-font-size-30 g-color-primary g-mb-20">
							<i class="landing-block-node-card-icon icon-picture"></i>
						</span>
						<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_2 g-font-weight-700 g-color-white g-mb-25">
							Exterior
							<br> Design</h3>
						<div class="landing-block-node-card-text g-font-size-13 g-color-white-opacity-0_5 g-mb-30">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
								dolor. Aenean massa. Omom sociis natoque penatibus.</p>
						</div>
						<div class="landing-block-node-card-link-container mt-auto">
							<a href="#"
							   class="landing-block-node-card-link text-uppercase g-font-weight-700 g-font-size-11 g-text-underline--none--hover">Read
								More</a>
						</div>
					</div>
				</div>
			</div>

			<div class="landing-block-node-card js-animation animation-none col-md-6 col-lg-3">
				<div class="landing-block-node-card-bgimg g-bg-img-hero h-100"
					 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1024x683/img2.jpg);">
					<div class="d-flex g-theme-architecture-bg-blue-dark-v4 g-opacity-1 g-opacity-0_8--hover g-py-50 g-px-15 g-pa-100-30--sm
					flex-column g-transition-0_2 g-transition--ease-in h-100">
						<span class="landing-block-node-card-icon-container d-block g-line-height-1 g-font-size-30 g-color-primary g-mb-20">
							<i class="landing-block-node-card-icon icon-loop"></i>
						</span>
						<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_2 g-font-weight-700 g-color-white g-mb-25">
							Interior
							<br> Design</h3>
						<div class="landing-block-node-card-text g-font-size-13 g-color-white-opacity-0_5 g-mb-30">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
								dolor. Aenean massa. Omom sociis natoque penatibus.</p>
						</div>
						<div class="landing-block-node-card-link-container mt-auto">
							<a href="#"
							   class="landing-block-node-card-link text-uppercase g-font-weight-700 g-font-size-11 g-text-underline--none--hover">Read
								More</a>
						</div>
					</div>
				</div>
			</div>

			<div class="landing-block-node-card js-animation animation-none col-md-6 col-lg-3">
				<div class="landing-block-node-card-bgimg g-bg-img-hero h-100"
					 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1024x683/img3.jpg);">
					<div class="d-flex g-theme-architecture-bg-blue-dark-v3 g-opacity-1 g-opacity-0_8--hover g-py-50 g-px-15 g-pa-100-30--sm
					 flex-column g-transition-0_2 g-transition--ease-in h-100">
						<span class="landing-block-node-card-icon-container d-block g-line-height-1 g-font-size-30 g-color-primary g-mb-20">
							<i class="landing-block-node-card-icon icon-note"></i>
						</span>
						<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_2 g-font-weight-700 g-color-white g-mb-25">
							Project
							<br> Documentation</h3>
						<div class="landing-block-node-card-text g-font-size-13 g-color-white-opacity-0_5 g-mb-30">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
								dolor. Aenean massa. Omom sociis natoque penatibus.</p>
						</div>
						<div class="landing-block-node-card-link-container mt-auto">
							<a href="#"
							   class="landing-block-node-card-link text-uppercase g-font-weight-700 g-font-size-11 g-text-underline--none--hover">Read
								More</a>
						</div>
					</div>
				</div>
			</div>

			<div class="landing-block-node-card js-animation animation-none col-md-6 col-lg-3">
				<div class="landing-block-node-card-bgimg g-bg-img-hero h-100"
					 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1024x683/img4.jpg);">
					<div class="d-flex flex-column g-theme-architecture-bg-blue-dark-v4 g-opacity-1 g-opacity-0_8--hover g-py-50 g-px-15 g-pa-100-30--sm
					  g-transition-0_2 g-transition--ease-in h-100">
						<span class="landing-block-node-card-icon-container d-block g-line-height-1 g-font-size-30 g-color-primary g-mb-20">
							<i class="landing-block-node-card-icon icon-map"></i>
						</span>
						<h3 class="landing-block-node-card-title text-uppercase g-line-height-1_2 g-font-weight-700 g-color-white g-mb-25">
							Choice of
							<br> Land</h3>
						<div class="landing-block-node-card-text g-font-size-13 g-color-white-opacity-0_5 g-mb-30">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
								dolor. Aenean massa. Omom sociis natoque penatibus.</p>
						</div>
						<div class="landing-block-node-card-link-container mt-auto">
							<a href="#"
							   class="landing-block-node-card-link text-uppercase g-font-weight-700 g-font-size-11 g-text-underline--none--hover">Read
								More</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- End Row -->
	</div>
</section>