Необходимо сверстать 2 страницы сайта (главная страница и страница с набором элементов).
1. Верстка адаптивная. По всем страницам подготовлен дизайн в 4х размерах. Поэтому приложите примеры с адаптивной версткой.
2. От верстальщика требуется быть на связи по скайпу и в конце каждого дня сообщать о результатах проделанной работы.
3. Срок – 1 неделя
4. Верстка из Zeplin
Тех. требования:
1. Соответствие макету.
2. Не должно быть JavaScript-ошибок.
3. Кодировка: UTF-8.
4. Все поля, содержимое которых приходит из CMS проверены на работу с разным вариантом контента: короткий, длинный, длинный без переноса.
5. Кроссбраузерность: Сайт должен корректно отображаться в браузерах:
- Microsoft Internet Explorer 10,
- Mozilla Firefox (последней версии),
- Chrome (последней версии, в т.ч. мобильной версии браузера),
- Safari (последней версии, в т.ч. мобильной версии браузера)
6. Сайт должен нормально смотреться во всех стандартных разрешениях от 1024 и выше, не иметь горизонтального скролла и вписываться в экран мобильных устройств.
7. При верстке не использовать id, только классы.
8. Избегать вложенности CSS классов и стилизации тегов, кроме стилей для контента второстепенных страниц (допускается, например так: .content p)
9. Таблицы используются только для создания таблиц.
10. <img> отображает исключительно смысловую картинку, все элементы дизайна должны задаваться как background соответствующего элемента
11. Применение тегов <footer>, <header>, <nav>, <artice>, <aside>, <main> для соответствующих блоков.
12. Заглавие страницы должно быть внутри тега <h1>. На странице может присутствовать только один тег <h1>.
13. Для всех типов перечислений однотипных элементов обязательно использовать <ul> <li>.
14. Активно использовать :after :before атрибуты вместо написания служебных пустых блоков.
15. Использование style внутри тегов разрешено только в случае динамических значений(Например – изменение позиционирования через javaScript).
16. Стили сайта соответствуют стандарту CSS3, за исключением хаков и вендорных свойств.
17. CSS3 border-radius, gradient, box-shadow, text-shadow вместо использования графики.
18. Footer всегда прижат к низу экрана.
19. Для свойств margin и padding всегда использовать короткую запись.
20. Обозначение цвета либо в hex (#000), либо в rgba если есть прозрачность, никаких ключевых слов.
21. В CSS отсутствует !important. Допускается использование !important при обосновании его необходимости в комментарии.
22. Растровая графика сжата. Использовать прогрессивный джипег.
23. Подключённые шрифты, их размеры и жирность соответствуют размерам в макетах и ТЗ.