%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/modules/landing/install/blocks/bitrix/35.4.header_with_social/ |
Current File : //home/bitrix/www/bitrix/modules/landing/install/blocks/bitrix/35.4.header_with_social/block.php |
<header class="landing-block landing-block-menu g-bg-white g-pt-20 g-pb-20 g-brd-bottom g-brd-gray-light-v4"> <div class="container"> <div class="text-center text-lg-left"> <div class="row flex-lg-row align-items-center justify-content-lg-start"> <div class="col-6 col-sm-3 col-lg-2"> <!-- Logo --> <a href="#system_mainpage" class="navbar-brand landing-block-node-menu-logo-link"> <img class="landing-block-node-logo img-fluid g-max-width-180" src="https://cdn.bitrix24.site/bitrix/images/landing/logos/real-estate-logo.png" alt="Logo"> </a> <!-- End Logo --> </div> <div class="col-6 col-sm-9 col-lg-10"> <div class="row align-items-center"> <div class="landing-block-node-card col-sm g-brd-right--sm g-brd-gray-light-v4"> <div class="g-pa-10--lg"> <div class="landing-block-node-card-icon-container d-lg-inline-block g-valign-top g-color-primary g-mr-5 g-font-size-18 g-line-height-1"> <i class="landing-block-node-card-icon icon icon-screen-smartphone"></i> </div> <div class="landing-block-node-card-text-container d-inline-block"> <div class="landing-block-node-card-title text-uppercase g-font-size-13"> Call Us </div> <div class="landing-block-node-card-text g-color-gray-dark-v2 g-font-weight-700"> <a href="tel:+469548521">+469 548 521</a> </div> </div> </div> </div> <div class="landing-block-node-card col-sm g-hidden-md-down g-brd-right--sm g-brd-gray-light-v4"> <div class="g-pa-10--lg"> <div class="landing-block-node-card-icon-container d-lg-inline-block g-valign-top g-color-primary g-mr-5 g-font-size-18 g-line-height-1"> <i class="landing-block-node-card-icon icon icon-clock"></i> </div> <div class="landing-block-node-card-text-container d-inline-block"> <div class="landing-block-node-card-title text-uppercase g-font-size-13"> Opening time </div> <div class="landing-block-node-card-text g-color-gray-dark-v2 g-font-weight-700"> Mon-Sat: 08.00 -18.00 </div> </div> </div> </div> <div class="col-sm g-hidden-sm-down"> <div class="g-pa-10--lg"> <ul class="row no-gutters mb-0 g-mx-minus-3 justify-content-lg-end"> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-twitter"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-skype"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-facebook"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-pinterest"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-vine"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-youtube"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-google-plus"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-dribbble"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-vk"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-instagram"></i> </a> </li> <li class="landing-block-node-social-item col g-flex-grow-0 list-inline-item g-valign-middle g-mx-3 g-mb-6 g-ml-6--md g-mr-0--md"> <a href="#" class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--xs g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover"> <i class="landing-block-node-social-icon fa fa-linkedin"></i> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </header>