<div class="navbar navbar-default navbar-offcanvas" role="navigation" id="js-bootstrap-offcanvas">

<div class="card w-100" style="box-shadow: none;">
<div class="card-body">
<form class="form-inline" role="form" method="post" action="">
  <div class="input-group" style="width: 100%;">
    <input id="story" name="story" type="search" class="form-control" autocomplete="off" placeholder="Поиск по сайту...">
    <input type="hidden" name="do" value="search">
    <input type="hidden" name="subaction" value="search">
  </div>
</form>
</div>
</div>

<div class="card w-100" style="box-shadow: none;">
  <div class="card-header font-weight-bold grd" id="brd" style="border-radius: 0px;">
    Навигация
  </div>
<div class="mnu">
<ul id="accordion" class="accordion" style="margin: 0;">
  <li>
    <div class="link"><i class="icon-puzzle"></i> Программы<i class="fa fa-angle-down"></i></div>
    <ul class="submenu">
      <li><a href="/">Интернет</a></li>
      <li><a href="/">Мультимедиа</a></li>
      <li><a href="/">Офисные</a></li>
      <li><a href="/">Навигаторы</a></li>
      <li><a href="/">Обои</a></li>
      <li><a href="/">Развлечения</a></li>
      <li><a href="/">Лаунчеры</a></li>
      <li><a href="/">Системные</a></li>
      <li><a href="/">Редакторы</a></li>
    </ul>
  </li>
  <li>
    <div class="link"><i class="icon-puzzle"></i> Игры<i class="fa fa-angle-down"></i></div>
    <ul class="submenu">
      <li><a href="/">Аркады</a></li>
      <li><a href="/">Стратегии</a></li>
      <li><a href="/">Гонки</a></li>
      <li><a href="/">Симуляторы</a></li>
      <li><a href="/">Казуальные</a></li>
      <li><a href="/">RPG игры</a></li>
      <li><a href="/">Экшен</a></li>
      <li><a href="/">Приключеня</a></li>
      <li><a href="/">Спортивные</a></li>
      <li><a href="/">Головоломки</a></li>
      <li><a href="/">Игры для детей</a></li>
    </ul>
  </li>
  <li>
    <div class="link"><i class="icon-puzzle"></i> Новости<i class="fa fa-angle-down"></i></div>
    <ul class="submenu">
      <li><a href="/">В мире Android</a></li>
      <li><a href="/">В мире Apple</a></li>
      <li><a href="/">Смартфоры</a></li>
      <li><a href="/">Ноутбуки/ПК</a></li>
      <li><a href="/">Интернет</a></li>
    </ul>
  </li>
  <li>
    <div class="link"><i class="icon-puzzle"></i> Прошивки<i class="fa fa-angle-down"></i></div>
    <ul class="submenu">
      <li><a href="/">IOS обновления</a></li>
      <li><a href="/">Android</a></li>
      <li><a href="/">Xiaomi custom</a></li>
    </ul>
  </li>
  <li>
    <div class="link"><i class="icon-puzzle"></i> Инструкции<i class="fa fa-angle-down"></i></div>
    <ul class="submenu">
      <li><a href="/">Прошивка смарт устройств</a></li>
      <li><a href="/">Установка драйверов</a></li>
      <li><a href="/">Установка приложений</a></li>
      <li><a href="/">Сброс/Wipe</a></li>
      <li><a href="/">Резервное копирование</a></li>
    </ul>
  </li>
  <li>
    <div class="link"><i class="icon-puzzle"></i> Разное<i class="fa fa-angle-down"></i></div>
    <ul class="submenu">
      <li><a href="/">HD Обои</a></li>
      <li><a href="/">Живые обои</a></li>
      <li><a href="/">Рингтоны</a></li>
      <li><a href="/">Звуки СМС</a></li>
    </ul>
  </li>
</ul>
</div>

</div>

<div class="card w-100" style="box-shadow: none;">
  <div class="card-header font-weight-bold grd" id="brd" style="border-radius: 0px;border-bottom: 0px;">
    Последние комментарии
  </div>
<div class="list-group list-group-flush" id="list">
  {customcomments template="lastcomments" available="global" from="0" limit="5" order="date" sort="desc" cache="no"}
  <div id="info-div"></div>
<script>
$('#info-div').html('');
!$('#list').find('a').length && ($('#info-div').html('<div class="alert alert-info" style="margin:10px;">Нет комментариев</div>'));
</script>
</div>
</div>

<div class="card w-100" style="box-shadow: none;">
  <div class="card-header font-weight-bold grd" id="brd" style="border-radius: 0px;">
    Статистика
  </div>
<div class="card-body">
 {include file="engine/modules/zpstats.php"}
</div>
</div>

<div class="card w-100" style="box-shadow: none;">
  <div class="card-header font-weight-bold grd" id="brd" style="border-radius: 0px;">
    Информация
  </div>
<div class="card-body">
 <div class="alert alert-secondary" role="alert">
  Добавлена новая категория - Музыка
</div>
<div class="alert alert-secondary" role="alert">
  На сайт требуется модератор! Подробности по почте <b>admin@admin.admin</b>
</div>
<div class="alert alert-info" role="alert">
  Обновление сайта: 02.03.2018
</div>
</div>
</div>

<div class="card mb15 w-100" style="box-shadow: none;">
  <div class="card-header font-weight-bold grd" id="brd" style="border-radius: 0px;">
    Самые просматриваемые
  </div>
<div class="card-body">
 <div class="alert alert-secondary" role="alert">
  Добавлена новая категория - Музыка
</div>
<div class="alert alert-secondary" role="alert">
  На сайт требуется модератор! Подробности по почте <b>admin@admin.admin</b>
</div>
<div class="alert alert-info" role="alert">
  Обновление сайта: 02.03.2018
</div>
</div>
</div>

 </div>