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="news-list">
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий</a></h4><span class="news-item-date">05.03.2018</span>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий. «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий</a></h4><span class="news-item-date">05.03.2018</span>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий. «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий</a></h4><span class="news-item-date">05.03.2018</span>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий.</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий</a></h4><span class="news-item-date">05.03.2018</span>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий. «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий</a></h4><span class="news-item-date">05.03.2018</span>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий. «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий</a></h4><span class="news-item-date">05.03.2018</span>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий.</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий</a></h4><span class="news-item-date">05.03.2018</span>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий. «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий</a></h4><span class="news-item-date">05.03.2018</span>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий. «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий</a></h4><span class="news-item-date">05.03.2018</span>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</p>
</div>
</div>
</div>
<div class="news-item">
<div class="news-item-holder"><a class="news-item-image" href="#" style="background-image: url(pict/content.jpg); background-size: cover"></a>
<div class="news-item-content">
<h4 class="news-item-title"><a href="#">Форум ВЭБа «Криптосреда» стал глобальной площадкой обсуждения регуляторики новых технологий.</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid vitae culpa itaque quasi at, cumque laboriosam porro enim minima autem? Voluptatibus distinctio rem possimus dicta asperiores tempore odit placeat atque.</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>