Меню является самым важным компонентом сайта, так как именно оно помогает ориентироваться человеку и помогает его направить именно в нужное место.

Для этой статьи я подготовил несколько заготовок меню, которые могут пригодиться при создании сайта.

Ниже показано демо того, как это все выглядит. Единственное, что вам нужно сделать — это выбрать нужный формат.

Как это все работает?

Логика использования меню — очень простая. Вам всего лишь нужно менять классы у <nav> элемента.

Горизонтальное меню

Вам нужно добавить horizontal-nav и center-nav класс для <nav> элемента, чтобы поставить горизонтальное меню по центру. Если вы не хотите по центру, то нужно убрать center-nav. Так же доступны другие (дополнительные) варианты классов:

horizontal-nav left — расположит меню слева

horizontal-nav right — расположит меню справа

Вертикальное меню

Для вертикального меню те же самые классы используются, за исключением одного, horizontal-nav меняется на vertical-nav — остальное все используется тоже самое.

Если у вас остались какие-либо вопросы — вы можете задать их в комментарии.