Порезать на css+html+js 9 страниц одного сайта

Контент сайта НЕрезиновый резиновый по ширине — то есть верстать будет не трудно.

Никаких canvas/webgl и даже градиентов не требуется.

Надо порезать все на html+css+js (jquery). Из js — это расхлопывание кусков с информацией и переключение табов.

Классам и ресурсам давать осмысленные имена, основнанные на английских словах (basement-main.png а не на русских, типа plashka-verh.png).

Сайт будет доступен на нескольких языках. Все что вы видите на русском мы еще будем переводить на другие языки, и ваша верстка должна позволять перевести сайт на другие языки без изменения шаблонов. Поэтому если вы верстаете какой-то текст в виде картинки, кладите все языково-зависимые вещи в /res3/ru/header-slogan-bg.png (то есть каталог, имя которого определяет язык). Лучше всего иметь языково-зависимый css типа /res3/ru/multilang.css правила которого ссылаются на файлы как на header-slogan-bg.png (что по правилам css заставит искать браузер эти файлы в каталоге /res3/ru/)

Общие примечания:

Переключатель языка в панели меню в некоторых режимах может быть совсем скрыт скриптом. Так что верстать панель меню так, чтобы видимость переключателя языков можно было легко переключить (то есть чтобы.

В верхней строчке меню рыжее число значит кол-во сообщений. Так как сообщений может не быть вообще, то это рыжее число может отсутствовать. Максимаольное кол-во сообщений - 99 (то есть элемент для кол-ва сообщений должен вмещать 2 цифры, больше не требуется).

В футере у кнопки Фейсбук синий фон, чтобы показать как она выглядит при :hover

В футере кол-во новостей фиксировано, но заголовки могут иметь разную длину (колонка Новости генерится скриптом). Все строчки там верстать как строчки.

Примечания по файлам:

clients2.jpg - при нажатии кнопки see ranks reached показывается тот блок в центре экрана. У плиток может не быть testimonial, то есть надо 2 класса плиток иметь, с testimonial и без. serverside script будет выплевывать плитки так, чтобы в ряду были все либо с testimonial, либо все без

control.jpg - все кнопки верстать как input type=submit а не как гиперссылка стилизованная, надпись в виде текста (а не в виде png!). Либо как ссылку, но которая яваскриптом отправляет форму по клику по ней.

Количество свойств в задании переменно, поэтому просто сделать css класс для строки свойств

faq.jpg - скрипт распахивания-сворачивания пунктов взять с текущей версии сайта

form2.jpg Количество свойств в задании переменно, поэтому просто сделать css класс для строки свойств

howitwork4 все тексты рядом с цифрами 1-2-3-4-5-6 верстать как текст (который будет на неск. языках) а не как картинку.

messages.jpg то есть сообщения могут быть как однострочными, так и занимать больше экрана. Верстка должна это поддерживать (вроде это тривиально)

price_page - ios osx android winphone можно верстать картинками, переводить на другие языки эти слова мы не будем. Отдельно картинкой логотип операционной системы (яблоко, андроид), отдельно картинкой надпись IOS Android WinPhone - потому что картинка с логотипом используется также на task_page.jpg

Слова "рассылка обзоров"/"рассылка издателям" верстать естественно как текст. Это табы верхнего уровня - выбор "рассылка издателям " откроет notebook с совершенно другими табами, чем при выборе "рассылка обзоров" (например только с двумя табами foo и bar, то есть кол-во табов в ноутбуке в зависимости от выбора таба верхнего уровня будет различно).

Строки в ноутбуке генерятся серверным скриптом (то есть их может быть разное кол-во строк, и кол-во строк зависит от выбранного таба второго уровня! см. оригинальный сайт). Языки english deutsch и тд и цифры справа от них генерятся скриптом, их кол-во переменно. По умолчанию все строчки свернуты.

task_page.jpg - картинка в колонке Тип - та же, что у таба второго уровня price_page

Строк в каждой табличке может быть несколько (1 строка - один заказ от клиента).

main1- текст "Пошлите анонс вашего продукта " в хидере справа от конверта - можно картинкой, можно текстом. Но естественно оно должно допускать перевод. В большом конверте в хидере - фон логотипа виндовс сделайте такой же яркости как и фон логотипа iOS.

---------------------

Надо чтобы работало на msie(хотя бы 10) safari chrome firefox 18

Если будут вопросы - пишите, на любые вопросы ответим.

ссылки на PSD будут даны интересным нам исполнителям в личку.

Оплата вебмани или ЯДом.