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

Поделиться:

Заверстать 2,5 формы и несколько страниц (все адаптивно)

f
Заказчик
Отзывы фрилансеров: + 116 0 - 1
Зарегистрирован на сайте 10 лет и 4 месяца
Бюджет: 8000 ₽/проект
125.48 $ — 113.42 €
Исполнитель определен: Вячеслав Безбожный [SuperTester]
Здравствуйте!

Нужно заверстатать 2 формы, которые состоят из нескольких шагов и в одной доделать вывод уведомлений.

ВАЖНО! только БС или заказ с прямой и поэтапной оплатой.
Отчетность о результатах каждые 24 часа.
Сначала делаем для ПК, потом адаптируем.
Жесткие сроки, во вторник 09 мая все должно быть готово с учетом правок.
От вас цена и срок.


preview страниц и форм смотрите тут: https://yadi.sk/d/BqYuNkYh3Hgbwn
psd: https://yadi.sk/d/bdmMcHVn3HgdZN
верстка: https://yadi.sk/d/j89Vbq_s3HgbdC

1) Формы на главной странице.
Страница худо/бедно готова, хотя и по неё ещё нужно будет вносить правки -> http://erkc.dev2.web-format.net/
1) form0 – Форма авторизации, сверстано 90% – это вход, тут нужно доделать красные уведомления.
2) form1 – регистрация
3) form2 – совершение платежа


2) дополнительные страницы
Одна страница уже готова:
http://erkc.dev2.web-format.net/13.html
на вот на её основе нужно сделать остальные, preview этих страниц в папке 02.cabinet

Подробнее по формам

1) Форма совершения платежа, которая состоит из нескольких шагов.
это группа PSD: 09_01 -> 10_01_01
Это форма оплаты, которая открывается если в инпут на главной странице внести значение и поискать или нажать одну из 4 иконок под заголовком "оплата услуг".
 
Первый шаг:
09_01 – первоначальное состояние на первом шаге
09_02 – поля заполнены
09_02_ – тут показано как раскрыт вып. список
 
логика тут такая же, пока все поля не заполнены, кнопка "перейти к оплате" не активна
 
Второй шаг:
10_01) 
Тут особенности такие:
Сумма к зачислению, это инпут.
Размер комиссии – не инпут и меняется в зависимости от выбора в левой колонке.
Итого к оплате – тоже инпут, который если заполнить, значение в инпуте "сумма к зачислению" уменьшается на размер комисии.
Галочка "я согласен оплатить коммисию ххх", должна быть активна что бы стала активной кнопка "оплатить"

10_01_, 10_01_01,  10_01_01_) Тут показаны особенности поведения содержимого в левой колонке.
 
ВАЖНО! это все должна быть одна form, которая состоит как бы из двух шагов. Причем прямоугольники у этих шагов разной ширины и высоты
Можно использовать вот такое решение: http://www.linovetskiy.com/showcase/stepsform/
 
 
2) Это форма регистрации из нескольких шагов, которая открывается по клику на ссылку в верхем правом углу.
это группа PSD: 06_01 -> 07_02

06_01) Первый шаг формы в первоначальном состоянии.

06_02) Это заполненное состояние первого шага.
Кнопка далее становится активной.

07_01_new, 07_01_new_, 07_02_new )
После нажатия кнопки "далее" содержимое формы меняется, это сл. шаг.
Внизу, в левой колонке есть выпадающий список "Роль пользователя". Тут должны быть значения:
Физическое лицо или Юридическое лицо.
В зависимости от выбора, меняется содержимое полей в правой колонке. По умолчанию, правой колонки нет.

Тут так же, по мере заполнения формы, кнопка регистрация становится активной.
Разделы:
Опубликован:
05.05.2017 | 09:18

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