Ранее я делился некоторыми навигационными элементами, но это мало чем отличается от других. По сути, элемент Navigation или HTML nav представляет раздел страницы, содержащий навигационные ссылки. Типичными примерами разделов навигации являются меню, оглавления и индексы. И большинство веб-сайтов имеют панель навигации с важными ссылками, такими как главная, форум, контакты и т.д. Сегодня мы будем создавать адаптивную навигационную панель меню. В основном, есть панель навигации с текстовым логотипом на левой стороне и со значком гамбургера на правой стороне...

При вёрстке сайта, одной из первых задач верстальщика является создание основного шаблона. Основным шаблоном в данном случае называется вёрстка без контента - это совокупность шапки сайта, меню, футера и прочих элементов, которые встречаются на каждой странице. Итак, попробуем сверстать простой макет сайта. Сверху у нас будет шапка сайта, слева будет навигация по разделу сайта, справа контент, а снизу футер. Стандартный шаблон, ничего необычного. Начнём с HTML. <div class="main-container"> <header>Header</header> ...