Надо сверстать сайт - 10 страниц (лендинг + 9 страниц второстепенных + 2 модальных окна). На лендинге должна быть анимация небольшая, параллакс эффекты. Присутствует анимация инпутов при фокусе и при скролле (wow.js + animate.css). Адаптивная верстка.
1. Верстка нужна с использованием flex (табличную верстку, float, bootstrap не используем)
2. Применение HTML5 тегов и микроразметки
3. Верстка должна быть валидной, без inline стилей - будем проверять вместе с вами через сервис w3c, при проверке должно быть без ошибок
4. Использовать svg (иконки и все что можно сделать через svg)
5. Картинки должны быть максимально сжатые, максимально сжатые но без потери качества
6. PNG формат использовать только при необходимости, где можно поставить jpg - ставим jpg
7. Адаптивная верстка, между брекйпоинтами должно также все выглядить адекватно, никуда ничего не залазить и вылазить)
8. Валидация форм на введение данных (на пустое поле, на email, на телефон)
9. Нормально структурированный проект (файлы стилей находятся в папке style/css, картинки находятся в папке img/images, шрифты в fonts и т.д)
10. Использование reset.css
11. Верстка без использования !important в стилях )
12. Адаптивный диз предоставлю
13. Работа через gulp или webpack , как вам будет удобно. При сдачи проекта прошу предоставить исходники и билд
Дизайн в скетче, также можно сделать через figma
Анимация общие требования:
1. Кнопки, ссылки, мелкие элементы - везде при наведении делаем плавную и быструю подсветку
2. Плавное появление блоков на главной странице
3. Анимацию инпутов везде сделать при клике
4. Меню всегда прибитое к верху при скролле
5. Модальные окна плавно и быстро появляются
6. Параллакс появляющихся картинок на лендинге при прокрутке страницы
Макет скину в личку