Одностраничный сайт бара-клуба: атмосфера, меню, афиша событий, галерея и бронирование стола. Тёмный неоновый дизайн, анимации при прокрутке и адаптивная вёрстка под все экраны.
Барной площадке нужен собственный сайт, который передаёт атмосферу заведения, быстро показывает меню, афишу и контакты и помогает гостю забронировать стол прямо с телефона.
Лёгкий одностраничный сайт без фреймворков: неоновый заголовок, раскрывающееся меню, афиша с карточками событий, галерея, форма бронирования с валидацией и карта проезда.
| Технология | Где применена | Зачем |
|---|---|---|
| HTML5 | Вся разметка | Семантическая структура страницы |
| CSS3 | style.css | Тёмная тема, сетки, анимации, адаптив |
| JavaScript | script.js | Меню, аккордеон, валидация формы |
| IntersectionObserver | Появление блоков | Анимации при прокрутке без библиотек |
| Yandex Maps | Блок контактов | Карта проезда |
| Google Fonts | Unbounded, Inter | Фирменная типографика |
блоков на одной странице: о баре, меню, афиша, галерея, бронирование, контакты
внешних библиотек и фреймворков: чистые HTML, CSS и JavaScript
адаптивная вёрстка и мобильное меню для просмотра с телефона
мета-теги, Open Graph и семантическая разметка для поисковиков и соцсетей