Вёрстка, кроссбраузерная, адаптивная.

Нужно сверстать портал-агрегатор.  

Всего 21 страница. Из низ (8 однотипных – продукты банков, 6 простейших (страница регистрации, вход, контакты, обратная связь, список банков, о сайте). 

Дизайн ПК+Моб yadi.sk/i/V9wV8nVR3aUhrZ  

yadi.sk/i/9Cydsh9S3aUhvG  

yadi.sk/i/24LLtxcO3aUhzN  

yadi.sk/i/9wNSniVk3aUi7B  

yadi.sk/i/9wNSniVk3aUi7B  

Есть Ui kit.  

Дизайн залит в Zeplin.  

Есть полное ТЗ на 12 страницах. 

Требования по вёрстке. 

ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ К ВЕРСТКЕ 

1.1. Кроссбраузерность. 

1.2. Адаптивность. 

1.3. Html5 + Css3, с минимальным кол-вом ошибок и предупреждений при проверке валидатором. (Если есть альтернативные варианты лучше – обсудить).  

1.4. Кодировка – UTF-8. 

1.5. Особое внимание  на мобильную версию! Она в итоге должна выдавать максимум баллов по гугловским системам типа PageSpeed и Mobile Friendly. Зеленая зона – обязательно. 

1.6. Мобильная версия должна максимально повторять по контенту десктопную (не в ущерб скорости загрузки!) 

1.7. Максимально легкий код – вынос стилей и скриптов в подключаемые файлы. 

1.8. Не использовать javascript в навигационных элементах (меню). 

1.9. Не использовать javascript для вывода текстового контента. 

1.10. При отключенном (в браузере) javascript сайт должен полностью сохранять внешний вид и максимум функционала. 

1.11.  Элементы, которые в коде должны быть максимально высоко: 

  </p><p>meta description  </p><p>заголовок <h1>  </p><p>текстовый контент  </p><p>При этом, визуально на странице расположение не играет роли, важно именно расположение в коде.  </p><p>1.12. Не использовать форматирование h1, h2, h3 и т.п. в шаблоне сайта, для сквозных (повторяющихся на нескольких страницах) и скрытых (всплывающих) элементов.  </p><p>1.13. Заголовок H1 должен быть только один на странице.  </p><p>1.14. В списках, подборках, каталогах и т.п. внутренние ссылки должны быть с названия/заголовка, а не с далее, подробнее, еще и т.п.  </p><p>1.15. На всех страницах должен быть rel canonical  </p><p>1.16. На всех страницах должна быть микроразметка <a href="http://schema.org">schema.org</a> и open graph  </p><p>1.17. Внутренние ссылки должны открываться в том же окне, исходящие ссылки – в новом окне.  </p><p>1.18. Недопустимы ссылки без анкоров (текста или изображения), наподобие <a href=/page.html></a>   </p><p>1.19 Точность верстки 3-4px без визуальных багов.  </p><p>+Бекенд.   </p><p> </p><p>P.S. Преимуществом будет, если вы знаете Yii. Можно обсудить доработку функционала помимо вёрстки.   </p><p>P.P.S. Возможно, не все страницы учли, пару страниц может прибавиться дополнительно, оговорим отдельно, если такое произойдёт. </p>