Верстка страницы + немного функционала
Требуется верстка одной страницы и формы обратной связи. Также необходим функционал по отправке сообщений через эту форму и добавлению через админку фотографий на сайт, а также их просмотр/прокрутка посетителями.
Касательно задач по верстке:
1. Шапка (светло-синий фон) должна быть на всю ширину, 100%
2. Основная часть страницы – исходя из 1024px
3. Кроссбраузерность/валидность
4. Все тексты должны быть только текстом, не картинками
5. Справа (где пункты 1,2,3) – цвет фона у каждого пункта светло-голубой, как в макете, а при наведении курсора цвет фона меняется на желтый (Пример в макете п.3)
6. Все ссылки должны быть оформлены, как в макете. При наведении на ссылку – подчеркивание должно исчезнуть.
7. В шапке, где текст «Экономия до 40% Устройте тендер бесплатно, экономия составит до 40% на стоимости работ!» и рядом два блока. В дальнейшем здесь могут быть изменения в тексте (увеличение текста), поэтому светлый фон должен соответственно съехать вниз.
8. То же самое, что и в п.7 нужно сделать:
8.1. В меню справа, где пункты 1,2,3,4,5
8.2. Основной текст на страницы – если его больше, то снизу поле «Как бывает уходит вниз»
8.3. Раздел «Как бывает» – здесь будет гораздо больше текста, чем в примере, сл-но, рамки по бокам должны этому соответствовать.
8.4. Меню в разделе «Как бывает?», где «Бывает так» и т.д. должно расходиться вправо-влево в зависимости от количества пунктов.
По поводу программной части: добавление/изменение контетна я думал сделать вручную (в шаблонах страниц), т.к. особых изменений не предполагается в дальнейшем, но если Вам проще сделать это через CMS, нет проблем.
При клике на ссылку "Отправить заявку" появляется форма заявки, после заполнения которой должна быть отправлено письмо на установленный в админке эл.адрес.
К каждому полю в заявке должна быть подсказка, как в примере. (Подсказка должна расширяться по высоте/длине в зависимости от объема текста в ней. Все поля обязательные. Если в поле допущена ошибка, то сверху должно появиться сообщение об ошибке (выделенное красным уветом/жирным) и поле с ошибкой подсвечивается красным цветом.
По поводу добавления/просмотра фотографий. Раздел "Выполненные работы" - это своеобразное портфолио. Поэтому фотографии должны быть разделены. Например, непосредственно на странице "Выполненные работы" будут обложки фотоальбомов, после захода в которые представлены все фотографии по данной работе (желательно с небольшим описанием от админа). Просмотр/прокрутка/слайдшоу фотографий должно быть выполнено: сверху стоит стандартная панелька по прокрутке фотографий и меняются фотографии.
Все остальные страницы текстовые.