Адаптивное меню и поиск на мобильном, повторить функционал из шаблона
Код макета https://bitbucket.org/kir1ch/afl-dev-mobile, куда входит
- html файл с макетом
-css
-js
Задание
1. Полностью повторить функционал, внешний вид, анимации для поисковой строки и меню при мобильном просмотре, как на действующем сайте. Чтобы все корректно открывалось, закрывалось, затемнялось.
Дополнительно добавить:
В меню при клике по заголовку, если он "открыт", то открытая часть должна закрываться. Сейчас при клике открывается часть и закрыть повторным кликом нельзя.
2. Отдельно сделать при мобильном просмотре фиксацию панели с меню и поиском "наверху" страницы. Т.е. чтобы при скролле оно фиксировалось. Оформить этот функционал таким образом, чтобы его можно было легко отключить и все зависимые стили/файлы были отмечены
Требования:
- отдельный файл с java script, которые будут написаны
- без CTRL+C CTRL+V с работающего сайта
- четко обозначить комментариями в файле CSS все изменения
- HTML код - изменения нужно "согласовать", а именно оставить как есть блок секции <main> с минимальными изменениями
Результат необходимо оформить через репозиторий GIT, чтобы можно было отследить все изменения.