Тестовое задание от DS Academy
Необходимо сделать страницу со статичной версткой формы, представленной на макете: макет в Figma
Обязательные требования:
- Верстка должна соответствовать макету по Pixel Perfect (инструмент для проверки)
- Блок с формой имеет фиксированную ширину, всегда располагается по центру экрана
- Все интерактивные элементы (кнопка, поля ввода) должны иметь описанную реакцию на состояния (наведение, фокус)
- Форма должна отправлять данные методом POST по адресу https://digital-spectr.com/ac/academy.php . Названия передаваемых полей: name, phone, email . Если данные переданы корректно, вы увидите надпись “Всё хорошо.”
- Использовать HTML5-валидацию для проверки данных в форме:
- ФИО: только русские буквы, пробелы, тире. Цифры, англ. буквы - нельзя
- Телефон: только цифры, “-”, пробелы, “+”
- Email: только строки соответствующие формату email
- Внимательность и аккуратность при верстке данного макета
Выполнение следующих требований не обязательно, но будет существенным плюсом:
- Применение БЭМ-нэйминга
- Использование препроцессоров, сборщиков, шаблонизаторов
- JS-валидация, вместо html5
- Ajax при отправке формы
По результатам выполнения
- предоставить ссылку на открытый git-репозиторий с исходным кодом (лучше всего - https://github.com/)