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 id="workarea-content">
<article class="article">
<ul class="list list-flex content-tabs">
<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>
</ul>
<div class="content">
<div class="card-row">
<div class="card-content">
<div class="card-content-item">
<ul class="list">
<li class="list-item">
<div class="card-content-label">Название строки</div>
<div class="card-content-value">Пример значения</div>
</li>
<li class="list-item">
<div class="card-content-label">Название строки</div>
<div class="card-content-value">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt ab deleniti saepe et aspernatur delectus necessitatibus! Quis commodi id officiis ea quidem, saepe quas neque fugit, minima ratione veniam tempora.</div>
</li>
<li class="list-item">
<div class="card-content-label">Название строки</div>
<div class="card-content-value"><a href="#">Пример ссылки в значении</a></div>
</li>
<li class="list-item">
<div class="card-content-label">Ожидаемый срок и периодичность оказания услуг </div>
<div class="card-content-value">Пример значения</div>
</li>
<li class="list-item">
<div class="card-content-label">Название строки</div>
<div class="card-content-value">Пример значения</div>
</li>
<li class="list-item">
<div class="card-content-label">Название строки</div>
<div class="card-content-value">Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis soluta porro libero minus illo quos asperiores accusamus ea! Quod consequatur ad laudantium beatae possimus non doloribus fuga nulla illo consectetur.</div>
</li>
<li class="list-item">
<div class="card-content-label">Название строки</div>
<div class="card-content-value">Пример значения</div>
</li>
<li class="list-item">
<div class="card-content-label">Название строки</div>
<div class="card-content-value">Пример значения</div>
</li>
<li class="list-item">
<div class="card-content-label">Название строки</div>
<div class="card-content-value">Пример значения значения</div>
</li>
</ul>
</div>
<div class="card-content-item">
<p><strong>Паспорт проекта</strong></p>
<p>Декомпозиция задач</p>
</div>
<div class="card-content-item">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<th>Наименование задачи</th>
<th>Ответственный</th>
<th>Служба</th>
<th>Действия</th>
</tr>
<tr>
<td>Тестовая задача</td>
<td>Петров Иван</td>
<td>Управление специальных проектов</td>
<td></td>
</tr>
</table>
</div>
<div class="card-content-item">
<ul class="list">
<li class="list-item">
<div class="card-content-label">Этап</div>
<div class="card-content-value">Декомпозиция задач</div>
</li>
</ul>
</div>
<div class="card-content-item"><a class="button button-red" href="#">Отклонить</a><a class="button button-beige" href="#">Доработать</a><a class="button button-green" href="#">Согласовать</a></div>
<div class="card-content-item card-content-border tabs">
<ul class="list list-flex content-tabs tabs-title">
<li class="list-item tabs-item active"><a class="list-link" href="#">Комментарии 1</a></li>
<li class="list-item tabs-item"><a class="list-link" href="#">История 2</a></li>
</ul>
<div class="tabs-content">
<div class="tabs-item active">Сюда комментарии</div>
<div class="tabs-item">Сюда историю</div>
</div>
</div>
</div>
<!-- content-->
<aside class="card-aside">
<div class="card-aside-heading">Ожидает этап согласования<br>с 16.02.2018 11.11.10</div>
<div class="card-aside-content">
<div class="card-aside-item card-aside-row card-aside-black">
<div class="card-aside-label">Создана</div>
<div class="card-aside-value">16.02.2018 11.11.10</div>
</div>
<div class="card-aside-item card-aside-row">
<div class="card-aside-label">Статус</div>
<div class="card-aside-value">
<div class="status-bar">
<div class="status-bar-grid"><span class="status-bar-item"></span><span class="status-bar-item"></span><span class="status-bar-item"></span></div>
<div class="status-bar-value" style="width: 66.6666%;">66.6666%</div>
</div>
</div>
</div>
<div class="card-aside-item card-aside-black">
<div class="card-aside-label">Автор идеи</div>
<div class="card-aside-value">
<div class="card-person">
<div class="card-person-image"></div>
<div class="card-person-content"><a class="card-person-name" href="">Иванов Иван</a><span class="card-person-footnote">должность</span></div>
</div>
</div>
</div>
<div class="card-aside-item">
<div class="card-aside-label">Ответственный</div>
<div class="card-aside-value">
<div class="card-person">
<div class="card-person-image"></div>
<div class="card-person-content"><a class="card-person-name" href="">Иванов Иван</a><span class="card-person-footnote">должность</span></div>
</div>
<div class="card-person">
<div class="card-person-image"></div>
<div class="card-person-content"><a class="card-person-name" href="">Иванов Иван</a><span class="card-person-footnote">должность</span></div>
</div>
</div>
</div>
<div class="card-aside-item">
<div class="card-aside-label">Наблюдатель</div>
<div class="card-aside-value">
<div class="card-person">
<div class="card-person-image"></div>
<div class="card-person-content"><a class="card-person-name" href="">Иванов Иван</a><span class="card-person-footnote">должность</span></div>
</div>
</div>
</div>
</div>
</aside>
<!--aside-->
</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&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>