Бюджет:
2 500 руб
Необходимо сверстать лендинг по готовому дизайну (PSD + шрифты).
ТЗ в общем виде (уточним для кандидатов):
1) Header – статичный, не двигается. Номер телефона вставляется шаблонизатором.
2) Кнопка заказть в блоке 1 – ведет к форме заказа из блока 4
3) Плавающая кнопка связи (круглая которая) – кнопка с трубкой открывает в popup диалог с телефоном (№1), вторая кнопка соотвественно popup с формой заказа
4) Блок "о нас"
– при нажатии на "подробно" – открывается тултип с текстом,
– при скроле вниз, когда в видимой областе видны только подписи к пунктам все тултипы открыть автоматически
– текста из тултипов будем подкладывать шаблонизатором из JSON-а
5) Примеры работ
– Название пунктов, список фото, цены и описание – шаблонизатором из JSON
– При клике на фото открывается popup (#3) с возможностью пролистывания фото
– В дизайне нет, но надо внизу по центру добавить ссылку "рассчет стоимости работ" – шрифт красный.
6) Блок "Форма заказа"
– ФИО и телефон – обязательные поля (красная звездочка тем же шрифтом рядом и внутри текст – обязательно)
– После того, как заказ оставлен вывести текст: Заявка принята, спасибо за заказ (с такой же галочкой как и в popup #4)
7) Блок "отзывы"
– Для каждого список фоток, фио и текст из JSON
– При нажатии на фото – popup #3 с возможностью пролистывания фото
– сами отзывы листаются стрелочками
8) Карта – адрес шаблонизатором подложим
9) Футер – телефон тот же, что и в шапке
10) Popup #2 – Заявка: все так же как и в блоке 6 (форма заказа)
11) Popup #1 – телефон – в дизайне не верно, это не форма callback-а, а просто вывод нашего телефона (ТОГО же что и в шапке), но в popup-е
12) Позже возможно, захотим подключить события (например яндекс метрики), сейчас делать не надо, но в коде лучше пометить куда можно вставить код.
Сервер:
Если сильно влияет на цену, то не надо. Нам главное верстка.
Технология любая (PHP, node-а), но лучше PHP.
В нем нет никакой логики, кроме как рендерить шаблон и подкладывать нужные данные.
Отзывы и примеры работ беруться случайными. Кол-во в конфиге.
Так же в конфиге можно отключать некоторые блоки.
Требования к браузерам и платформам (последние версии, две мажорных):
1) IE9 – IE11, Edge
2) Chrome (Win/Mac),
3) FF – win,
4) Opera – win,
5) Yandex – mac/win
6) Safari – MacOS
7) IPad
P.S.
Если в ТЗ есть глупости, а у вас есть рекомендации – с удовольствием выслушаем.
Файл с PSD приложить не удалось, при необходимости вышлем отдельно.