Задача: сверстать макеты
Требования:
1) Только HTML 5 (с разметкой важных зон аля Head, Nav, Article и т.д.)
2) 99% Валидация (максимально валидный код)
3) Микроразметка + валидность (Инструкция:
, Размечаем: хлебные крошки через shema.org, контакты (можно через shema.org, можно через hcard), картинки, видео). Сложности нет, нужно лишь использовать указанные классы и атрибуты.
4) Семантическая верстка
5) Чистый html код
6) Чистый и логичный CSS (разделяйте его по смысловым блокам и ставьте комментарии начала и конца, например хэдер, сайдбра, контент, лэндинг, футер и т.д.)
7) Мелкие изображения в спрайтах
8) Максимальная скорость на Google PageSpeed (хотя бы 85+)
9) Ну и кроссбраузерность и адаптивность (динозавры типа IE6-9 не нужны, IE10 – тоже не критичен, главное чтобы в них какая-то приемлемая читабельность была).
P.S. Заголовки H1-H6 только в контентной части (не в сайдбарах, футерах и т.д.). H1 – только 1 на странице и идет в шапке. H1 и H2 должны быть без классов.
Макеты:
(2 совсем разных шаблона, остальные страницы по прототипу верстаются)
Исходники, шрифты только исполнителю.