<section class="landing-block landing-block-node-img u-bg-overlay g-flex-centered g-bg-attachment-fixed g-bg-img-hero g-bg-black-opacity-0_7--after g-pt-100 g-pb-100"
		style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1920x1281/img1.jpg);">
	<div class="landing-block-node-container container g-max-width-800 u-bg-overlay__inner">

		<div class="landing-block-node-date-container g-mb-40 g-mb-70--md">
			<div class="landing-block-node-date mx-auto js-countdown u-countdown text-center"
				 data-end-date="1618214400000"
				 data-days-format="%D"
				 data-hours-format="%H"
				 data-minutes-format="%M"
				 data-seconds-format="%S"
				 data-days-expired-classes="u-countdown--days-expiried"
			>

				<div class="d-inline-block g-line-height-1 u-countdown--days-hide">
					<div class="landing-block-node-number-border align-top g-px-10 g-px-50--md g-py-15 g-brd-right g-brd-white-opacity-0_4">
						<div class="landing-block-node-number-number landing-block-node-number-number-days g-color-white g-font-size-20 g-font-size-40--md g-font-weight-700 g-line-height-1 g-mb-5">
							<span class="js-cd-days">12</span>
						</div>
						<span class="landing-block-node-number-text landing-block-node-number-text-days g-font-size-12 g-color-white text-uppercase">Days</span>
					</div>
				</div>

				<div class="d-inline-block g-line-height-1">
					<div class="landing-block-node-number-border align-top g-px-10 g-px-50--md g-py-15 g-brd-right g-brd-white-opacity-0_4">
						<div class="landing-block-node-number-number landing-block-node-number-number-hours g-color-white g-font-size-20 g-font-size-40--md g-font-weight-700 g-line-height-1 g-mb-5">
							<span class="js-cd-hours">01</span>
						</div>
						<span class="landing-block-node-number-text landing-block-node-number-text-hours g-font-size-12 g-color-white text-uppercase">Hours</span>
					</div>
				</div>

				<div class="d-inline-block g-line-height-1">
					<div class="landing-block-node-number-border align-top g-px-10 g-px-50--md g-py-15 g-brd-right g-brd-white-opacity-0_4">
						<div class="landing-block-node-number-number landing-block-node-number-number-minutes g-color-white g-font-size-20 g-font-size-40--md g-font-weight-700 g-line-height-1 g-mb-5">
							<span class="js-cd-minutes">52</span>
						</div>
						<span class="landing-block-node-number-text landing-block-node-number-text-minutes g-font-size-12 g-color-white text-uppercase">Minutes</span>
					</div>
				</div>

				<div class="d-inline-block g-line-height-1">
					<div class="align-top g-px-10 g-px-50--md g-py-15">
						<div class="landing-block-node-number-number landing-block-node-number-number-seconds g-color-white g-font-size-20 g-font-size-40--md g-font-weight-700 g-line-height-1 g-mb-5">
							<span class="js-cd-seconds">52</span>
						</div>
						<span class="landing-block-node-number-text landing-block-node-number-text-seconds g-font-size-12 g-color-white text-uppercase">Seconds</span>
					</div>
				</div>

			</div>
		</div>

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

		<div class="row">
			<div class="col-sm-6 col-md-5 text-center text-md-left g-mb-30 g-mb-0--md">
				<div class="media">
					<div class="landing-block-node-icon-container d-none d-sm-flex media-left 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, 2020
						</h3>
					</div>
				</div>
			</div>

			<div class="col-sm-6 col-md-5 text-center text-md-left g-mb-30 g-mb-0--md">
				<div class="media">
					<div class="landing-block-node-icon-container d-none d-sm-flex media-left 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-2 text-center text-md-right">
				<a class="landing-block-node-button btn text-uppercase g-btn-white rounded-0 g-py-18  g-btn-type-solid g-btn-white g-btn-px-s rounded-0 g-btn-size-special"
				   href="#">Register Now</a>
			</div>
		</div>
	</div>
</section>