Верстка главной страницы

Техническое задание

На верстку сайта

Подробнее в приложении

Общие требования

• Минимальная ширина экрана: 1000px;

• Ширина страницы статичная;

• Фон резиновый (Шапка с изображением домов и дороги заполняется по всей ширине, фон вутера также растягивается по ширине экрана)

• Кросбраузерная верстка (Включая IE)

• Весь текст должен быть текстом (не картинкой). Используется шрифт Bebas

Шапка

• Логотип должен быть кликабельным (быть ссылкой на главную)

• Слайдер автомобилей состоит из изображения автомобиля, характеристик, кнопки заказать такси и кнопок переключения автомобилей.

--- Автомобили должны переключаться в автоматическом режиме по таймеру

--- При переключении автомобиля в ручном режиме автоматические переключение должно выключаться

--- Эффект переключения:

--------- Автомобиль должен “Выезжать слева”

--------- Блок с характеристиками и кнопкой заказа должны либо проявляться, либо “выезжать” сверху

• Блок узнать стоимость состоит из формы и кнопки узнать стоимость

--- Должна быть проверка Javascript на пустоту полей перед отправкой данных

• Меню должно быть организовано в виде списка

--- Активный элемент меню должен выделяться

--- Элемент под курсором должен также выделяться

О компании

• Блок о компании состоит из

--- Заголовка (Иконка + Текст заголовка)

--- Текста (Текст должен быть выравнен по ширине)

--- Кнопка подробнее (Должна выделяться при наведении)

Фотогалерея

• Блок Фотогалерея состоит из

--- Заголовка (Иконка + Текст заголовка)

--- Кнопка подробнее (Должна выделяться при наведении)

--- Изображений автомобилей с подписями (При клике должно появляться увеличенное изображение с затемнением фона)

Популярные тарифы

• Блок Популярные тарифы состоит из

--- Заголовка (Иконка + Текст заголовка)

--- Таблицы с тарифами (При наведении на таблицу должен подсвечиваться столбец под курсором и этот столбец должен быть ссылкой аналогичной ссылке сделать заказ)

--- Кнопка «Сделать заказ» - при клике должна появляться всплывающая форма заказа выбранного такси

Наши клиенты

• Блок Наши клиенты предщставляет из себя слайдер клиентов состоит из

--- Заголовка (Иконка + Текст заголовка)

--- Слайдера (Иконка текст и кнопки переключения назад вперед, при наведении кнопки назад вперед должны подсвечиваться)

Футер

• Футер состоит из

--- Логотипа

--- Конактной информации

--- Ссылок

--- Логотипа разработчика