Your IP : 216.73.216.170


Current Path : /home/bitrix/ext_www/aero.yacl.site_for_del/build/
Upload File :
Current File : /home/bitrix/ext_www/aero.yacl.site_for_del/build/contacts.html

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=1300">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="assets/css/general.min.css">
  </head>
  <body id="body">
    <div class="wrapper">
      <header class="header"><a class="logotype" href="/"><img src="assets/img/logo-icon.gif" alt=""><img src="assets/img/logo-text.png" alt=""></a>
        <form class="header-search" action="">
          <input class="header-search-field" type="text" value="">
          <button class="header-search-button">Поиск</button>
        </form>
        <div class="header-account">
          <div class="header-account-title" data-toggler data-target="account-nav">
            <div class="header-account-image"><img src="" alt=""></div>
            <div class="header-account-name">Иван Федоренко</div>
          </div>
        </div>
      </header>
      <!-- header-->
      <main class="main" id="main">
        <!-- (v-bind:class="{'aside-navigation-opened' : isOpenedMenu}" v-on:click="isOpenedMenu = true")-->
        <aside class="aside aside-navigation aside-navigation-opened">
          <!-- (v-on:click.stop="isOpenedMenu=!isOpenedMenu")--><span class="aside-navigation-toggle">Развернуть/Свернуть</span>
          <ul class="list">
            <li class="list-item active"><a class="list-link" href="#">Компания</a></li>
            <li class="list-item"><a class="list-link" href="#">Сотрудники</a></li>
            <li class="list-item"><a class="list-link" href="#">Диски</a></li>
            <li class="list-item"><a class="list-link" href="#">Сервисы</a></li>
            <li class="list-item"><a class="list-link" href="#">Проектное управление</a></li>
            <li class="list-item"><a class="list-link" href="#">Форумы</a></li>
          </ul>
        </aside>
        <!-- aside-->
        <section class="section">
          <div class="section-title">
            <div class="pagetitle-wrap">
              <div class="pagetitle-inner-container">
                <div class="pagetitle-menu"></div>
                <div class="pagetitle">
                  <div class="pagetitle-item">О компании</div>
                </div>
              </div>
            </div>
          </div>
          <div id="workarea-content">
            <article class="article">
              <ul class="list list-flex content-tabs">
                <li class="list-item"><a class="list-link" href="#">Руководство</a></li>
                <li class="list-item"><a class="list-link" href="#">История компании</a></li>
                <li class="list-item"><a class="list-link" href="#">Корпоративная кульура</a></li>
                <li class="list-item active"><a class="list-link" href="#">Контакты</a></li>
              </ul>
              <div class="content">
                <h2 class="content-title">Контакты</h2>
                <div class="content-inner">
                  <div class="contacts-map" id="contacts-map"></div>
                  <div class="contacts-list">
                    <div class="contacts-item contacts-item-address">
                      <div class="contacts-item-head"><span>Адрес</span></div>
                      <div class="contacts-item-content">107078, Россия, Москва, ул. Маши Порываевой, д. 7, стр. 2.</div>
                    </div>
                    <div class="contacts-item contacts-item-phone">
                      <div class="contacts-item-head"><span>Телефон</span></div>
                      <div class="contacts-item-content"><a href="tel:74952588420">+7 (495) 258-84-20</a><br><a href="tel:74956989303">+7 (495) 698-93-03</a></div>
                    </div>
                    <div class="contacts-item contacts-item-email">
                      <div class="contacts-item-head"><span>E-mail</span></div>
                      <div class="contacts-item-content"><a href="mailto:info@vebeng.ru">info@vebeng.ru</a></div>
                    </div>
                    <div class="contacts-item contacts-item-qr">
                      <div class="contacts-item-head"><span>QR-код</span></div>
                      <div class="contacts-item-content"><img src="pict/qr-code.jpg" alt=""></div>
                    </div>
                    <div class="contacts-item contacts-item-fax">
                      <div class="contacts-item-head"><span>Факс</span></div>
                      <div class="contacts-item-content"><a href="tel:74952586064">+7 (495) 258-60-64</a><br><a href="tel:74956989304">+7 (495) 698-93-04</a></div>
                    </div>
                    <div class="contacts-item contacts-item-file">
                      <div class="contacts-item-head"><span>Реквизиты</span></div>
                      <div class="contacts-item-content"><a class="button" href="#">Скачать</a></div>
                    </div>
                  </div>
                </div>
              </div>
            </article>
          </div>
        </section>
        <!--(v-bind:class="{'aside-info-opened' : isOpenedInfo}" v-on:click="isOpenedInfo = true")-->
        <aside class="aside aside-info aside-info-opened">
          <!--(v-on:click.stop="isOpenedInfo=!isOpenedInfo")--><span class="aside-info-toggle">Развернуть/Свернуть</span>
          <div class="aside-info-item"><a class="border-icon-title" href="#">
              <div class="border-icon-img"><img src="assets/img/aside-icon-lamp.png" alt=""></div><span>Идея</span></a>
            <div class="aside-info-content">
              <ul class="list aside-list-link">
                <li class="list-item"><a href="#">Название идеи</a>
                  <p>Информация о проекте</p>
                </li>
                <li class="list-item"><a href="#">Название идеи</a>
                  <p>Информация о проекте</p>
                </li>
                <li class="list-item"><a href="#">Название идеи</a>
                  <p>Информация о проекте</p>
                </li>
              </ul>
            </div>
          </div>
          <div class="aside-info-item notification"><a class="border-icon-title" href="#">
              <div class="border-icon-img"><img src="assets/img/aside-icon-note.png" alt=""><span class="aside-info-count">3</span></div><span>Уведомления</span></a>
            <div class="aside-info-content">
              <ul class="list aside-list-link">
                <li class="list-item"><a href="#">Заголовок</a>
                  <p>Текс  Текс  Текс  Текс  Текст</p>
                </li>
                <li class="list-item"><a href="#">Заголовок</a>
                  <p>Текс  Текс  Текс  Текс  Текст</p>
                </li>
                <li class="list-item"><a href="#">Заголовок</a>
                  <p>Текс  Текс  Текс  Текс  Текст</p>
                </li>
                <li class="list-item"><a href="#">Заголовок</a>
                  <p>Текс  Текс  Текс  Текс  Текст</p>
                </li>
                <li class="list-item"><a href="#">Заголовок</a>
                  <p>Текс  Текс  Текс  Текс  Текст</p>
                </li>
              </ul>
              <div class="text-right"><a class="aside-info-more" href="#">Все уведомления</a></div>
            </div>
          </div>
          <div class="aside-info-item"><a class="border-icon-title" href="#">
              <div class="border-icon-img"><img src="assets/img/aside-icon-present.png" alt=""></div><span>Дни рождения</span></a>
            <div class="aside-info-content">
              <ul class="list list-persons">
                <li class="list-item"><a class="list-link" href="#"><img class="list-image" src="pict/person.jpg" alt="">
                    <div class="list-content"><span class="list-name">Иванова Светлана</span><span class="list-footnote">Ведущий специалист</span></div></a></li>
                <li class="list-item"><a class="list-link" href="#"><img class="list-image" src="pict/person.jpg" alt="">
                    <div class="list-content"><span class="list-name">Иванова Светлана</span><span class="list-footnote">Ведущий специалист</span></div></a></li>
              </ul>
            </div>
          </div>
          <div class="aside-info-item"><a class="border-icon-title" href="#" target="_blank">
              <div class="border-icon-img"><img src="assets/img/aside-icon-weather.png" alt=""></div><span>Погода</span></a>
            <div class="aside-info-content">
              <div class="aside-weather text-center"><span class="aside-weather-value">+12<span>o</span></span><span class="aside-weather-footnote">Малооблачно</span>
                <ul class="list aside-weather-other">
                  <li class="list-item">Ветер<span>2,3 м/с СВ</span></li>
                  <li class="list-item">Давление<span>758 мм рт.ст.</span></li>
                  <li class="list-item">Влажность<span>75%</span></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="aside-info-item"><a class="border-icon-title" href="#" target="_blank">
              <div class="border-icon-img"><img src="assets/img/aside-icon-lights-all.png" alt=""></div><span>Пробки</span></a>
            <div class="aside-info-content">
              <div class="aside-traffic text-center"><span class="aside-traffic-value"><i class="traf1">Пробки</i><span>3</span> балла</span>
                <div class="aside-traffic-map">
                  <div id="map"></div>
                  <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;modules=traffic" type="text/javascript"></script>
                  <script>
                    ymaps.ready(init);
                    var myMap;
                    
                    function init(){     
                      myMap = new ymaps.Map("map", {
                        center: [55.773530068962785,37.647126999999934],
                        zoom: 16,
                        controls: []
                      });
                    
                      var trafficControl = new ymaps.control.TrafficControl({
                        state: {
                          providerKey: 'traffic#actual',
                          trafficShown: true
                        },
                        options: {
                          visible: false
                        }
                      });
                    
                      myMap.controls.add(trafficControl);
                    
                      myPlacemark = new ymaps.Placemark([55.773530068962785,37.647126999999934], {
                        preset: 'islands#darkBlueIcon'
                      });
                    
                      myMap.geoObjects.add(myPlacemark);
                    }
                  </script><a class="aside-traffic-link" href="#" target="_blank">&nbsp;</a>
                </div>
              </div>
            </div>
          </div>
          <div class="aside-info-item"><a class="border-icon-title" href="#">
              <div class="border-icon-img"><img src="assets/img/aside-icon-chat.png" alt=""></div><span>Бизнес-чат</span></a>
            <div class="aside-info-content">
              <ul class="list list-chat">
                <li class="list-item"><a class="list-link" href="#"><img class="list-image" src="pict/person.jpg" alt="">
                    <div class="list-content"><span class="list-name">Название чата</span><span class="list-footnote">Последнее сообщение</span></div><span class="list-item-count">4</span></a></li>
                <li class="list-item"><a class="list-link" href="#"><img class="list-image" src="pict/person.jpg" alt="">
                    <div class="list-content"><span class="list-name">Название чата</span><span class="list-footnote">Последнее сообщение</span></div><span class="list-item-count">4</span></a></li>
                <li class="list-item"><a class="list-link" href="#"><img class="list-image" src="pict/person.jpg" alt="">
                    <div class="list-content"><span class="list-name">Название чата</span><span class="list-footnote">Последнее сообщение</span></div><span class="list-item-count">4</span></a></li>
              </ul>
            </div>
          </div>
        </aside>
        <!-- aside-->
      </main>
      <!-- main-->
    </div>
    <!-- wrapper-->
    <!-- JS-->
    <script>
      var BXClearClassForWidgetJs = false;
      
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="assets/js/bundle.min.js"></script>
    <script src="assets/js/common.min.js"></script>
    <script>
      ymaps.ready(contacts);
      var contactsMap;
      
      function contacts(){     
        contactsMap = new ymaps.Map("contacts-map", {
          center: [55.773530068962785,37.647126999999934],
          zoom: 16,
          controls: []
        });
      
        myPlacemark = new ymaps.Placemark([55.773530068962785,37.647126999999934], {
          preset: 'islands#darkBlueIcon'
        });
      
        contactsMap.geoObjects.add(myPlacemark);
      }
    </script>
  </body>
</html>