<section class="landing-block g-pt-15 g-pb-15">
	<div class="container">
		<div class="row">
			<div class="col-lg-6">
				<!-- Article -->
				<article class="row align-items-stretch text-center g-color-gray-dark-v5 g-bg-black mx-0">
					<!--Article Content-->
					<div class="landing-block-node-block col-sm-6 u-ns-bg-v1-bottom u-ns-bg-bottom u-ns-bg-v1-right--md g-bg-black g-pl-30 g-pr-30 g-pb-45 g-pt-45">
						<h3 class="landing-block-node-title js-animation flipInX text-uppercase g-font-size-20 g-color-white g-mb-25">Become
							a
							<span style="font-weight: bold;" class="landing-block-node-title-add d-block g-color-primary">Volunteer</span></h3>
						<div class="landing-block-node-text js-animation fadeIn g-mb-25"><p>Praesent pulvinar gravida efficitur. Aenean
								bibendum purus eu nisi pulvinar
								venenatis vitae non velit.</p></div>
						<div class="landing-block-node-button-container">
							<a class="landing-block-node-button js-animation fadeIn btn btn-md text-uppercase u-btn-primary g-font-weight-700 g-font-size-11 g-color-gray-dark-v1 g-color-gray-dark-v1--hover rounded-0 g-py-10 g-px-25"
							   href="#">Join Us</a>
						</div>
					</div>
					<!-- End Article Content -->

					<!-- Article Image -->
					<div class="landing-block-node-img col-sm-6 px-0 u-bg-overlay g-bg-black-opacity-0_2--after g-bg-img-hero g-min-height-300"
						 style="background-image: url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x842/img1.jpg');"></div>
					<!-- End Article Image -->
				</article>
				<!-- End Article -->
			</div>

			<div class="col-lg-6">
				<!-- Article -->
				<article class="row align-items-stretch text-center g-color-gray-dark-v5 g-bg-black mx-0">
					<!-- Article Image -->
					<div class="landing-block-node-img col-sm-6 px-0 u-bg-overlay g-bg-black-opacity-0_2--after g-bg-img-hero g-min-height-300"
						 style="background-image: url('https://cdn.bitrix24.site/bitrix/images/landing/business/800x842/img2.jpg');"></div>
					<!-- End Article Image -->

					<!--Article Content-->
					<div class="landing-block-node-block col-sm-6 u-ns-bg-v1-top u-ns-bg-v1-left--md g-bg-black g-pl-30 g-pr-30 g-pb-45 g-pt-45">
						<h3 class="landing-block-node-title js-animation flipInX text-uppercase g-font-size-20 g-color-white g-mb-25">Make a
							<span style="font-weight: bold;" class="landing-block-node-title-add d-block g-color-primary">Donation</span></h3>
						<div class="landing-block-node-text js-animation fadeIn g-mb-25"><p>Praesent pulvinar gravida efficitur. Aenean
								bibendum purus eu nisi pulvinar
								venenatis vitae non velit.</p></div>
						<div class="landing-block-node-button-container">
							<a class="landing-block-node-button js-animation fadeIn btn btn-md text-uppercase u-btn-primary g-font-weight-700 g-font-size-11 g-color-gray-dark-v1 g-color-gray-dark-v1--hover rounded-0 g-py-10 g-px-25"
						   href="#">Join Us</a>
						</div>
					</div>
					<!-- End Article Content -->
				</article>
				<!-- End Article -->
			</div>
		</div>
	</div>
</section>