Адаптивная верстка страниц

К работе нужно приступить немедленно. Просьба прочитать все ТЗ и убедиться в том, что Вы готовы его выполнить.

С Вас сроки и стоимость, ставки без того или иного будут отклонены. Спасибо за понимание

1.Главная при ширине экрана - 1000 px. и 1920px.

(архив index.rar).

2. Адаптация наиболее характерных внутренних страниц по ширине экрана

- Карточка товара при ширине экрана - 1000px., 1350px. и 1920px. (Характерно для всех страниц, за исключением страниц с таблицами)

- Личный кабинет/генеалогия при ширине экрана - 1000px.

- Личный кабинет/Финансы/Переводы на карту при ширине экрана - 1000px.(Характерно для всех страниц с таблицами) - Внимание! сверху условно показана адаптация блока этапов операции что бы не рисовать лишних страниц. На данной же странице ее быть не должно...
(архив inner 1000-1350.rar)

- Модальное окно Таблица размеров

3. Первая группа внутренних страниц личного кабинета при ширине экрана 1920px.

- Баллы

- Генеалогия

- Главная личного кабинета

- История заказов

- Каталог товаров

- Личные данные

- Список новостей

- Оплата электронными деньгами

- Расчет

4. Первая группа внутренних страниц личного кабинета при ширине экрана 1920px.

- Выбор оплаты

- Корзина

- Магазин

- Смена пароля

- Счет
(архив inner_2_1920_2.rar)

Боковое меню навигации:

- При ширине экрана до 1350px. - Меню выдвигается поверх страницы

- При ширине экрана свыше 1350px. - меню выдвигается за счет сжатия страницы

Адаптация основных областей страниц сайта:

Страница представляет собой две основных колонки - правую и левую

- Сначала страница уменьшается за счет уменьшения меж-колоночного интервала (до минимального размера)

- Затем сжимается левая колонка (до минимального размера)

- И в конце происходит сжатие правой

В случае со страницами личного кабинета, имеющими таблицы - Контентная область уменьшается до минимального размера таблиц, а затем сдвигается влево. При этом сами не табличные элементы остаются справа от левой колонки. А таблицы - обтекают левую колонку снизу.

Аналогично работает страница Выбор Оплаты Там карточки резинятся до определенного предела, а потом обтекают левую колонку снизу.

Страница Генеалогия работает похоже, только элементы не резинятся, а перераспределяются по достижении минимально возможной ширины

Все показано в дизайне и имеется в исходниках....

Приложены шрифты:
обычный - AleksandraC

акцидентный - MagistralBlackC

Просьба к верстальщику, перед версткой внимательно просмотреть макеты страниц, потому что в исходниках все универсализовано. А в макетах показаны только те элементы, которые должны быть на конкретных страницах. Да и вообще - лучше лишний раз сверить все, чем потом переверстывать... Если будут вопросы или непонятки - лучше сначала спросить, я обязательно отвечу....

Ссылка на превьюшки: https://drive.google.com/folderview?id=0B-KuaYgcMah9VTJmQXRFOHB6azg&usp=sharing