<section class="g-bg-primary g-pt-100 g-pb-100">
	<div class="container">
		<section class="js-carousel"
				 data-pagi-classes="u-carousel-indicators-v1--white-inverse justify-content-center align-items-center g-mt-15 g-pos-rel">
			<div class="landing-block-node-card js-slide align-self-center">
				<!-- Article -->
				<article class="row flex-items-middle landing-block-node-card-container align-items-center text-center">
					<div class="col-lg-6">
						<!-- Article Image -->
						<img class="landing-block-node-card-photo img-fluid g-width-360 g-width-auto--lg mx-auto"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/700x700/img1.png" alt="">
						<!-- End Article Image -->
					</div>

					<div class="col-lg-6 g-mb-0 g-mb-50--lg">
						<div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
							<h4 class="landing-block-node-card-subtitle g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From
								chef</h4>
							<h2 class="landing-block-node-card-title js-animation fadeInRight u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-40 g-color-white g-bg-white--before g-pb-40">
								Green soup with croutons</h2>
						</div>

						<div class="landing-block-node-card-text js-animation fadeIn g-px-70--md g-color-white-opacity-0_7 g-mb-25">
							<p>Sed feugiat porttitor nunc, non dignissim ipsum
								vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
						</div>

						<div class="landing-block-node-card-price font-weight-bold g-color-white g-font-size-26 g-mb-30">$14.00</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button js-animation fadeIn btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25"
							   href="#">Book now
							</a>
						</div>
					</div>
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide align-self-center">
				<!-- Article -->
				<article class="row flex-items-middle text-center landing-block-node-card-container align-items-center">
					<div class="col-lg-6">
						<!-- Article Image -->
						<img class="landing-block-node-card-photo img-fluid g-width-360 g-width-auto--lg mx-auto"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/700x700/img2.png" alt="">
						<!-- End Article Image -->
					</div>

					<div class="col-lg-6 g-mb-0 g-mb-50--lg">
						<div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
							<h4 class="landing-block-node-card-subtitle g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From
								chef</h4>
							<h2 class="landing-block-node-card-title js-animation fadeInRight u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-40 g-color-white g-bg-white--before g-pb-40">
								Spaghetti</h2>
						</div>

						<div class="landing-block-node-card-text js-animation fadeIn g-px-70--md g-color-white-opacity-0_7 g-mb-25">
							<p>Sed feugiat porttitor nunc, non dignissim ipsum
								vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
						</div>

						<div class="landing-block-node-card-price font-weight-bold g-color-white g-font-size-26 g-mb-30">$14.00</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button js-animation fadeIn btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25"
							   href="#">Book now
							</a>
						</div>
					</div>
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide align-self-center">
				<!-- Article -->
				<article class="row flex-items-middle text-center landing-block-node-card-container align-items-center">
					<div class="col-lg-6">
						<!-- Article Image -->
						<img class="landing-block-node-card-photo img-fluid g-width-360 g-width-auto--lg mx-auto"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/700x700/img3.png" alt="">
						<!-- End Article Image -->
					</div>

					<div class="col-lg-6 g-mb-0 g-mb-50--lg">
						<div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
							<h4 class="landing-block-node-card-subtitle g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From
								chef</h4>
							<h2 class="landing-block-node-card-title js-animation fadeInRight u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-40 g-color-white g-bg-white--before g-pb-40">
								Green soup with croutons</h2>
						</div>

						<div class="landing-block-node-card-text js-animation fadeIn g-px-70--md g-color-white-opacity-0_7 g-mb-25">
							<p>Sed feugiat porttitor nunc, non dignissim ipsum
								vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
						</div>

						<div class="landing-block-node-card-price font-weight-bold g-color-white g-font-size-26 g-mb-30">$14.00</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button js-animation fadeIn btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25"
							   href="#">Book now
							</a>
						</div>
					</div>
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide align-self-center">
				<!-- Article -->
				<article class="row flex-items-middle text-center landing-block-node-card-container align-items-center">
					<div class="col-lg-6">
						<!-- Article Image -->
						<img class="landing-block-node-card-photo img-fluid g-width-360 g-width-auto--lg mx-auto"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/700x700/img4.png" alt="">
						<!-- End Article Image -->
					</div>

					<div class="col-lg-6 g-mb-0 g-mb-50--lg">
						<div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
							<h4 class="landing-block-node-card-subtitle g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From
								chef</h4>
							<h2 class="landing-block-node-card-title js-animation fadeInRight u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-40 g-color-white g-bg-white--before g-pb-40">
								Green soup with croutons</h2>
						</div>

						<div class="landing-block-node-card-text js-animation fadeIn g-px-70--md g-color-white-opacity-0_7 g-mb-25">
							<p>Sed feugiat porttitor nunc, non dignissim ipsum
								vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
						</div>

						<div class="landing-block-node-card-price font-weight-bold g-color-white g-font-size-26 g-mb-30">$14.00</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button js-animation fadeIn btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25"
							   href="#">Book now
							</a>
						</div>
					</div>
				</article>
				<!-- End Article -->
			</div>

			<div class="landing-block-node-card js-slide align-self-center">
				<!-- Article -->
				<article class="row flex-items-middle text-center landing-block-node-card-container align-items-center">
					<div class="col-lg-6">
						<!-- Article Image -->
						<img class="landing-block-node-card-photo img-fluid g-width-360 g-width-auto--lg mx-auto"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/700x700/img5.png" alt="">
						<!-- End Article Image -->
					</div>

					<div class="col-lg-6 g-mb-0 g-mb-50--lg">
						<div class="text-uppercase text-center u-heading-v5-3 u-heading-v5-color-primary u-heading-v5-rounded-50x g-mb-20">
							<h4 class="landing-block-node-card-subtitle g-font-weight-700 g-font-size-12 g-color-white-opacity-0_7 g-mb-15">From
								chef</h4>
							<h2 class="landing-block-node-card-title js-animation fadeInRight u-heading-v5__title g-line-height-1_2 g-font-weight-700 g-font-size-40 g-color-white g-bg-white--before g-pb-40">
								Green soup with croutons</h2>
						</div>

						<div class="landing-block-node-card-text js-animation fadeIn g-px-70--md g-color-white-opacity-0_7 g-mb-25">
							<p>Sed feugiat porttitor nunc, non dignissim ipsum
								vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
						</div>

						<div class="landing-block-node-card-price font-weight-bold g-color-white g-font-size-26 g-mb-30">$14.00</div>
						<div class="landing-block-node-card-button-container">
							<a class="landing-block-node-card-button js-animation fadeIn btn text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-color-gray-dark-v2 g-brd-none rounded-0 g-px-30 g-py-25"
							   href="#">Book now
							</a>
						</div>
					</div>
				</article>
				<!-- End Article -->
			</div>
		</section>
	</div>
</section>