В архиве прикрепленные файлы как должен выглядеть сайт по шагам.
ТЗ:
1 шаг:
1. При клике на иконку с фоном должна подменяться подушка (все картинки подушек подготовлены).
2. Красная стрелка указывающая на кнопку "продолжить" и текст "нажмите на кнопку продолжить" должны появляться при первом смене фона подушки (когда посетитель меняет фон) и оставаться статично без изменений. Эффект появления: из прозрачного в нормальный.
3. Кнопки в правой стороне экрана "о подушке" и "о нас" должны быть прилеплены к правой части экрана и при наведении курсора выезжать. Заезжать назад, когда посетитель курсор убирает. Подобное реализовано на нашем сайте podushki1.ru
4. При нажатии на кнопку продолжить, посетитель попадает на следующую страницу.
2 шаг:
1. При вводе текста, смене цвета, выборе шрифта, изменения должны динамично отображаться на макете подушки, без задержек. Текст не должен выходить за рамки подушки, а так же должен немного растягиваться если текст короткий, все буквы должны выводится заглавным. Примеры подушек есть в макетах. Это реализовано на наших сайтах fasecase.ru и именнойчехол.рф код можно будет взять оттуда и отредактировать под текущую задачу.
2. При нажатии на кнопку "изменить фон" клиент попадает на предыдущий шаг.
3. Стрелка указывающая на кнопку "заказать" должна плавно появляться после того как клиент ввел текст, поменял цвет и выбрал шрифт.
4. Слайдер "примеры подушек" должен работать стандартно, листаться в обе стороны по кругу.
5. При нажатии на кнопку "заказать" должен всплывать попап, где клиент заполняет стандартные поля, поле телефон обязательное к заполнению. При переходе на следующий шаг данные о заказе должны должны отправляться на почту нашу и клиента
3 шаг
1. При клике на кнопку "на главную" клиент попадает на первую страницу.