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 list-more">
<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>
<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>
</nav>
<!-- nav-->
<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-archiv-search">
<form class="form" action="">
<div class="header-search" action="">
<input class="header-search-field" type="text" value="">
<button class="header-search-button">Поиск</button>
</div>
</form>
<div class="archiv-filters">
<div class="archiv-filters-item">
<select class="select-custom">
<option value="" disable>Проект</option>
<option value="">Значение 1sdfsf dsfdsf dsf d</option>
<option value="">Значение 2</option>
<option value="">Значение 3</option>
</select>
</div>
<div class="archiv-filters-item">
<select class="select-custom">
<option value="" disable>Класс документа</option>
<option value="">Значение 1</option>
<option value="">Значение 2</option>
<option value="">Значение 3</option>
</select>
</div>
<div class="archiv-filters-item">
<select class="select-custom">
<option value="" disable>Вид документа</option>
<option value="">Значение 1</option>
<option value="">Значение 2</option>
<option value="">Значение 3</option>
</select>
</div>
<div class="archiv-filters-item">
<input class="calendar-custom" data-default-min="10.10.2016" data-default-max="15.10.2019">
</div>
</div>
</div>
<!-- title-->
<div id="workarea-content">
<article class="article">
<div class="content">
<div class="archiv-sort">
<div class="archiv-sort-item">
<label class="archiv-sort-label">Гуппировать по:</label>
<div class="archiv-sort-value">
<select class="select-custom">
<option value="" disable>Релевантности</option>
<option value="">Значение 1</option>
<option value="">Значение 2</option>
<option value="">Значение 3</option>
</select>
</div>
</div>
<div class="archiv-sort-item">
<label class="archiv-sort-label">Сортировать по:</label>
<div class="archiv-sort-value">
<select class="select-custom">
<option value="" disable>Релевантности</option>
<option value="">Значение 1</option>
<option value="">Значение 2</option>
<option value="">Значение 3</option>
</select>
</div>
</div>
</div>
<div class="archiv-list">
<div class="archiv-item">
<h3 style="color: #295f80">Группа: Отчеты за Сентябрь 2019</h3>
<div class="archiv-docs" style="border-color: #295f80">
<div class="archiv-docs-item">
<div class="archiv-docs-desc">
<h4>Консолидированный отчет сентябрь 2019</h4>
<p><span class="archiv-docs-label">Проект:</span> Технологический проект по выбору наилучшей технологии</p>
<ul class="list list-flex">
<li class="list-item"><span class="archiv-docs-label">Вид документа:</span> К58оН</li>
<li class="list-item"><span class="archiv-docs-label">Класс документа:</span> К58оН</li>
<li class="list-item"><span class="archiv-docs-label">Дата создания:</span> 27.05.2019</li>
</ul>
</div>
<div class="archiv-docs-data">
<div class="archiv-docs-icon -excel">257 Кб</div><a href="#">Редактировать</a><a href="#">Удалить</a>
</div>
</div>
<div class="archiv-docs-item">
<div class="archiv-docs-desc">
<h4>Консолидированный отчет сентябрь 2019</h4>
<p><span class="archiv-docs-label">Проект:</span> Технологический проект по выбору наилучшей технологии</p>
<ul class="list list-flex">
<li class="list-item"><span class="archiv-docs-label">Вид документа:</span> К58оН</li>
<li class="list-item"><span class="archiv-docs-label">Класс документа:</span> К58оН</li>
<li class="list-item"><span class="archiv-docs-label">Дата создания:</span> 27.05.2019</li>
</ul>
</div>
<div class="archiv-docs-data">
<div class="archiv-docs-icon -word">257 Кб</div><a href="#">Редактировать</a><a href="#">Удалить</a>
</div>
</div>
<div class="archiv-docs-item">
<div class="archiv-docs-desc">
<h4>Консолидированный отчет сентябрь 2019</h4>
<p><span class="archiv-docs-label">Проект:</span> Технологический проект по выбору наилучшей технологии</p>
<ul class="list list-flex">
<li class="list-item"><span class="archiv-docs-label">Вид документа:</span> К58оН</li>
<li class="list-item"><span class="archiv-docs-label">Класс документа:</span> К58оН</li>
<li class="list-item"><span class="archiv-docs-label">Дата создания:</span> 27.05.2019</li>
</ul>
</div>
<div class="archiv-docs-data">
<div class="archiv-docs-icon -pdf">257 Кб</div><a href="#">Редактировать</a><a href="#">Удалить</a>
</div>
</div>
</div>
</div>
<div class="archiv-item">
<h3 style="color: #3e895d">Группа: Отчеты за Сентябрь 2019</h3>
<div class="archiv-docs" style="border-color: #3e895d">
<div class="archiv-docs-item">
<div class="archiv-docs-desc">
<h4>Консолидированный отчет сентябрь 2019</h4>
<p><span class="archiv-docs-label">Проект:</span> Технологический проект по выбору наилучшей технологии</p>
<ul class="list list-flex">
<li class="list-item"><span class="archiv-docs-label">Вид документа:</span> К58оН</li>
<li class="list-item"><span class="archiv-docs-label">Класс документа:</span> К58оН</li>
<li class="list-item"><span class="archiv-docs-label">Дата создания:</span> 27.05.2019</li>
</ul>
</div>
<div class="archiv-docs-data">
<div class="archiv-docs-icon -excel">257 Кб</div><a href="#">Редактировать</a><a href="#">Удалить</a>
</div>
</div>
</div>
</div>
</div>
<div class="archiv-more"><a class="button button-beige" href="#">Показать еще</a></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>