Задание на создание формы обратной связи на сайте

Форма нужна для размещения на страницах сайта о недвижимости:

страница с описанием дома: http://*****/houses/185/

страница с описанием квартиры: http://*****/houses/185/9978/

К этой версии сайта надо сделать:

-  кнопку «Связаться с продавцом»

-  форму для связи

Кнопка «Связаться»

Нравится такое направление дизайна подобных элементов

http://www. /photos/tiago_castro070//

Предполагается, что кнопку надо разместить справа и фиксировать ее положение по скролу.


+ эффекты на ховер и нажатие кнопки

Форма для связи

Связаться с продавцом квартиры

3-комнатная квартира на 12 этаже
по адресу: Тюмень, ул. Севастопольская, ГП-2

Меня зовут

Мой телефон

Комментарий (по умолчанию это — экшн-ссылка, по нажатию в форму добавляется поле для текста).

Разрешаю обработку моих персональных данных

Примерно такой элемент управления, только с текстом - «да», «нет»

Форма должна открываться поверх страницы, на которой клиент нажал кнопку.

Нравится эффект открытия Make Way: http:///Development/ModalWindowEffects/

Верстка формы должна быть адаптивной.

У формы должен быть элемент «Закрыть» (крестик в правом верхнем) и «Отправить».

«Отправить» может выглядеть как и кнопка «Связаться».

По нажатию «Отправить» форма делает флип,
на «обратной стороне» формы:

Спасибо!

Ваше сообщение уже отправлено продавцу квартиры

Вы можете распечатать буклет
или отправить себе на почту (поле для эл. почты)+кнопка отправить (неактивна до подтверждения корректности e-mail)

+ ответ формы на некорректный e-mail

«распечатать» - это экшн-ссылка, открывающая уже имеющеюся версию для печати

Хотите узнать мнение друзей о квартире?

Поделитесь с ними ссылкой:

пример кнопок (только без счетчиков): http://*****/2013/07/05/postranichnaya-navigatsiya/ (в самом низу, под статьей)

По нажатию кнопки соцсети открывается поп-ап окно самой соцсети.

Желательно использовать шрифт PT Sans

Результат работы готовится в виде файлов psd-макет
и html-страница с css, php, js — в общем, работающий прототип,
который наш программист ставит на сайт самостоятельно.