Необходимо сверстать адаптивную страницу из предложенного макета.
- Pixel perfect не обязателен, но будет плюсом.
- Семантическая верстка будет плюсом.
- Мобильная версия на Ваше усмотрение (отдельного макета мобильной версии страницы нет)
- Эффекты hover на Ваше усмотрение.
По клику на кнопку "Личные данные" должно открываться модальное окно с полями:
- ФИО
- Телефон (сделать маску поля)
- Почта
- Пароль (должна быть кнопочка показать\скрыть пароль)
- Подтверждение пароля (должна быть кнопочка показать\скрыть пароль)
- Кнопка сохранить При клике сохранить должна произойти валидация полей пароль и подтверждение пароля на совпадение. Если данные валидны, должен отработать callback с надписью «Спасибо за ваше обращение!»
Приветствуется оправданное использование библиотек и препроцессоров.
Готовый проект оформить как открытый репозиторий на gitlab.com/github.com. Написание рациональных сообщений к коммитам желательно. Код должен быть валиден по версии https://validator.w3.org/