Добрый день, нужно сверстать одностраничник. К проекту прикрепил jpeg файл что вы смогли посмотреть.
Ссылка на psd
Нужна современная. аккуратная верстка. Так чтобы исходный код был понятен. Т.к. на сайте немного будут правится текст.
На странице есть простая форма отправки заявки. Нужно чтобы заявки уходили на почту.
В форме должна быть проверка все ли поля заполнены. Больше проверок делать не надо.
Хостинг: unix
Бюджет 1000 р. бюджет фиксированный
Срок 1 день.
Готовы выполнить работу? Возникли вопросы? Спрашивайте.
Дизайнер который делал макет, оставил подробную инструкцию:
1. В макете использован google-шрифт Roboto (Thin, Light, Regular (Normal), Bold) –
2. Все скрытые слои и папки, которые обозначают какое-либо состояние элементов, в исходнике подсвечены желтым цветом.
3. Состояние всех кликабельных элементов при наведении показано макетом. Если найден элемент, состояние наведения которого не показано, необходимо использовать существующий стиль по образу и подобию. Для ссылок, которые в макете не показаны, при наведении убирается подчеркивание и если цвет фона позволяет, то цвет надписи меняется на оранжевый (#ff8400).
4. Сверху указан город клуба и рядом ссылка на адрес. Состояние наведения данной ссылки показано слоем «адрес клуба_over». При клике по данной ссылке, страница перелистывается на блок с картой расположения.
5. На первом экране есть кнопка заказа обратного звонка. Папка «button_over» показывает вид состояния кнопки при наведении. При клике открывается модальное окно заказа звонка или услуги.
6. Скрытая корневая папка «zakaz_popup» показывает вид модального окна заказа. В окне заказа показано, как выглядит поле, заполненное не корректно при попытке отправить.
7. Корневая папка «zakaz_popup_success» показывает вид модального окна после успешной отправки заказа. При нажатии на кнопку «Спасибо», окно закрывается аналогично крестику.
8. При пролистывании страницы вниз, когда уже не видна кнопка заказа, всплывает верхняя строка с названием, кнопкой и номером телефона и при движении страницы вниз всегда прилеплена к верху экрана. Если страница перелистывается наверх и снова доходит до первого экрана, данная полоса исчезает.
Вид полосы показан корневой папкой «top_line».
9. Почти около каждого блока напротив заголовка есть ссылка «Пролистать дальше». Данная ссылка перелистывает страницу к следующему блоку. В 3м блоке показан вид данной ссылки при наведении.
10. Все фотографии желательно сделать кликабельными с раскрытием в полный размер и листалкой между фотографиями, принадлежащими одному блоку. Во втором блоке показн вид фотографии при наведении. Когда фотографии расположены в нахлест, фотография при наведении выплывает на первый план.
11. В блоке с вопросами показан вид свернутых пунктом, развернутых и при наведении.
12. В блоке с ценами под каждым тарифом есть кнопка заказа. У 3го тарифа показан ее вид при наведении. При клике открывается тоже самое окно заказа. Технически данную функцию можно дополнить тем, что при получении уведомления, указывается, с какой кнопки посетитель сделал заказ, чтобы в случае кнопок с тарифа быть подготовленным, какой тариф больше интересует.
13. Блок расположения клуба использует Яндекс.Карты.