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

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

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

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

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

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

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

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

• Подключение google Шрифтов pt sans

Шапка

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

- Активный элемент меню должен выделяться (см. элемент «Главная»)

-Темный треугольник должен наводиться на элемент под которым курсор

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

• Поиск состоит из текстового поля и кнопки в виде лупы

• Кнопка «Войти» должна менять тональность при наведении курсора

Под-шапка

• Логотип состоит из изображения и текста. Текст должен быть текстом

• Адрес и телефоны текстовые

• Корзина состоит из изображения корзины текста и кнопка «Оформить» должна менять тональность при наведении курсора

Слайдер

• Слайдер должен автоматически и в ручном режиме менять слайды

• Слайд состоит из изображения и текста

• Кнопка > И

• Кругами отображаются слайды, синим отмечается активный слайд

Каталог

• Каталог состоит из разделов верхнего уровня с иконками и всплывающих под меню

• Активный раздел верхнего уровня должен подсвечиваться при неведении и открытии подменю

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

Кнопки

• При навдении должны подсвечиваться

Товары

• Блок товара состоит из

-Лейбла (Акция, новое)

-Миниатюры, при клике должно открываться большое изображение в модальном окне

-Название

-Цена

-Кнопки «Сравнить» и «В корзину» должны подсвечиваться при наведении

Футер

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

-Логотипа

-Ссылок

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