| Current Path : /var/www/homesaver/www/bitrix/blocks/bitrix/41.3.announcement_with_slider/ |
| Current File : /var/www/homesaver/www/bitrix/blocks/bitrix/41.3.announcement_with_slider/block.php |
<section class="landing-block"> <div class="g-pb-70"> <div class="landing-block-node-bgimg g-pt-150 g-pos-rel u-bg-overlay g-bg-darkblue-opacity-0_7--after" style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1920x1281/img1.jpg);"> <div class="landing-block-node-container js-animation fadeInUp container g-max-width-750 u-bg-overlay__inner g-mb-60"> <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 #YEAR#</h2> <div class="row g-mx-minus-5"> <div class="col-md-4 col-lg-4 g-px-5 g-mb-20 g-mb-0--md"> <div class="media"> <div class="landing-block-node-date-icon-container media-left d-flex 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 text-uppercase g-font-size-15 g-color-white mb-0"> 18:30, 12 Jul, #YEAR#</h3> </div> </div> </div> <div class="col-md-5 col-lg-5 g-px-5 g-mb-20 g-mb-0--md"> <div class="media"> <div class="landing-block-node-place-icon-container media-left d-flex 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-3 col-lg-3 text-md-right g-px-5"> <a class="landing-block-node-button btn g-btn-type-solid g-btn-size-sm g-btn-px-l text-uppercase g-btn-white rounded-0" href="#">Register Now</a> </div> </div> </div> <div class="container u-bg-overlay__inner g-bottom-minus-70 px-0 g-z-index-2"> <div class="row u-shadow-v23 g-theme-event-bg-blue-dark-v2 mx-0"> <div class="landing-block-slider col-md-6 col-lg-6 px-0 g-pr-10" data-slider-arrows="3" data-slider-animation="1"> <div class="js-carousel text-center u-carousel-v5 g-overflow-hidden h-100" data-infinite="true" data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-40 g-height-40 g-font-size-20 g-transition-0_2 g-transition--ease-in g-color-white g-bg-primary g-opacity-0_8--hover" data-arrow-left-classes="fa fa-angle-left g-left-0" data-arrow-right-classes="fa fa-angle-right g-right-0"> <div class="landing-block-node-card landing-block-node-card-img js-slide g-bg-img-hero g-min-height-50vh" style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1000x667/img1.jpg);"></div> <div class="landing-block-node-card landing-block-node-card-img js-slide g-bg-img-hero g-min-height-50vh" style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1000x667/img2.jpg);"></div> </div> </div> <div class="landing-block-node-inner-block col-md-6 col-lg-6 d-flex g-min-height-50vh g-theme-event-color-gray-dark-v1 g-py-80 g-py-20--md g-px-50"> <div class="align-self-center w-100"> <h2 class="landing-block-node-block-title text-uppercase g-font-weight-700 g-color-primary g-mb-10"> About The Event</h2> <h6 class="landing-block-node-block-subtitle text-uppercase g-color-white g-mb-20"> Fusce pretium augue quis sem consectetur</h6> <div class="landing-block-node-block-text mb-0"> <p>Sed feugiat porttitor nunc, non dignissim ipsum vestibulum in. Donec in blandit dolor. Vivamus a fringilla lorem, vel faucibus ante.</p> <p>Nunc ullamcorper, justo a iaculis elementum, enim orci viverra eros, fringilla porttitor lorem eros vel odio. In rutrum tellus vitae blandit lacinia. Phasellus eget sapien odio. Phasellus eget sapien odio. Vivamus at risus quis leo tincidunt. </p> </div> </div> </div> </div> </div> </div> </div> </section>