Вёрстка, кроссбраузерная, адаптивная.
Нужно сверстать портал-агрегатор.
Всего 21 страница. Из низ (8 однотипных – продукты банков, 6 простейших (страница регистрации, вход, контакты, обратная связь, список банков, о сайте).
Дизайн ПК+Моб yadi.sk/i/V9wV8nVR3aUhrZ
Есть 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>