--> -->

Бесплатно зарегистрируйся и получай уведомления о новых проектах по работе

Сверстать форму из 5 полей

Срочный проект  
Поделиться:
c
Заказчик
Отзывы фрилансеров: + 3 0 - 0
Зарегистрирован на сайте 5 лет и 1 месяц
Безопасная сделка Бюджет: 3000 ₽
39.55 $ — 33.16 €
Исполнитель определен: Вячеслав Карданцев [KardantsevSlava]  
Требуется сверстать форму из 5 полей с функционалом как форма на сайте тинькова (www.tinkoff.ru/cards/debi... она должна ровно так же отображаться и на мобильных устройствах и в веб версии.

Итак, нужно сверстать 2 простых странички, первая со следующими элементами в порядке их описания ниже:

1. Логотип вверху страницы
2. Изображение отображающееся на мобильных устройствах по всей ширине (на веб версии по ширине как у Тинькова)
3. Поле Фамилия
4. Поле Имя
5. Поле Телефон
6. Поле E-mail
7. Поле дата рождения
8. Кнопка отправить
9. В самом низу блок с небольшим текстом

Все поля должны быть оформлены и работать один в один как и на сайте тинькова, т.е. если на поле был фокус и туда ничего не ввели, что бы подсвечивалось красненьким, если верно то галочку и зелёненьким, если на поле для ФИО нажимают должна на мобильной версии отображаться клавиатура только с цифрами и показываться маска в каком формате вводить телефон и тд. всё берём с формы Тинькова. На веб версии ровно так же как и у Тиньква ставим поле телефона и почты рядом друг с другом.

Вторая страница точнее даже блок появляется после нажатия кнопки для ввода кода подтверждения, который приходит на указанный номер телефона и там только одно поле и кнопка, т.е. по сути после нажатия на кнопку на первой странице убирается картинка (номер 2 в списке) и все поля, а появляется поле для ввода цифрового кода и при нажатии только цифры на клавиатуре в мобильной версии и под полем кнопка.

Форма должна быть оформлена только средствами CSS3, никаких картинок. Вёрстка нужна по всем стандартам HTM5 и CSS3 и проходить валидацию!

В общем и всё задание, выполнить нужно до 15 января, край 16 число.
Разделы:
Проект
Опубликован:
13.01.2020 | 12:01 [последние изменения: 13.01.2020 | 12:04]

Теги: верстальщик удаленно, сверстать сайт, сделать верстку, требуется верстальщик, сверстать страницу, ищу верстальщика