Current Path : /var/www/www-root/data/www/monolith-realty.ru/bitrix/blocks/bitrix/51.5.countdown_event/ |
Current File : /var/www/www-root/data/www/monolith-realty.ru/bitrix/blocks/bitrix/51.5.countdown_event/block.php |
<section class="landing-block landing-block-node-img u-bg-overlay g-flex-centered 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="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="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 2023</h2> <div class="row"> <div class="col-sm-6 col-md-4 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"> 13:00, 12 April, 2023 </h3> </div> </div> </div> <div class="col-sm-6 col-md-4 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 text-uppercase g-font-size-15 g-color-white mb-0"> Concert Hall, Los Angeles, USA </h3> </div> </div> </div> <div class="col-md-4 text-center text-md-right"> <a class="landing-block-node-button btn text-uppercase g-btn-white rounded-0 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>