Current Path : /var/www/u0635749/data/www/hobbyclick.ru/public/bitrix/blocks/bitrix/16.4.three_cols_map/ |
Current File : /var/www/u0635749/data/www/hobbyclick.ru/public/bitrix/blocks/bitrix/16.4.three_cols_map/block.php |
<section class="landing-block g-pt-0 g-pb-0"> <div class="container-fluid g-font-size-16"> <div class="row"> <div class="landing-block-node-map-col col-md-12 col-lg-4 px-0 order-2 order-md-3 order-lg-1"> <div class="landing-block-node-map js-animation slideInLeft g-pos-rel h-100 g-min-height-430 g-min-height-680--lg" data-map> </div> </div> <div class="landing-block-node-address-col js-animation slideInUp col-md-6 col-lg-4 d-flex g-bg-primary text-center g-pa-40 order-1 order-lg-2"> <div class="landing-block-node-address-container align-self-center w-100"> <div class="landing-block-node-address-title-container g-mb-40"> <h6 class="landing-block-node-address-subtitle d-inline-block g-theme-travel-bg-black-v1 g-font-weight-700 g-color-white g-px-15 g-py-10 g-mb-20"> Contact Us </h6> <h2 class="landing-block-node-address-title text-uppercase g-font-weight-700 h1 mb-0 g-brd-white"> <font color="#ffffff">Get in</font> touch </h2> </div> <div class="landing-block-node-address-text g-line-height-1_3 g-color-white-opacity-0_8 g-mb-45"> <p>Aliquam dapibus quis sapien id pharetra. Vivamus iaculis est vitae libero tempus, in sollicitudin est consectetur porttitor iaculis pretium</p> </div> <address class="landing-block-card-address-container g-mb-40"> <div class="landing-block-card-address g-mb-20" data-card-preset="contact-link"> <div class="landing-block-card-address-title d-inline-block text-uppercase g-font-size-14 g-color-white-opacity-0_7 g-pr-5">Email:</div> <a class="landing-block-card-address-link d-inline-block g-color-white text-uppercase g-font-size-14 g-font-weight-700" href="mailto:#EMAIL1#"> #EMAIL1# </a> </div> <div class="landing-block-card-address g-mb-20" data-card-preset="contact-link"> <div class="landing-block-card-address-title d-inline-block text-uppercase g-font-size-14 g-color-white-opacity-0_7 g-pr-5">Phone number:</div> <a class="landing-block-card-address-link d-inline-block g-color-white text-uppercase g-font-size-14 g-font-weight-700" href="tel:#PHONE1#"> #PHONE1# </a> </div> <div class="landing-block-card-address g-mb-20" data-card-preset="contact-text"> <div class="landing-block-card-address-title d-inline-block text-uppercase g-font-size-14 g-color-white-opacity-0_7 g-pr-5">Address:</div> <div class="landing-block-card-address-text d-inline-block text-uppercase g-font-size-14 g-color-white g-font-weight-700"> In sed lectus tincidunt </div> </div> </address> <ul class="landing-block-card-social-container list-inline mb-0"> <li class="landing-block-card-social list-inline-item g-mr-10" data-card-preset="twitter"> <a class="landing-block-card-social-link u-icon-v3 u-icon-size--xs g-width-35 g-height-35 g-color-primary g-color-white--hover g-bg-white g-bg-gray-dark-v2--hover g-transition-0_2 g-transition--ease-in" href=""><i class="landing-block-card-social-icon fa fa-twitter"></i></a> </li> <li class="landing-block-card-social list-inline-item g-mr-10" data-card-preset="pinterest"> <a class="landing-block-card-social-link u-icon-v3 u-icon-size--xs g-width-35 g-height-35 g-color-primary g-color-white--hover g-bg-white g-bg-gray-dark-v2--hover g-transition-0_2 g-transition--ease-in" href=""><i class="landing-block-card-social-icon fa fa-pinterest"></i></a> </li> <li class="landing-block-card-social list-inline-item g-mr-10" data-card-preset="facebook"> <a class="landing-block-card-social-link u-icon-v3 u-icon-size--xs g-width-35 g-height-35 g-color-primary g-color-white--hover g-bg-white g-bg-gray-dark-v2--hover g-transition-0_2 g-transition--ease-in" href=""><i class="landing-block-card-social-icon fa fa-facebook"></i></a> </li> <li class="landing-block-card-social list-inline-item g-mr-10" data-card-preset="linkedin"> <a class="landing-block-card-social-link u-icon-v3 u-icon-size--xs g-width-35 g-height-35 g-color-primary g-color-white--hover g-bg-white g-bg-gray-dark-v2--hover g-transition-0_2 g-transition--ease-in" href=""><i class="landing-block-card-social-icon fa fa-linkedin"></i></a> </li> </ul> </div> </div> <div class="landing-block-node-third-col js-animation slideInRight col-md-6 col-lg-4 d-flex g-theme-travel-bg-black-v1 g-pa-40 order-3 order-md-2 order-lg-3"> <div class="align-self-center w-100"> <div class="u-heading-v8-2"> <h2 class="landing-block-node-third-col-title h1 text-center text-uppercase u-heading-v8__title g-font-weight-700 g-font-size-26 g-color-white g-mb-30"> Have a questions? </h2> </div> <div class="bitrix24forms g-brd-white-opacity-0_6 u-form-alert-v3" data-b24form-embed data-b24form-use-style="Y" data-b24form-design='{"dark":true,"style":"classic","shadow":false,"compact":false,"color":{"primary":"#fff","primaryText":"#333","text":"#fff","background":"--primary00","fieldBorder":"#ffffff00","fieldBackground":"--primary","fieldFocusBackground":"#00000011"},"border":{"top":false,"bottom":false,"left":false,"right":false}}' > </div> </div> </div> </div> </div> </section>