Основное двухуровневое меню
Здесь представлено двухуровневое меню. Чаще всего его размещают в верхней части страницы сайта. Код данного меню предназначен для адаптивного сайта, на нём присутствует иконка для открытия и закрытия меню на мобильных устройствах
<!-- Основное меню -->
<div id="main-menu-block" class="central-block" data-manu="main-menu">
<!-- кнопка меню для мобильной версии -->
<div class="toggle-menu">
<span class="menu-open"><i class="fas fa-bars"></i></span>
<span class="menu-close"><i class="fas fa-times"></i></span>
</div>
<div class="toggle-bg"></div>
<!-- /кнопка меню для мобильной версии -->
<!-- Список второстепенного меню -->
<nav id="main-menu">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<li class="active" itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Главная</a></li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">О компании</a></li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Услуги<span class="toggle-submenu"><i class="fas fa-caret-down"></i><i class="fas fa-caret-up"></i></span></a>
<div class="submenu">
<ul>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Услуга 1</a></li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Услуга 2</a></li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Услуга 3</a></li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Услуга 4</a></li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Услуга 5</a></li>
</ul>
</div>
</li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Прайс</a></li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Отзывы</a></li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Новости</a></li>
<li itemprop="name"><a href="#" title="[[+pagetitle]]" itemprop="url">Контакты</a></li>
</ul>
</nav>
<!-- /Список второстепенного меню -->
</div>
<!-- /Основное меню -->