Верстка сайта

Требования к верстке: 

1-1 Совместимость: IE10+, FireFox, Opera, Yandex, Chrome, Safari 
1-2 HTML5, CSS3 
1-3 Графики по-минимуму. Использовать стили: закругления, рамки, тени, градиенты, плавная смена цвета и др. 
1-4 Ширина фонов шапки и подвала 100% 
1-5 Ширина контента 1200px – фикс, но адаптив под планшеты, чтобы не было горизонтальной прокрутки. Версия для мобильных будет отдельная. Можно использовать joaocunha.github.io/vunit... 
1-6 jQuery без плагинов, включение плагинов отдельно согласовать 
1-7 JS пригоден для тач-интерфейсов 
1-8 Cлайдер ionden.com/a/plugins/ion.... 
1-9 Картинки: 
- фон шапки 
- логотип в шапке 
- логотип в подвале 
- стрелки-треугольники вверх/вних 
- иконки в шапке у информационных разделов (новинки/распродажа), остальные иконки – ШРИФТы c fontello.com 
- иконка часов у графика работы 
- иконки скидок с процентами нескольких размеров 
- стрелки крупные: вправо/влево у листалок, вверх фикс сбоку справа 
- иконки +/- 
- разделители в хлебных крошках 
- фото товаров 
- крестик у полей ввода 
- крестик у всплывающих блоков 
- нолик = "удалить" в корзине 
- статусы наличия товара 
- быстрый заказ во всплывающей корзине 
- вопросик в параметрическом фильтре и в характеристиках товаров 
- указатели ползунка 
- направление сортировки товаров в каталоге 
- чекбоксы/радио – фон, картинка (см. market.yandex.ru/catalog/... ) 

1-10 Шритфы: 
- основной шрифт PT Sans 
- символ рубля – шрифт PT Rouble 
- шрифт сборный для иконок с fontello.com 

1-11 ВСЕ ссылки/активные спаны/кнопки/стрелки/блоки должны подсвечиваться при наведении и когда нужно при клике (кнопки) 

1-12 Там где блок активный, но это не текстовая ссылка то тэга A быть НЕ должно. Пусть будет SPAN или другой тэг 
При спорных моментах – пишите, уточню. 

1-13 Заголовки на странице: 
- H1 – ОДИН на странице. Если не понятно, где именно – напишите. 
- тэги заголовков БЕЗ дополнительных классов, должны быть ЧИСТЫЕ и без дополнительных атрибутов 
- 

1-14 Верхняя часть шапки – фикс панель. Проверить, чтобы НЕ дергалась во всех браузерах и корректно работала на планшетах. 

1-15 Внимательно отнеситесь к УГЛАМ блоков: 
- у кнопок углы чуть закруглены 
- у обводок углы прямые 
- сложные углы у блока поиска по сайту 

1-16 Подчеркивание ссылок, спанов и др.: 
- толщина 1px 
- цвет: светлее, чем надпись 
- использовать стили border-bottom, БЕЗ дополнительных оборачивающих тэгов 

1-17 Во всех блоках с ценами предусмотреть максимальный размер цены: 333 456 Р, чтобы он не сползал в несколько строк 

1-18 Внимание! отсутупы, размеры шрифтов, цвета подчеркивания, состояния кнопок 

1-19 Подвал: иконок счетчиков может быть несколько, предусмотреть до +3 стандартных 88px x 31px влево от стрелки LiveInternet 

1-20 Статусов наличия товара 3. Предусмотреть из отображение в любом месте их появления в зависимости от внешнего класса блока товара. 

1-21 Использовать указание класса у внешнего тэга товара для отображения специфических блоков: статус наличия, иконки сидки, в комплекте ли товар, в корзине ли уже, есть ли желтая обводка у товара, есть ли подчеркивание в желтой обводки у товара и прочее 

1-22 Максимальная длина кода товара: 333.555.88888 

1-23 Пояснение по ценам, варианты: 
- простая цена 
- простая цена + значок скидки + старая цена 
- простая цена + значок скидки + размер экономии в рублях + старая цена 
- простая цена + значок скидки + размер экономии в процентах + старая цена 
- простая цена + в желтой обводке (класс .rrc) 
- простая цена + в желтой обводке + подчеркивание цифры цены + всплывающий блок при клике на цену (цена по скидке, размер скидки, ссылка на условия акции) (класс .rrc.hard) + (где указано) блок "Акция Популярные товары"