Your IP : 3.147.79.237


Current Path : /var/www/www-root/data/www/monolith-realty.ru/bitrix/blocks/bitrix/51.4.countdown_music/
Upload File :
Current File : /var/www/www-root/data/www/monolith-realty.ru/bitrix/blocks/bitrix/51.4.countdown_music/block.php

<section class="landing-block landing-block-node-img u-bg-overlay g-flex-centered g-bg-black-opacity-0_4--after g-pt-100 g-pb-30"
	style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1400x588/img1.jpg);">
	<div class="landing-block-node-container container u-bg-overlay__inner">
		<div class="container g-max-width-800 text-center g-mb-35 g-mb-65--sm">
			<h2 class="landing-block-node-title text-uppercase g-line-height-1 g-font-weight-700 h1 g-color-white g-mb-0 u-heading-v2-8-3--bottom g-brd-primary">
				Upcoming events</h2>
		</div>

		<div class="landing-block-node-card-container">
			<div class="landing-block-node-card row g-mb-50 js-countdown u-countdown"
				data-end-date="1712938800000"
				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="landing-block-node-text-container col-md-4 col-lg-4 ml-lg-auto">
					<h3 class="landing-block-node-text-title text-uppercase g-font-weight-700 g-color-white g-mb-5">
						Nam enim eros rhoncus</h3>
					<div class="landing-block-node-text g-color-white g-mb-60 g-mb-0--md" data-auto-font-scale>
						<p>8 Rue de Montpensier 75001, Paris, France, 18:00</p>
					</div>
				</div>

				<div class="landing-block-node-date-container col-md-8 col-lg-8">
					<div class="landing-block-node-date mx-auto text-center">

						<div class="landing-block-node-number-days d-inline-block g-line-height-1 u-countdown--days-hide">
							<div class="landing-block-node-number landing-block-node-number-days align-top g-bg-white-opacity-0_05 g-brd-around g-brd-white-opacity-0_3 g-px-10 g-pt-5 g-pb-8 g-px-20--sm g-pt-15--sm g-pb-10--sm g-mx-3 g-px-10--sm g-mx-15--lg">
								<div class="landing-block-node-number-number landing-block-node-number-number-days g-color-white g-font-size-22 g-font-size-40--sm g-font-weight-700 g-mb-0 g-mb-2--sm">
									<span class="js-cd-days">12</span>
								</div>
								<span class="landing-block-node-number-text landing-block-node-number-text-days g-color-white-opacity-0_7 text-uppercase g-font-size-10 g-font-size-12--sm">Days</span>
							</div>
						</div>

						<div class="landing-block-node-number-hours d-inline-block g-line-height-1">
							<div class="landing-block-node-number landing-block-node-number-hours align-top g-bg-white-opacity-0_05 g-brd-around g-brd-white-opacity-0_3 g-px-10 g-pt-5 g-pb-8 g-px-20--sm g-pt-15--sm g-pb-10--sm g-mx-3 g-px-10--sm g-mx-15--lg">
								<div class="landing-block-node-number-number landing-block-node-number-number-hours g-color-white g-font-size-22 g-font-size-40--sm g-font-weight-700 g-mb-0 g-mb-2--sm">
									<span class="js-cd-hours">01</span>
								</div>
								<span class="landing-block-node-number-text landing-block-node-number-text-hours g-color-white-opacity-0_7 text-uppercase g-font-size-10 g-font-size-12--sm">Hours</span>
							</div>
						</div>

						<div class="landing-block-node-number-minutes d-inline-block g-line-height-1">
							<div class="landing-block-node-number landing-block-node-number-minutes align-top g-bg-white-opacity-0_05 g-brd-around g-brd-white-opacity-0_3 g-px-10 g-pt-5 g-pb-8 g-px-20--sm g-pt-15--sm g-pb-10--sm g-mx-3 g-px-10--sm g-mx-15--lg">
								<div class="landing-block-node-number-number landing-block-node-number-number-minutes g-color-white g-font-size-22 g-font-size-40--sm g-font-weight-700 g-mb-0 g-mb-2--sm">
									<span class="js-cd-minutes">52</span>
								</div>
								<span class="landing-block-node-number-text landing-block-node-number-text-minutes g-color-white-opacity-0_7 text-uppercase g-font-size-10 g-font-size-12--sm">Minutes</span>
							</div>
						</div>

						<div class="landing-block-node-number-seconds d-inline-block g-line-height-1">
							<div class="landing-block-node-number landing-block-node-number-seconds align-top g-bg-white-opacity-0_05 g-brd-around g-brd-white-opacity-0_3 g-px-10 g-pt-5 g-pb-8 g-px-20--sm g-pt-15--sm g-pb-10--sm g-mx-3 g-px-10--sm g-mx-15--lg">
								<div class="landing-block-node-number-number landing-block-node-number-number-seconds g-color-white g-font-size-22 g-font-size-40--sm g-font-weight-700 g-mb-0 g-mb-2--sm">
									<span class="js-cd-seconds">52</span>
								</div>
								<span class="landing-block-node-number-text landing-block-node-number-text-seconds g-color-white-opacity-0_7 text-uppercase g-font-size-10 g-font-size-12--sm">Seconds</span>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
</section>