Your IP : 3.137.177.172


Current Path : /home/bitrix/ext_www/coffe.land/bitrix/blocks/bitrix/51.3.countdown_08/
Upload File :
Current File : /home/bitrix/ext_www/coffe.land/bitrix/blocks/bitrix/51.3.countdown_08/block.php

<section
		class="landing-block landing-block-node-img g-bg-attachment-scroll u-bg-overlay g-flex-centered g-bg-img-hero g-bg-black-opacity-0_6--after g-pt-100 g-pb-120"
		style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1332x806/img1.jpg);">
	<div class="landing-block-node-container container g-max-width-800 u-bg-overlay__inner">
		<div class="text-center g-mb-35 g-mb-60--sm">
			<h2 class="landing-block-node-title g-font-size-22 g-color-white">Upcoming event</h2>
		</div>

		<div class="row">
			<div class="landing-block-node-date mx-auto js-countdown u-countdown text-center"
				 data-end-date="1555056180000"
				 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-number landing-block-node-number-days u-countdown--days-hide d-inline-block g-line-height-1 align-top g-bg-white-opacity-0_1 g-brd-around g-brd-white-opacity-0_2 g-px-12 g-py-10 g-px-30--sm g-py-20--sm g-mx-5 g-mx-15--sm">
					<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-600 g-mb-0 g-mb-10--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 text-uppercase g-font-size-10 g-font-size-12--sm">Days</span>
				</div>

				<div class="landing-block-node-number landing-block-node-number-hours d-inline-block g-line-height-1 align-top g-bg-white-opacity-0_1 g-brd-around g-brd-white-opacity-0_2 g-px-12 g-py-10 g-px-30--sm g-py-20--sm g-mx-5 g-mx-15--sm">
					<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-600 g-mb-0 g-mb-10--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 text-uppercase g-font-size-10 g-font-size-12--sm">Hours</span>
				</div>

				<div class="landing-block-node-number landing-block-node-number-minutes d-inline-block g-line-height-1 align-top g-bg-white-opacity-0_1 g-brd-around g-brd-white-opacity-0_2 g-px-12 g-py-10 g-px-30--sm g-py-20--sm g-mx-5 g-mx-15--sm">
					<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-600 g-mb-0 g-mb-10--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 text-uppercase g-font-size-10 g-font-size-12--sm">Minutes</span>
				</div>

				<div class="landing-block-node-number landing-block-node-number-seconds d-inline-block g-line-height-1 align-top g-bg-white-opacity-0_1 g-brd-around g-brd-white-opacity-0_2 g-px-12 g-py-10 g-px-30--sm g-py-20--sm g-mx-5 g-mx-15--sm">
					<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-600 g-mb-0 g-mb-10--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 text-uppercase g-font-size-10 g-font-size-12--sm">Seconds</span>
				</div>

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