Есть макет дизайна лендинга в PSD
Необходимо выполнить верстку.
В идеале в одной вкладке я открываю jpg дизайна, в другой – свёрстанную страницу, они должны быть одинаковы.
Вёрстка:
Кроссбраузерная
Чистый, валидный код (без style и комментариев)
Все тексты, нужно сделать именно текстом
При наведении на кнопку текст в ней подчеркивается
Нужно сделать так, при уменьшении экрана устройства, что бы вёрстка не "сплющивалась", а была как бы фиксированной
Форма заказа (лайтбокс, есть в макете):
Содержит поля для ввода: имя, телефон, email, кнопку для загрузки фото и кнопку отправки данных.
При загрузке фото через форму должен отображаться процесс загрузки файла (либо какой-то шкалой, либо гифкой загрузки).
Обязательна должна быть возможность загрузки нескольких фото, причем как массовой загрузки одновременно нескольких фотографий, так и по одной.
При загрузке файлу присваивается уникальное, рандомное имя и он кладется в определенную директорию на сервере.
В форме поле "телефон" является обязательным и имеет маску ввода "+7 (___) ___-__-__".
Необходимо сделать проверку, если при попытке отправки формы, поле телефона не заполнено или заполнено частично, то выводиться сообщение под этим полем красным цветом "Укажите телефон".
После того как пользователь заполнил все необходимые поля и нажал на кнопку отправки данных происходит следующее:
1) Заказ заносится в MySQL в простенькую табличку с полями: id, дата_и_время, имя страницы (задается в конфиге), ip, имя, телефон, email клиента, имена загруженных файлов (через разделитель).
2) На список заданных email'ов (задается в конфиге) отправляется письмо содержащее: id заказа из БД, дата_и_время, имя страницы (задается в конфиге), ip, имя, телефон, email клиента и прикрепленные файлы, которые пользователь загрузил, а также ссылки на них на сервере
3) Пользователю в том же лайтбоксе, вместо всех предыдущих элементов, выводится текст «Ваш заказ оформлен. В ближайшее время наш менеджер свяжется с Вами» и кнопка «Ок» при нажатии на которую лайтбокс закрывается.
Срок: 3 дня.
Оплата: 4500 руб.
Опубликован 21.09.2015 в 18:16
Заказ находится в архиве