Current Path : /var/www/axolotl/data/www/axolotls.ru/www/bitrix/blocks/bitrix/35.4.header_with_social/ |
Current File : /var/www/axolotl/data/www/axolotls.ru/www/bitrix/blocks/bitrix/35.4.header_with_social/block.php |
<header class="landing-block landing-semantic-background-color g-bg-white g-pt-20 g-pb-20 g-brd-bottom g-brd-gray-light-v4 text-center text-lg-left"> <div class="container"> <div class="row no-gutters flex-lg-row align-items-center justify-content-lg-start"> <div class="col-12 col-sm-3 col-lg-2 text-center text-md-left"> <!-- Logo --> <a href="#system_mainpage" class="navbar-brand landing-block-node-menu-logo-link g-mb-10 g-mb-0--sm g-mr-0"> <img class="landing-block-node-logo img-fluid" src="https://cdn.bitrix24.site/bitrix/images/landing/logos/real-estate-logo.png" alt="Logo"> </a> <!-- End Logo --> </div> <div class="col-12 col-sm-9 col-lg-10"> <div class="row g-ml-20--sm"> <!-- contacts--> <div class="landing-block-card-menu-contact-container col-sm-8 col-md-9"> <div class="landing-block-card-menu-contact-container-inner row"> <div class="landing-block-node-card col-md g-mb-10 g-mb-0--md g-brd-right--md g-brd-gray-light-v4" data-card-preset="contact-link"> <a href="tel:#PHONE1#" class="landing-block-node-card-contactlink-link g-pa-10--md row align-items-center justify-content-center justify-content-sm-start justify-content-md-center justify-content-lg-start g-text-decoration-none--hover"> <span class="landing-block-node-card-icon-container text-left text-md-center text-lg-left w-auto g-width-100x--md g-width-auto--lg g-font-size-18 g-line-height-1 d-none d-sm-inline-block g-valign-top g-color-primary g-mr-10 g-mr-0--md g-mr-10--lg"> <i class="landing-block-node-card-contactlink-icon icon icon-screen-smartphone"></i> </span> <span class="landing-block-node-card-text-container text-center text-sm-left text-md-center text-lg-left d-inline-block"> <span class="landing-block-node-menu-contactlink-title landing-block-node-card-title-style landing-semantic-text-medium g-color-main d-block text-uppercase g-font-size-13"> Call Us </span> <span class="landing-block-node-card-contactlink-text landing-block-node-card-text-style landing-semantic-link-small d-block g-color-gray-dark-v2 font-weight-bold g-text-decoration-none g-text-underline--hover"> #PHONE1# </span> </span> </a> </div> <div class="landing-block-node-card col-md g-mb-10 g-mb-0--md g-brd-right--md g-brd-gray-light-v4" data-card-preset="contact-text"> <div class="g-pa-10--md row align-items-center justify-content-center justify-content-sm-start justify-content-md-center justify-content-lg-start"> <div class="landing-block-node-card-icon-container text-left text-md-center text-lg-left w-auto g-width-100x--md g-width-auto--lg g-font-size-18 g-line-height-1 d-none d-sm-inline-block g-valign-top g-color-primary g-mr-10 g-mr-0--md g-mr-10--lg"> <i class="landing-block-node-card-icon icon icon-clock"></i> </div> <div class="landing-block-node-card-text-container text-center text-sm-left text-md-center text-lg-left d-inline-block"> <div class="landing-block-node-card-title landing-block-node-card-title-style landing-semantic-text-medium g-color-main text-uppercase g-font-size-13"> Opening time </div> <div class="landing-block-node-card-text landing-block-node-card-text-style landing-semantic-link-small g-color-gray-dark-v2 font-weight-bold"> Mon-Sat: 08.00 -18.00 </div> </div> </div> </div> <div class="landing-block-node-card col-md g-mb-10 g-mb-0--md g-brd-right--md g-brd-gray-light-v4" data-card-preset="contact-link"> <a href="mailto:#EMAIL1#" class="landing-block-node-card-contactlink-link g-pa-10--md row align-items-center justify-content-center justify-content-sm-start justify-content-md-center justify-content-lg-start g-text-decoration-none--hover"> <span class="landing-block-node-card-icon-container text-left text-md-center text-lg-left w-auto g-width-100x--md g-width-auto--lg g-font-size-18 g-line-height-1 d-none d-sm-inline-block g-valign-top g-color-primary g-mr-10 g-mr-0--md g-mr-10--lg"> <i class="landing-block-node-card-contactlink-icon icon icon-envelope"></i> </span> <span class="landing-block-node-card-text-container text-center text-sm-left text-md-center text-lg-left d-inline-block"> <span class="landing-block-node-menu-contactlink-title landing-block-node-card-title-style landing-semantic-text-medium g-color-main d-block text-uppercase g-font-size-13"> Email us </span> <span class="landing-block-node-card-contactlink-text landing-block-node-card-text-style landing-semantic-link-small d-block g-color-gray-dark-v2 font-weight-bold g-text-decoration-none g-text-underline--hover"> #EMAIL1# </span> </span> </a> </div> </div> </div> <!-- socials--> <div class="landing-block-socials-container col-sm-4 col-md-3 g-mb-10 g-mb-0--md"> <ul class="landing-block-cards-social list-inline g-pa-10--md g-mb-0 row align-items-center justify-content-center justify-content-sm-start"> <li class="landing-block-node-social-item list-inline-item g-valign-middle g-mx-3 g-mb-6" data-card-preset="facebook"> <a class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14" href="https://facebook.com"> <i class="landing-block-node-social-icon fa fa-facebook"></i> </a> </li> <li class="landing-block-node-social-item list-inline-item g-valign-middle g-mx-3 g-mb-6" data-card-preset="twitter"> <a class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14" href="https://twitter.com"> <i class="landing-block-node-social-icon fa fa-twitter"></i> </a> </li> <li class="landing-block-node-social-item list-inline-item g-valign-middle g-mx-3 g-mb-6" data-card-preset="instagram"> <a class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14" href="https://instagram.com"> <i class="landing-block-node-social-icon fa fa-instagram"></i> </a> </li> </ul> </div> </div> </div> </div> </div> </header>