Current Path : /var/www/www-root/data/www/monolith-realty.ru/bitrix/blocks/bitrix/51.4.countdown_music/ |
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>