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">
<title>title</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta property="og:title" content="">
<meta property="og:site_name" content="">
<meta property="og:url" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<link rel="stylesheet" href="assets/css/general.min.css?v=4">
</head>
<body id="body">
<div class="wrapper">
<form class="pv">
<div class="container">
<ul class="list list-flex pv-options">
<li class="pv-options-item">
<div class="pv-toggler pv-toggler-radio pv-toggler-type-size pv-toggler-type-size_normal">
<input type="radio" name="size" id="pv_size_1" value="normal">
<label for="pv_size_1"><span>А</span></label>
</div>
</li>
<li class="pv-options-item">
<div class="pv-toggler pv-toggler-radio pv-toggler-type-size pv-toggler-type-size_medium pv-toggler_active">
<input type="radio" name="size" id="pv_size_2" value="medium" checked>
<label for="pv_size_2"><span>А</span></label>
</div>
</li>
<li class="pv-options-item">
<div class="pv-toggler pv-toggler-radio pv-toggler-type-size pv-toggler-type-size_large">
<input type="radio" name="size" id="pv_size_3" value="large">
<label for="pv_size_3"><span>А</span></label>
</div>
</li>
</ul>
<ul class="list list-flex pv-options">
<li class="pv-options-item">
<div class="pv-toggler pv-toggler-radio pv-toggler-type-color pv-toggler-type-color_color">
<input type="radio" name="color" id="pv_color_1" value="color">
<label for="pv_color_1">Цветоной</label>
</div>
</li>
<li class="pv-options-item">
<div class="pv-toggler pv-toggler-radio pv-toggler-type-color pv-toggler-type-color_blackwhite pv-toggler_active">
<input type="radio" name="color" id="pv_color_2" value="blackwhite" checked>
<label for="pv_color_2">Черное на белом</label>
</div>
</li>
</ul>
<div class="pv-toggler pv-toggler-type-image">
<input type="checkbox" name="image" id="pv_image" value="image">
<label for="pv_image"></label>
</div>
<button class="pv-button">Обычная версия</button>
</div>
</form>
<header class="header">
<div class="container"><a class="logotype" href="#">Федеральный Центр Компетенций</a>
<div class="header-controls">
<div class="header-search">
<form class="form light-fields" action="">
<input class="form-field" type="text" name="search-text" value="">
<button class="header-search-button" type="submit"></button>
<!--div.autocomplete-result
ul.list
-for (var i = 0; i < 8; i++)
li.list-item
a.list-link(href="#")
span.list-link-text
span.list-link-title
span <b>Больш</b>ую часть работ на Кадашевской часть работ на Кадашевской
span Событие
span.list-link-icon
svg(version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.7px" height="31px" viewBox="0 0 29.7 31" style="enable-background:new 0 0 29.7 31;" xml:space="preserve")
g
path(d="M0,5.1v20.8C0,26.5,0.5,27,1.1,27h18.4c0.6,0,1.1-0.5,1.1-1.1V1.1c0-0.6-0.5-1.1-1.1-1.1H5.1L4.8,0.2l0,0 L0.2,4.8l0,0L0,5.1z M4.6,4.6h-2l2-2V4.6z M1.5,6.1H5c0.6,0,1.1-0.5,1.1-1.1V1.5h13v23.9H1.5V6.1z")
path(d="M17.5,8.7c0,0.4-0.3,0.6-0.6,0.6H3.8C3.4,9.3,3.2,9,3.2,8.7c0-0.4,0.3-0.6,0.6-0.6h13.1 C17.2,8.1,17.5,8.4,17.5,8.7z")
path(d="M3.8,11.6h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,11.9,3.4,11.6,3.8,11.6z")
path(d="M3.8,15.2h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,15.5,3.4,15.2,3.8,15.2z")
path(d="M28.9,4.9l-7.6-2v1.6l6.8,1.8l-6.2,23.1l-6.7-1.8H9.3l12.6,3.4c0.6,0.2,1.2-0.2,1.4-0.8l6.4-23.8 C29.8,5.7,29.5,5.1,28.9,4.9z")
path(d="M3.8,18.8h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,19,3.4,18.8,3.8,18.8z")
a.autocomplete-result-all(href="#") Смотреть все результаты
-->
<!--div.autocomplete-result
ul.list.list-hashtags.list-title-blue
-for (var i = 0; i < 4; i++)
li.list-item
a.list-link(href="#")
span.list-link-text
span.list-link-title
span #труд
span Событие
span.header-search-result-title популярные:
ul.list.list-hashtags
-for (var i = 0; i < 2; i++)
li.list-item
a.list-link(href="#")
span.list-link-text
span.list-link-title
span #труд
span Событие
a.autocomplete-result-all(href="#") Смотреть все результаты
-->
</form><a class="search" href="#">Поиск</a>
</div><span class="visually-impaired pv-button">Версия для слабовидящих</span>
</div>
<div class="header-account">
<div class="header-account-photo"></div>
<div class="header-account-info"><span class="header-account-name text-overflow">Константин</span><span class="header-account-name text-overflow">Константинопольский</span>
<div><a class="header-account-exit" href="#"><span>Выход</span></a></div><a class="header-account-settings" href="#"><span>Настройки</span></a>
</div>
</div>
</div>
</header>
<header class="header-mobile">
<div class="container"><a class="logotype" href="#">Федеральный Центр Компетенций</a><span class="search-open-control">Открыть поиск</span><span class="mobile-menu-toggle">Меню</span></div>
<form class="form form-search" action="">
<div class="form-group">
<div class="form-item">
<input class="form-field" type="text" value="">
</div>
<button>Искать</button>
</div>
<!--div.autocomplete-result
ul.list
-for (var i = 0; i < 8; i++)
li.list-item
a.list-link(href="#")
span.list-link-text
span.list-link-title
span <b>Больш</b>ую часть работ на Кадашевской часть работ на Кадашевской
span Событие
span.list-link-icon
svg(version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.7px" height="31px" viewBox="0 0 29.7 31" style="enable-background:new 0 0 29.7 31;" xml:space="preserve")
g
path(d="M0,5.1v20.8C0,26.5,0.5,27,1.1,27h18.4c0.6,0,1.1-0.5,1.1-1.1V1.1c0-0.6-0.5-1.1-1.1-1.1H5.1L4.8,0.2l0,0 L0.2,4.8l0,0L0,5.1z M4.6,4.6h-2l2-2V4.6z M1.5,6.1H5c0.6,0,1.1-0.5,1.1-1.1V1.5h13v23.9H1.5V6.1z")
path(d="M17.5,8.7c0,0.4-0.3,0.6-0.6,0.6H3.8C3.4,9.3,3.2,9,3.2,8.7c0-0.4,0.3-0.6,0.6-0.6h13.1 C17.2,8.1,17.5,8.4,17.5,8.7z")
path(d="M3.8,11.6h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,11.9,3.4,11.6,3.8,11.6z")
path(d="M3.8,15.2h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,15.5,3.4,15.2,3.8,15.2z")
path(d="M28.9,4.9l-7.6-2v1.6l6.8,1.8l-6.2,23.1l-6.7-1.8H9.3l12.6,3.4c0.6,0.2,1.2-0.2,1.4-0.8l6.4-23.8 C29.8,5.7,29.5,5.1,28.9,4.9z")
path(d="M3.8,18.8h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,19,3.4,18.8,3.8,18.8z")
a.autocomplete-result-all(href="#") Смотреть все результаты
-->
</form>
<nav class="navigation-mobile">
<ul class="list">
<li class="list-item"><a class="list-link" href="#"><span>О нас</span></a></li>
<li class="list-item"><a class="list-link" href="#"><span>База знаний</span></a></li>
<li class="list-item active"><a class="list-link" href="#"><span>Маркетплейс</span></a></li>
<li class="list-item"><a class="list-link" href="#"><span>Экспресс-диагностика</span></a></li>
<li class="list-item"><a class="list-link" href="#"><span>Бенчмаркинг</span></a></li>
<li class="list-item"><a class="list-link" href="#"><span>Меры поддержки</span></a></li>
<li class="list-item"><a class="list-link" href="#"><span class="list-profile list-login">Вход / Регистрация</span></a></li>
<li class="list-item list-twolinks"><a class="list-link col-50" href="#"><span class="list-userpic" style="background-image: url('pict/company-ava.jpg'); background-sizeL cover; background-position: center;"></span><span class="list-profile">Профиль</span></a><a class="list-link col-50" href="#"><span class="list-profile list-exit">Выйти</span></a></li>
</ul>
</nav>
</header>
<!-- header mobile-->
<nav class="navigation">
<div class="container">
<ul class="list list-flex">
<li class="list-item"><a class="list-link" href="#">О нас</a></li>
<li class="list-item"><a class="list-link" href="#">База знаний</a>
<ul class="list">
<li class="list-item"><a class="list-link" href="#">Пункт меню</a></li>
<li class="list-item active"><a class="list-link" href="#">Пункт меню длинный в 2 строчки</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>
</li>
<li class="list-item active"><a class="list-link" href="#">Маркетплейс</a>
<ul class="list">
<li class="list-item"><a class="list-link" href="#">Пункт меню</a></li>
<li class="list-item active"><a class="list-link" href="#">Пункт меню длинный в 2 строчки</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>
</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>
</div>
</nav>
<main class="main">
<section class="section">
<div class="container">
<div class="container-small">
<h1>Каталог тематик</h1>
</div>
</div>
</section>
<!-- section-->
<section class="section section-item">
<div class="container">
<div class="introtext">
<p>Краткое описание каталога, который содржит темы с документами, это может быть перечисление каких то характеристик или подробности по навигации, например, какие темы для каких компаний предназначены. Также, есть вероятность, что тематик будет много, поэтому предусмотрена навигация по страницам или в ленте.</p>
</div>
<form class="form light-fields form-search" action="">
<div class="form-group form-column">
<div class="form-item flex-middle">
<input class="form-field" type="text" value="">
</div>
<div class="form-item">
<button class="button button-icon-right button-search">Искать</button>
</div>
</div>
</form>
<div class="articles">
<div class="articles-view-settings">
<div class="article-navigation"><span class="small-title">Отображать по</span>
<ul class="list list-flex">
<li class="list-item active"><a class="list-link" href="#">10</a></li>
<li class="list-item"><a class="list-link" href="#">50</a></li>
<li class="list-item"><a class="list-link" href="#">100</a></li>
</ul>
</div><a class="button button-border-blue" href="#">Показать все</a>
</div>
<div class="articles-rows">
<table>
<thead>
<tr>
<th><span>Сортировать<br>по алфавиту</span>
<div class="articles-sort"><a class="articles-sort-item articles-sort-down" href="#">Вниз</a><a class="articles-sort-item articles-sort-up" href="#">Вверх</a></div>
</th>
<th><span>Количество<br>документов</span>
<div class="articles-sort"><a class="articles-sort-item articles-sort-down" href="#">Вниз</a><a class="articles-sort-item articles-sort-up" href="#">Вверх</a></div>
</th>
<th><span>Последнее<br>обновление</span>
<div class="articles-sort"><a class="articles-sort-item articles-sort-down" href="#">Вниз</a><a class="articles-sort-item articles-sort-up" href="#">Вверх</a></div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
<tr>
<td><a href="#">Название раздела с документами<br>укладывать в две строки</a></td>
<td>125</td>
<td>10.05.17</td>
</tr>
</tbody>
</table>
</div>
<div class="article-navigation pagination"><span class="small-title">страницы поисковой выдачи</span>
<ul class="list list-flex">
<li class="list-item active"><a class="list-link" href="#">1</a></li>
<li class="list-item"><a class="list-link" href="#">2</a></li>
<li class="list-item"><a class="list-link" href="#">3</a></li>
</ul>
</div>
</div>
</div>
</section>
</main>
<!-- main-->
</div>
<footer class="footer">
<!--div.footer-navigation
div.container
nav.navigation-bottom
ul.list
li.list-item: a.list-link(href="#") О министерстве
li.list-item: a.list-link(href="#") Деятельность
li.list-item: a.list-link(href="#") Документы
li.list-item: a.list-link(href="#") Обращения граждан
li.list-item: a.list-link(href="#") Пресс-служба
li.list-item: a.list-link(href="#") Контакты
ul.list
li.list-item: a.list-link(href="#") О министерстве
li.list-item: a.list-link(href="#") Деятельность
li.list-item: a.list-link(href="#") Документы
li.list-item: a.list-link(href="#") Обращения граждан
li.list-item: a.list-link(href="#") Пресс-служба
li.list-item: a.list-link(href="#") Контакты
ul.list
li.list-item: a.list-link(href="#") О министерстве
li.list-item: a.list-link(href="#") Деятельность
li.list-item: a.list-link(href="#") Документы
li.list-item: a.list-link(href="#") Обращения граждан
li.list-item: a.list-link(href="#") Пресс-служба
li.list-item: a.list-link(href="#") Контакты
div.footer-controls
a.button.button-gray.js-popup(href="#feedback") Обратная связь
div.languages
span.languages-value <img src="pict/l-rus.jpg" alt=""><span>Рус</span>
-->
<div class="footer-info">
<div class="container">
<div class="logo-line"><a class="logo-line-item veb-logo" href="#" title="Банк Развития">Банк Развития</a><a class="logo-line-item mer-logo" href="#" title="Министерство экономического развития">Министерство экономического развития</a></div>
<div class="footer-test">Система находится в опытной эксплуатации. В случае обнаружения некорректных данных сообщите по адресу: collaboration@vebeng.ru</div>
<div class="footer-address"><span class="footer-address-item">Email: <a href="mailto:collaboration@vebeng.ru">collaboration@vebeng.ru</a><br>Канал в telegram: <a href="http://t.me/Collaboration_pfcc">http://t.me/Collaboration_pfcc</a></span>
<!-- span.footer-address-item 115324, Москва,#[br]Овчинниковская наб.,#[br]д. 18/1-->
<!-- span.footer-address-item 109012, Москва, ул.#[br]Красная Пресня, дом 3,#[br]стр. 1-->
</div><a class="button button-white js-popup" href="#feedback">Обратная связь</a><a class="button button-white button-mobile" href="#">Обратная связь</a>
</div>
</div>
</footer>
<div class="popup mfp-hide" id="feedback">
<h2><strong>Форма обратной связи</strong></h2>
<form class="form light-fields" action="">
<div class="form-group">
<div class="form-item">
<label class="form-label">Имя</label>
<input class="form-field" type="text" value="">
</div>
</div>
<div class="form-group">
<div class="form-item">
<label class="form-label">E-mail</label>
<input class="form-field" type="email" value="">
</div>
</div>
<div class="form-group">
<div class="form-item">
<label class="form-label">Сообщение</label>
<textarea class="form-field form-textarea"></textarea>
</div>
</div>
<div class="button-row">
<button class="button button-blue" type="submit">Отправить</button>
</div>
</form>
</div>
<!-- JS-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="assets/js/bundle.min.js"></script>
<script src="assets/js/common.min.js?v=2"></script>
</body>
</html>