%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/modules/landing/install/blocks/bitrix/51.4.countdown_music/ |
Current File : //home/bitrix/www/bitrix/modules/landing/install/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>