30.04.2024
Захотелось чтобы в хедере была большая красивая картинка логотипа
Изменения в HTML
Заново сделал заготовку
Подключил стили и JS
Сделал пункты меню
<header>
<div class="navbar">
<!-- Тут быдет заголовок -->
<a href="№">Блог</a>
<a href="№">Проекты</a>
<div class="dropdown">
<button class="dropbtn" onclick="myFunction()"> Контент
</button>
<div class="dropdown-content" id="myDropdown">
<a href="№">Фото</a>
<a href="№">Видео</a>
<a href="№">Программы</a>
</div>
</div>
<a href="№">О сайте</a>
</div>
</header>
Добавил кнопку меню
В css
После тега Heder Добавил
Перенёс файл стилейи Js из варианта шапки которую делал ранее
Обернул в див
Файл CSS Получился такой
Это скрины с текстового документа
Результаты
Получилось сделать такую пк версию
Выпадающий список по нажатию на кнопку контент
Мобильная версия
Боковое мобильное меню
Изменение ориентации бокового меню
В CSS изменил эти строчки, чтобы мобильное меню было слева.
Можно переходить к подвалу сайта