Your IP : 216.73.216.170
<!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 class="section-search-bar">
<form class="form" action="">
<div class="header-search" action="">
<input class="header-search-field" type="text" value="">
<button class="header-search-button">Поиск</button>
</div>
<div class="section-search-select">
<div class="form-select">
<select value="">
<option value="Все" disabled selected>Все</option>
<option value="Значение 1">Значение 1</option>
<option value="Значение 2">Значение 2</option>
<option value="Значение 3">Значение 3</option>
</select>
</div>
</div>
</form>
</div>
<div class="section-sort"><span>Сортировка:</span>
<div class="sort-control">А - Я</div>
</div>
<div id="workarea-content">
<article class="article">
<div class="person-list person-list-phones">
<div class="person-item">
<div class="person-item-holder">
<div class="person-item-about"><a class="person-item-image" href="#" style="background-image: url(https://fm.cnbc.com/applications/cnbc.com/resources/img/editorial/2017/05/10/104461165-Bill_Gates_green.jpg?v=1494440221); background-size: cover;"> </a>
<div class="person-item-content">
<h4 class="person-item-title"><a href="#">Валерия Ивановна</a></h4><span class="person-item-footnote">Ведущий специалист</span><span class="person-status person-status-offline">Офлайн</span>
</div>
</div>
<div class="person-item-contacts">
<p>Имя: Валерия<br>Отчество: Юрьевна<br>Фамилия: Алексеева<br>E-Mail: <a href="mailto:avy@vebeng.ru">mailto:avy@vebeng.ru</a><br>Должность: Ведущий специалист<br>Рабочий: <a href="tel:3283">3283</a></p>
</div>
<div class="person-item-status"><span class="button button-inverse">Руководитель</span>
<p><a href="#">Управление организации и проведения закупок</a></p>
<p><a href="#">Группа внедрения и сопровождения ИСУП</a></p>
</div>
</div>
</div>
<div class="person-item">
<div class="person-item-holder">
<div class="person-item-about"><a class="person-item-image" href="#" style="background-image: url(https://fm.cnbc.com/applications/cnbc.com/resources/img/editorial/2017/05/10/104461165-Bill_Gates_green.jpg?v=1494440221); background-size: cover;"> </a>
<div class="person-item-content">
<h4 class="person-item-title"><a href="#">Валерия Ивановна</a></h4><span class="person-item-footnote">Ведущий специалист</span><span class="person-status person-status-online">Онлайн</span>
</div>
</div>
<div class="person-item-contacts">
<p>Имя: Валерия<br>Отчество: Юрьевна<br>Фамилия: Алексеева<br>E-Mail: <a href="mailto:avy@vebeng.ru">mailto:avy@vebeng.ru</a><br>Должность: Ведущий специалист<br>Рабочий: <a href="tel:3283">3283</a></p>
</div>
<div class="person-item-status"><span class="button button-inverse">Руководитель</span>
<p><a href="#">Управление организации и проведения закупок</a></p>
<p><a href="#">Группа внедрения и сопровождения ИСУП</a></p>
</div>
</div>
</div>
<div class="person-item">
<div class="person-item-holder">
<div class="person-item-about"><a class="person-item-image" href="#" style="background-image: url(https://fm.cnbc.com/applications/cnbc.com/resources/img/editorial/2017/05/10/104461165-Bill_Gates_green.jpg?v=1494440221); background-size: cover;"> </a>
<div class="person-item-content">
<h4 class="person-item-title"><a href="#">Валерия Ивановна</a></h4><span class="person-item-footnote">Ведущий специалист</span><span class="person-status person-status-offline">Офлайн</span>
</div>
</div>
<div class="person-item-contacts">
<p>Имя: Валерия<br>Отчество: Юрьевна<br>Фамилия: Алексеева<br>E-Mail: <a href="mailto:avy@vebeng.ru">mailto:avy@vebeng.ru</a><br>Должность: Ведущий специалист<br>Рабочий: <a href="tel:3283">3283</a></p>
</div>
<div class="person-item-status"><span class="button button-inverse">Руководитель</span>
<p><a href="#">Управление организации и проведения закупок</a></p>
<p><a href="#">Группа внедрения и сопровождения ИСУП</a></p>
</div>
</div>
</div>
<div class="person-item">
<div class="person-item-holder">
<div class="person-item-about"><a class="person-item-image" href="#" style="background-image: url(https://fm.cnbc.com/applications/cnbc.com/resources/img/editorial/2017/05/10/104461165-Bill_Gates_green.jpg?v=1494440221); background-size: cover;"> </a>
<div class="person-item-content">
<h4 class="person-item-title"><a href="#">Валерия Ивановна</a></h4><span class="person-item-footnote">Ведущий специалист</span><span class="person-status person-status-online">Онлайн</span>
</div>
</div>
<div class="person-item-contacts">
<p>Имя: Валерия<br>Отчество: Юрьевна<br>Фамилия: Алексеева<br>E-Mail: <a href="mailto:avy@vebeng.ru">mailto:avy@vebeng.ru</a><br>Должность: Ведущий специалист<br>Рабочий: <a href="tel:3283">3283</a></p>
</div>
<div class="person-item-status"><span class="button button-inverse">Руководитель</span>
<p><a href="#">Управление организации и проведения закупок</a></p>
<p><a href="#">Группа внедрения и сопровождения ИСУП</a></p>
</div>
</div>
</div>
<div class="person-item">
<div class="person-item-holder">
<div class="person-item-about"><a class="person-item-image" href="#" style="background-image: url(https://fm.cnbc.com/applications/cnbc.com/resources/img/editorial/2017/05/10/104461165-Bill_Gates_green.jpg?v=1494440221); background-size: cover;"> </a>
<div class="person-item-content">
<h4 class="person-item-title"><a href="#">Валерия Ивановна</a></h4><span class="person-item-footnote">Ведущий специалист</span><span class="person-status person-status-offline">Офлайн</span>
</div>
</div>
<div class="person-item-contacts">
<p>Имя: Валерия<br>Отчество: Юрьевна<br>Фамилия: Алексеева<br>E-Mail: <a href="mailto:avy@vebeng.ru">mailto:avy@vebeng.ru</a><br>Должность: Ведущий специалист<br>Рабочий: <a href="tel:3283">3283</a></p>
</div>
<div class="person-item-status"><span class="button button-inverse">Руководитель</span>
<p><a href="#">Управление организации и проведения закупок</a></p>
<p><a href="#">Группа внедрения и сопровождения ИСУП</a></p>
</div>
</div>
</div>
<div class="person-item">
<div class="person-item-holder">
<div class="person-item-about"><a class="person-item-image" href="#" style="background-image: url(https://fm.cnbc.com/applications/cnbc.com/resources/img/editorial/2017/05/10/104461165-Bill_Gates_green.jpg?v=1494440221); background-size: cover;"> </a>
<div class="person-item-content">
<h4 class="person-item-title"><a href="#">Валерия Ивановна</a></h4><span class="person-item-footnote">Ведущий специалист</span><span class="person-status person-status-online">Онлайн</span>
</div>
</div>
<div class="person-item-contacts">
<p>Имя: Валерия<br>Отчество: Юрьевна<br>Фамилия: Алексеева<br>E-Mail: <a href="mailto:avy@vebeng.ru">mailto:avy@vebeng.ru</a><br>Должность: Ведущий специалист<br>Рабочий: <a href="tel:3283">3283</a></p>
</div>
<div class="person-item-status"><span class="button button-inverse">Руководитель</span>
<p><a href="#">Управление организации и проведения закупок</a></p>
<p><a href="#">Группа внедрения и сопровождения ИСУП</a></p>
</div>
</div>
</div>
</div>
<div class="button-row text-center"><a class="button" href="#">Показать еще</a></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&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"> </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>
</body>
</html>