<section class="landing-block">
	<div class="g-pb-70">
		<div class="landing-block-node-bgimg g-pt-150 g-bg-img-hero g-pos-rel u-bg-overlay g-bg-darkblue-opacity-0_7--after"
			 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1920x1281/img1.jpg);">
			<div class="landing-block-node-container js-animation fadeInUp container g-max-width-750 u-bg-overlay__inner g-mb-60">

				<h2 class="landing-block-node-title text-center text-uppercase h2 g-font-weight-700 g-font-size-60 g-color-white g-mb-30 g-mb-70--md">
					UI & UX Design 2018</h2>

				<div class="row g-mx-minus-5">
					<div class="col-md-4 col-lg-4 g-px-5 g-mb-20 g-mb-0--md">
						<div class="media">
							<div class="landing-block-node-date-icon-container media-left d-flex align-self-center g-mr-20 g-color-white-opacity-0_5 g-font-size-27">
								<i class="landing-block-node-date-icon fa fa-calendar"></i>
							</div>

							<div class="media-body text-uppercase">
								<div class="landing-block-node-date-title g-mb-5 g-font-size-14 g-color-white-opacity-0_5">
									<span style="font-weight: bold;">When</span></div>
								<h3 class="landing-block-node-date-text h3 text-uppercase g-font-size-15 g-color-white mb-0">
									18:30, 12 Jul, 2018</h3>
							</div>
						</div>
					</div>

					<div class="col-md-5 col-lg-5 g-px-5 g-mb-20 g-mb-0--md">
						<div class="media">
							<div class="landing-block-node-place-icon-container media-left d-flex align-self-center g-mr-20 g-color-white-opacity-0_5 g-font-size-27">
								<i class="landing-block-node-place-icon fa fa-map-marker"></i>
							</div>

							<div class="media-body text-uppercase">
								<div class="landing-block-node-place-title g-mb-5 g-font-size-14 g-color-white-opacity-0_5">
									<span style="font-weight: bold;">Where</span></div>
								<h3 class="landing-block-node-place-text h3 text-uppercase g-font-size-15 g-color-white mb-0">
									Concert Hall, Los Angeles,
									USA</h3>
							</div>
						</div>
					</div>

					<div class="col-md-3 col-lg-3 text-md-right g-px-5">
						<a class="landing-block-node-button btn btn-lg text-uppercase u-btn-white g-font-weight-700 g-font-size-11 g-color-white--hover g-bg-primary--hover g-brd-none rounded-0 g-py-18"
						   href="#">Register Now</a>
					</div>
				</div>
			</div>

			<div class="container u-bg-overlay__inner g-bottom-minus-70 px-0 g-z-index-2">
				<div class="row u-shadow-v23 g-theme-event-bg-blue-dark-v2 mx-0">
					<div class="col-md-6 col-lg-6 px-0">
						<div class="js-carousel text-center u-carousel-v5 g-overflow-hidden h-100"
							 data-infinite="true"
							 data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-40 g-height-40 g-font-size-20 g-color-white g-color-primary--hover g-bg-primary g-bg-white--hover g-transition-0_2 g-transition--ease-in"
							 data-arrow-left-classes="fa fa-angle-left g-left-0"
							 data-arrow-right-classes="fa fa-angle-right g-right-0">
							<div class="landing-block-node-card landing-block-node-card-img js-slide g-bg-img-hero g-min-height-50vh"
								 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1000x667/img1.jpg);"></div>

							<div class="landing-block-node-card landing-block-node-card-img js-slide g-bg-img-hero g-min-height-50vh"
								 style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1000x667/img2.jpg);"></div>
						</div>
					</div>

					<div class="landing-block-node-inner-block col-md-6 col-lg-6 d-flex g-min-height-50vh g-theme-event-color-gray-dark-v1 g-py-80 g-py-20--md g-px-50">
						<div class="align-self-center w-100">
							<h2 class="landing-block-node-block-title text-uppercase g-font-weight-700 g-font-size-30 g-color-primary g-mb-10">
								About The
								Event</h2>
							<h3 class="landing-block-node-block-subtitle text-uppercase g-font-weight-500 g-font-size-13 g-color-white g-mb-20">
								Fusce pretium
								augue quis sem consectetur</h3>
							<div class="landing-block-node-block-text g-font-size-14 mb-0">
								<p>Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in
									blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p>
								<p>Nunc ullamcorper, justo a iaculis elementum, enim orci viverra eros,
									fringilla porttitor lorem eros vel odio. In rutrum tellus vitae blandit lacinia.
									Phasellus
									eget
									sapien odio. Phasellus eget sapien odio. Vivamus at risus quis leo tincidunt. </p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>