Сделать Верстку сайта

Посредников просьба не беспокоить.

Исполняемые скрипты:

Тут - https://docs.google.com/document/d/1lpsxt3ht4qrcPx4UglzwpXoHaUcIWn4fikcdETfBq4M/edit?usp=sharing

Исходник в Фигме.

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

• Работа через безопасную сделку. Комиссию оплачиваю я
• Верстка должна быть полностью адаптивной от 1920 и до мобильной версии
• Верстка должна быть закончена полностью и передана для теста. Не допускаются сырые варианты “скажите , что исправить”. Максимум две серии правок.
• Дедлайн должен соблюдаться с превышением не больше 3-ех календарных дней, иначе Заказчик имеет право отказаться от Сделки и потребовать возврат средств.
• Расположение блоков должно быть 1:1 по сравнению с макетом. Допускается расхождение до 5px для текста. Разрешены и даже приветствуются правки размеров и расположения криво нарисованных блоков (разница размерах в 1-2px на разных страницах). Проверка Пиксель Перфектом.
• Должна соблюдаться кодировка UTF-8. Проверяется: в FF Инструменты→Информация о странице, в появившемся окне должно быть написано «Кодировка: UTF8». Эта кодировка должна использоваться для всех файлов: html, css, js (если файлы в разных кодировках могут быть проблемы)
• DOCTYPE: HTML5 . Проверка: открываем исходный код страницы, первая строка должны быть .
• Кроссбраузерность:

• Firefox (последний)
• Chrome (последний)
• Safari (последний) и если у вас нет Mac чтоб проверить «размытые Mac'овские» шрифты (они чуть большего размера, из-за этого бывает вылазят баги) то установите в Preferences→Appearance, «Font Smoothing» в Medium (по дефолту там «Windows Standart»).
• iPhone (смотрим в landscape и portrait режимах, т.е. вертикально и горизонтально) + Android. Тут важно чтоб верстальщик не забыл указать правильный viewport.
• Opera (последняя) Имеет смысл также посмотреть на 12-версии с движком Presto, если там есть баги в отображении — это признак потенциальных проблем в качестве кода
• IE7+ (для IE6 выводится уведомление о неподдержке и предложении скачать другой браузер или установить Google Frame, но с возможностью всё-таки просмотреть сайт)
• Opera Mini (проверяется в Opera Developer Tools→Opera Mini Simulator, нужно установить Java плагин к браузеру, или в крайнем случае: Opera 9.64→Вид-Маленький экран, но в 9.64 JS будет работать полноценно в отличие от настоящей Opera Mini, это нужно учитывать)

• Не должно быть js-ошибок!
• Титулка должна быть валидна в любом случае.
• CSS валидируется по версии 3.0, его валидность не требуется
• Микроформаты должны быть. Как минимум – hCard. Желательно также hCalendar, XFN, hAtom.
• В идеале вёрстка должна соответствовать стандарту доступности: WCAG.
• Независимость блоков в CSS: минимизация каскада, использование техник БЭМ
• Сайт должен нормально смотреться во всех стандартных разрешениях от 1024 и выше, не иметь горизонтального скролла и вписываться в экран мобильных устройств
• Оптимизация скорости загрузки
• Поддержка Retina
• Наличие Win/Mac/Linux-аналогов шрифтов
• Доступность при выключенных(загружающихся) картинках