Ласкаво просимо!

Ця демонстраційна сторінка показує роботу гамбургер-меню на чистому HTML5/CSS3 без JavaScript.

Горніть екраном вниз, щоб побачити фіксоване нижнє меню. Для демонстрації прокрутки по горизонталі у верхньому меню, зменшіть ширину вікна браузера менше 650px або відкрийте інспектор елементів у режимі мобільного пристрою.

Переваги цього меню

• Нульові HTTP-запити для іконок (використовуються символи UTF-8)

• Повна відсутність JavaScript

• Дворівневі вкладні меню з індикацією стану

• Можливість горизонтальної прокрутки на вузьких екранах

• Закриття меню при кліку на хрестик

• Фіксоване нижнє меню навігації

Інструкція

1. Клікніть на гамбургер-іконку ☰ у верхньому правому куті, щоб відкрити меню

2. Клікніть на стрілочку ▶ біля пунктів "Продукція" або "Послуги", щоб розгорнути підменю

3. Клікніть на хрестик ✕, щоб закрити меню

4. Використовуйте нижнє меню для навігації по сторінці

Додатковий контент для скролу

Цей текст доданий, щоб продемонструвати роботу кнопки "Догори" у нижньому меню.

Горніть сторінкою вниз, щоб побачити фіксоване меню, яке завжди знаходиться внизу екрану.