Taster: Platform and quick start restaurateurs

Адаптивний: Десктоп / Планшет / Мобільний
Цей сайт є веб-сторінкою про компанію або організацію, пов'язану з ресторанним бізнесом. Сайт містить шапку з логотипом та навігаційним меню, основний контент з такими розділами, як "Головна", "Про компанію", "Статистика" та "Більше", а також нижній колонтитул з додатковими посиланнями та інформацією про автора сайту. Сторінка має адаптивний дизайн і пропонує зручну навігацію по розділах.

Цей сайт є веб-сторінкою, пов'язаною з ресторанною індустрією.

Вона містить шапку з логотипом та навігаційним меню, основний контент з такими розділами, як "Заголовок", "Відкрий для себе", "Статистика" та "Більше", а також нижній колонтитул з додатковими посиланнями.

Сайт пропонує інформацію про компанію, запрошує рестораторів приєднатися до платформи Taster і запускати віртуальні ресторани на базі існуючої кухні.

Також підкреслюється, що Taster - це колекція онлайн-ресторанів, які присвячені наданню найкращих страв вуличної їжі.

Сайт має адаптивний дизайн і пропонує зручні для навігації розділи.

JavaScript
Код виконує наступні функції:

AOS.init(); - ініціалізує бібліотеку AOS (Animate On Scroll), яка додає анімацію до елементів при прокручуванні сторінки.

Меню бургера: - Клік на елементі з класом "mobile div" додає/видаляє клас "active", "open" і "show" з відповідних елементів з класами "mobileDiv", "mobileNav" і "mobileNavUl". Це дозволяє відображати і приховувати меню бургера при натисканні. - При натисканні за межами області з класом "mobile", класи "active", "open" і "show" елементів з класами "mobileDiv", "mobileNav" і "mobileNavUl" видаляються. Це дозволяє приховати меню бургера при кліці за межами його області. - Для кожного елемента списку з класом "mobile ul li" встановлюється затримка анімації за допомогою властивості "animationDelay".

accordion: - Отримує всі елементи з класом "accordion" і додає обробник події "click" для кожного елемента. - При натисканні на елемент акордеона перемикається "активний" клас і змінюється стиль відображення наступного елемента (панелі). Якщо стиль відображення встановлено як "flex", він змінюється на "none", і навпаки. Цей код відповідає за меню бургерів та функціональність акордеону на веб-сторінці.

moonamee.github.io
Taster: Platform and quick start restaurateurs изображение 1

Taster: Platform and quick start restaurateurs изображение 2

Робота додана: 21.12.23

Вгору