%PDF-
%PDF-
Mini Shell
Mini Shell
<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_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="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 landing-block-node-number-border u-countdown--days-hide d-inline-block g-line-height-1 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 class="landing-block-node-number landing-block-node-number-hours landing-block-node-number-border d-inline-block g-line-height-1 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 class="landing-block-node-number landing-block-node-number-minutes landing-block-node-number-border d-inline-block g-line-height-1 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 class="landing-block-node-number landing-block-node-number-seconds d-inline-block g-line-height-1 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>
<h2 class="landing-block-node-title text-center text-uppercase g-font-weight-700 g-font-size-40 g-font-size-60--md g-color-white g-mb-30 g-mb-70--md">
UI & UX Design 2018</h2>
<div class="row">
<div class="col-sm-6 col-md-5 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">
18:30, 12 Jul, 2018
</h3>
</div>
</div>
</div>
<div class="col-sm-6 col-md-5 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 h3 text-uppercase g-font-size-15 g-color-white mb-0">
Concert Hall, Los Angeles, USA
</h3>
</div>
</div>
</div>
<div class="col-md-2 text-center text-md-right">
<a class="landing-block-node-button btn btn-lg text-uppercase u-btn-white g-font-weight-700 g-font-size-11 rounded-0 g-py-18"
href="#">Register Now</a>
</div>
</div>
</div>
</section>
Zerion Mini Shell 1.0