/
vaenela
/
html-css
Обзор
Документация
Войти
/
vaenela
/
html-css
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
frontend/menu.html
130 строк
5 KB
vaenela
upload files
27 ноя 2025, 20:28
27 ноя 2025, 20:28
9b8d759
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Меню</title> <style> @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Unbounded:wght@200..900&display=swap'); </style> <link rel="stylesheet" href="assets/css/main.css"> </head> <body> <header> <nav> <div class="logo"> <a href="index.html"><img src="assets/img/Heaven.png" alt="лого"></a> </div> <div class="menu"> <a class="menu-btn" href="menu.html">Меню</a> <a class="menu-btn" href="contacts.html">Контакты</a> <a class="a-btn" href="account.html">Личный Кабинет</a> </div> </nav> </header> <main> <div class="container"> <aside class="sidebar"> <h2>Категории</h2> <ul class="category-list"> <li class="category-item"> <a href="#coffee" class="category-link">Кофе</a> </li> <li class="category-item"> <a href="#cold-coffee" class="category-link">Холодный кофе</a> </li> <li class="category-item"> <a href="#tea" class="category-link">Чай</a> </li> <li class="category-item"> <a href="#cold-tea" class="category-link">Холодный чай</a> </li> <li class="category-item"> <a href="#desserts" class="category-link">Десерты</a> </li> <li class="category-item"> <a href="#breakfasts" class="category-link">Завтраки</a> </li> <li class="category-item"> <a href="#seasonal" class="category-link">Сезонное меню</a> </li> </ul> </aside> <main class="menu-content"> <section id="coffee" class="category-section"> <h2 class="category-title">Кофе</h2> <div class="menu-grid" id="coffee-grid"> </div> </section> <section id="cold-coffee" class="category-section"> <h2 class="category-title">Холодный кофе</h2> <div class="menu-grid" id="cold-coffee-grid"> </div> </section> <section id="tea" class="category-section"> <h2 class="category-title">Чай</h2> <div class="menu-grid" id="tea-grid"> </div> </section> <section id="cold-tea" class="category-section"> <h2 class="category-title">Холодный чай</h2> <div class="menu-grid" id="cold-tea-grid"> </div> </section> <section id="desserts" class="category-section"> <h2 class="category-title">Десерты</h2> <div class="menu-grid" id="desserts-grid"> </div> </section> <section id="breakfasts" class="category-section"> <h2 class="category-title">Завтраки</h2> <div class="menu-grid" id="breakfasts-grid"> </div> </section> <section id="seasonal" class="category-section"> <h2 class="category-title">Сезонное меню</h2> <div class="menu-grid" id="seasonal-grid"> </div> </section> </main> </div> </main> <footer> <div class="footer-container"> <div class="footer-content"> <div class="footer-column"> <h3>Кофейня Heaven</h3> <p>Ваш уголок рая на земле</p> </div> <div class="footer-column"> <h3>Контакты</h3> <ul> <li>Ростов-на-Дону, ул. Текучёва, 139а</li> <li>+7 (999) 123-45-67</li> <li>info@heaven-coffee.ru</li> </ul> </div> <div class="footer-column"> <h3>Часы работы</h3> <ul> <li>Пн-Пт: 8:00 - 22:00</li> <li>Сб-Вс: 9:00 - 23:00</li> </ul> </div> </div> <p class="copyright">2025 Heaven</p> </div> </footer> <script src="/assets/js/menu.js"></script> </body> </html>