Your IP : 3.147.63.162


Current Path : /home/bitrix/ext_www/coffe.land/bitrix/blocks/bitrix/51.4.countdown_music/
Upload File :
Current File : /home/bitrix/ext_www/coffe.land/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-attachment-fixed g-bg-img-hero 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="landing-block-node-title-container container g-max-width-800 text-center g-mb-35 g-mb-65--sm u-heading-v2-2--bottom g-brd-primary">
			<h2 class="landing-block-node-title text-uppercase g-line-height-1 g-font-weight-700 g-font-size-30 g-font-size-40--md g-color-white g-mb-0">
				Upcoming events</h2>
		</div>

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

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

					<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_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 class="landing-block-node-number landing-block-node-number-hours d-inline-block g-line-height-1 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 class="landing-block-node-number landing-block-node-number-minutes d-inline-block g-line-height-1 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 class="landing-block-node-number landing-block-node-number-seconds d-inline-block g-line-height-1 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>
</section>