<header class="cd-main-header animate-search"><div id=nav class=nav >
<nav class="navbar navbar-expand-lg navbar-dark bg-dark ">
<div class="container">
<a class="navbar-brand" href="/"><img src="{theme}/images/logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse f-right" id="navbarsExample07">
<ul class="navbar-nav mr-auto navbar-nav-fix">
<li class="nav-item">
<a class="nav-link nav-item-link" href="/">ГЛАВНАЯ</a>
</li>
<li class="nav-item">
<a class="nav-link nav-item-link" href="/news">НОВОСТИ</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle nav-item-link" href="" id="dropdown07" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">МЕДИАТЕКА</a>
<div class="dropdown-menu" aria-labelledby="dropdown07">
<a class="dropdown-item" href="/photo-albums"><i class="fa fa-picture-o" aria-hidden="true"></i> Фотоальбомы</a>
<a class="dropdown-item" href="/videos"><i class="fa fa-youtube" aria-hidden="true"></i> Видеозаписи</a>
<a class="dropdown-item" href="/movies"><i class="fa fa-film" aria-hidden="true"></i> Фильмы</a>
<a class="dropdown-item" href="/audio"><i class="fa fa-music" aria-hidden="true"></i> Аудиозаписи</a>
<a class="dropdown-item" href="/simulators"><i class="fa fa-cubes" aria-hidden="true"></i> Приложения</a>
</div>
</li>
<li class="nav-item dropdown nav-item-link">
<a class="nav-link dropdown-toggle nav-item-link" href="" id="dropdown07" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">БИБЛИОТЕКА</a>
<div class="dropdown-menu" aria-labelledby="dropdown07">
<a class="dropdown-item" href="/stati-o-chernobylskoy-zone/"><i class="fa fa-text-width"></i> Статьи о ЧЗО</a>
<a class="dropdown-item" href="/news/"><i class="fa fa-newspaper-o"></i> Новости</a>
<a class="dropdown-item" href="/books/"><i class="fa fa-book"></i> Книги</a>
<a class="dropdown-item" href="/proza/"><i class="fa fa-pencil"></i> Проза</a>
<a class="dropdown-item" href="/documentation"><i class="fa fa-file-text-o"></i> Документы</a>
<a class="dropdown-item" href="/interview"><i class="fa fa-align-left"></i> Интервью</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link nav-item-link" href="/tours.html">ЭКСКУРСИИ</a>
</li>
</ul>
<a href="#search" class="cd-search-trigger cd-text-replace"><i class="fa fa-times cw" aria-hidden="true"></i></a>
<div class="btn-user"><a data-toggle="modal" data-target="#exampleModal">[group=5]<i class="fa fa-sign-in" aria-hidden="true"></i> ВОЙТИ В ПРОФИЛЬ[/group][not-group=5]<i class="fa fa-user-o" aria-hidden="true"></i> ПРОФИЛЬ[/not-group]</a></div>
<a class="cd-menu-trigger" href="#main-nav"><span></span></a>
</div>
</div>
</nav>
</div>
<script>
const nav = document.getElementById('nav');
window.onscroll = function() {
var scrolled = window.pageYOffset || document.documentElement.scrollTop;
if(scrolled > 40) {
nav.classList.add('collapsed');
} else {
nav.classList.remove('collapsed');
}
}
$('[data-mark="search"]').click(function() {
$('.searchblock').show();
})
$('.close').click(function() {
$('.searchblock').hide();
})
</script>
{login}
<nav class="cd-main-nav-wrapper">
<a href="#search" class="cd-search-trigger cd-text-replace">Search</a>
</nav> <!-- .cd-main-nav-wrapper -->
<a href="#0" class="cd-nav-trigger cd-text-replace">Menu<span></span></a>
</header>
<div id="search" class="cd-main-search">
<form>
<input type="search" placeholder="Search..." style="z-index:10000000;display:inline-block;">
<div class="cd-select">
<span>in</span>
<select name="select-category">
<option value="all-categories">all Categories</option>
<option value="category1">Category 1</option>
<option value="category2">Category 2</option>
<option value="category3">Category 3</option>
</select>
<span class="selected-value">all Categories</span>
</div>
</form>
<div class="cd-search-suggestions">
<div class="news">
<h3>News</h3>
<ul>
<li>
<a class="image-wrapper" href="#0"><img src="img/placeholder.png" alt="News image"></a>
<h4><a class="cd-nowrap" href="#0">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a></h4>
<time datetime="2016-01-12">Feb 03, 2016</time>
</li>
<li>
<a class="image-wrapper" href="#0"><img src="img/placeholder.png" alt="News image"></a>
<h4><a class="cd-nowrap" href="#0">Incidunt voluptatem adipisci voluptates fugit beatae culpa eum, distinctio, assumenda est ad</a></h4>
<time datetime="2016-01-12">Jan 28, 2016</time>
</li>
<li>
<a class="image-wrapper" href="#0"><img src="img/placeholder.png" alt="News image"></a>
<h4><a class="cd-nowrap" href="#0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, esse.</a></h4>
<time datetime="2016-01-12">Jan 12, 2016</time>
</li>
</ul>
</div> <!-- .news -->
<div class="quick-links">
<h3>Quick Links</h3>
<ul>
<li><a href="#0">Find a store</a></li>
<li><a href="#0">Accessories</a></li>
<li><a href="#0">Warranty info</a></li>
<li><a href="#0">Support</a></li>
<li><a href="#0">Contact us</a></li>
</ul>
</div> <!-- .quick-links -->
</div> <!-- .cd-search-suggestions -->
</div> <!-- .cd-main-search -->
<div class="cd-cover-layer"></div> <!-- cover main content when search form is open -->
Простой
