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">
<div class="content">
<div class="content-cols">
<div class="content-cols-item">
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-1.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>ДМС</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius! Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius!</div>
</div>
</div>
</div>
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-3.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>Обучение</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius!</div>
</div>
</div>
</div>
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-5.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>Проекты от ВЭБ</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius! Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius!</div>
</div>
</div>
</div>
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-7.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>Эко проекты</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur!</div>
</div>
</div>
</div>
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-9.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>Благотворительность</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius! Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius!</div>
</div>
</div>
</div>
</div>
<div class="content-cols-item">
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-2.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>События</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius! Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius!</div>
</div>
</div>
</div>
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-4.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>Адаптация</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius!</div>
</div>
</div>
</div>
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-6.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>Практика студентам</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius! Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius!</div>
</div>
</div>
</div>
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-8.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>Доска почета</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur!</div>
</div>
</div>
</div>
<div class="corp-culture">
<div class="corp-culture-holder">
<div class="corp-culture-image"><span><img src="pict/corp-icon-10.png" alt=""></span></div>
<div class="corp-culture-content">
<h4>Опросы</h4>
<div class="corp-culture-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius! Tempora voluptatibus, neque natus sapiente quisquam eligendi ab odit repellendus explicabo nihil, est sequi sunt provident quod molestias temporibus consequatur! Accusamus, eius!</div>
</div>
</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&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>