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 section-full-height">
<nav class="inner-navigation">
<ul class="list list-flex">
<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>
<li class="list-item"><a class="list-link" href="#">Команда</a></li>
</ul><a class="button" href="#">Создать идею</a>
</nav>
<!-- nav-->
<div id="workarea-content">
<article class="article">
<div class="block-list" id="block-list">
<div class="block-item col-33">
<div class="block-item-holder"><span class="block-item-drag">Переместить</span><span class="block-item-remove">Скрыть</span>
<div class="border-icon-title">
<div class="border-icon-img"><img src="assets/img/block-icon-project.png" alt=""></div>
<h3><a href="#">Текущие проекты</a></h3>
</div>
<div class="block-item-content">
<ul class="list block-item-list block-list-image">
<li class="list-item">
<div class="list-item-image"><img src="pict/list.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="pict/list.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="pict/list.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="pict/list.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="block-item col-33">
<div class="block-item-holder"><span class="block-item-drag">Переместить</span><span class="block-item-remove">Скрыть</span>
<div class="border-icon-title">
<div class="border-icon-img"><img src="assets/img/block-icon-task.png" alt=""></div>
<h3><a href="#">Мои задачи</a></h3>
</div>
<div class="block-item-content">
<ul class="list block-item-list">
<li class="list-item block-task-new">
<div class="list-item-content">
<h4><a href="#">Внутренний портал ВЭБи</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item block-task-important">
<div class="list-item-content">
<h4><a href="#">Внутренний портал ВЭБи</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item block-task-time">
<div class="list-item-content">
<h4><a href="#">Внутренний портал ВЭБи</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item block-task-overdue">
<div class="list-item-content">
<h4><a href="#">Внутренний портал ВЭБи</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="block-item col-33">
<div class="block-item-holder"><span class="block-item-drag">Переместить</span><span class="block-item-remove">Скрыть</span>
<div class="border-icon-title">
<div class="border-icon-img"><img src="assets/img/block-icon-cur.png" alt=""></div>
<h3><a href="#">Текущие задачи</a></h3>
</div>
<div class="block-item-content">
<ul class="list block-item-list block-list-image">
<li class="list-item">
<div class="list-item-image"><img src="pict/list.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="pict/list.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="pict/list.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="pict/list.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="block-item col-33">
<div class="block-item-holder"><span class="block-item-drag">Переместить</span><span class="block-item-remove">Скрыть</span>
<div class="border-icon-title">
<div class="border-icon-img"><img src="assets/img/block-icon-note.png" alt=""></div>
<h3><a href="#">Уведомления</a></h3>
</div>
<div class="block-item-content">
<ul class="list block-item-list">
<li class="list-item">
<div class="list-item-content">
<h4><a href="#">Внутренний портал ВЭБи</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-content">
<h4><a href="#">Внутренний портал ВЭБи</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-content">
<h4><a href="#">Внутренний портал ВЭБи</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-content">
<h4><a href="#">Внутренний портал ВЭБи</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="block-item col-33">
<div class="block-item-holder"><span class="block-item-drag">Переместить</span><span class="block-item-remove">Скрыть</span>
<div class="border-icon-title">
<div class="border-icon-img"><img src="assets/img/block-icon-doc.png" alt=""></div>
<h3><a href="#">Документы по проекту</a></h3>
</div>
<div class="block-item-content">
<ul class="list block-item-list block-list-docs">
<li class="list-item">
<div class="list-item-image"><img src="assets/img/word-icon.png" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="assets/img/excel-icon.png" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="assets/img/pdf-icon.png" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="assets/img/doc-icon.png" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Название проекта</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">20 марта 12:58</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="block-item col-33">
<div class="block-item-holder"><span class="block-item-drag">Переместить</span><span class="block-item-remove">Скрыть</span>
<div class="border-icon-title">
<div class="border-icon-img"><img src="assets/img/block-icon-comand.png" alt=""></div>
<h3><a href="#">Команда</a></h3>
</div>
<div class="block-item-content">
<ul class="list block-item-list block-list-image">
<li class="list-item">
<div class="list-item-image"><img src="pict/list-person.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Иванов Иван</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">должность</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="pict/list-person.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Иванов Иван</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">должность</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="pict/list-person.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Иванов Иван</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">должность</span>
</div>
</div>
</li>
<li class="list-item">
<div class="list-item-image"><img src="pict/list-person.jpg" alt=""></div>
<div class="list-item-content">
<h4><a href="#">Иванов Иван</a></h4>
<div class="list-item-info">
<p class="list-item-introtext">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Commodi, nihil necessitatibus.</p><span class="list-item-date">должность</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</article>
<!-- article-->
</div>
</section>
<!-- 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>