Верстка нескольких страниц из Figma
Ссылка на фигму
https://www.figma.com/file/juaDAUz99EaxZNSN15MWJI/thediet-%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B0?node-id=68%3A379
• от index до step-19 (мультистеп форма, с разветвлением) - разница лишь в step-6 (если в начале человек нажал мужской, то показываем step-6 (man), если женский step-6 (woman)
пример https://codepen.io/pbrown1013/pen/vYEqoXa
• text-page - простыня текста, и кнопка
• plan - man - шапка всегда сверху
• pay - man - шапка всегда сверху
• pay-50% - шапка всегда сверху
• pay-auto - шапка всегда сверху
• pay-auto-popup - возможность закрыть попап кликом на крест, или в любую область за попапом
• unsubscribe - валидация полей, вывод алертов под кнопкой:
Красный - Ваши данные не найдены
Зеленый - Ваши данные успешно удалены
Необходимо отверстать вывод алертов, акцептов
На странице "step-3" - там стоит "лет"
Необходимо сменять:
лет
год - если вторая цифра 1
года - если вторая цифра 2, 3 или 4
На странице step-18 - загрузка идёт до 100%, далее задержка на 3 секунды и переход к следующему шагу
Под "лоадером", необходимо сменять текст в зависимости от процентов (смотрите пример приложенного файла)
0-20% - Анализ данных
21-40% - Обработка информации о параметрах тела
41-60% - Вычисление размеров порций
61-80% - Формирование рекомендаций по потреблению воды
81-99% - Составление плана питания и рецептов
100% - Ваш персональный план питания готов
###############################
что необходимо передавать, пока что можно сделать что отправка значений происходит на почту:
gender - со страницы index
weith_new - со страницы step-2
age - со страницы step-3
height - со страницы step-4
weith - со страницы step-5
body_type - со страницы step-6
activity - со страницы step-7
discomfort - со страницы step-9
meals_per_day - со страницы step-10
how_long_ago - со страницы step-11
typical_for_you - со страницы step-12 (через запятую если чекбоксы)
sport - со страницы step-13
energy - со страницы step-14
sleep - со страницы step-15
water - со страницы step-16
long_cook - со страницы step-17
email + phone - со страницы step-19
###############################