*** Задача ***
Необходимо сверстать шаблон сайта на HTML + CSS, по PSD-макету.
Необходимо, чтобы сайт был адаптирован под все виды устройства, согласно Bootstrap-сетки. Только сверстать (frontdend).
В PSD-макете разработано две версии:
1) Ширина рабочей зоны 1110 px
2) Ширина рабочей зоны 320 px
В Гайдлайне расписаны, какие должны быть размеры у шрифтов, для элементов для экранов:
1) <991px
2) >992px
3) >1599px
Каждую версию экрана необходимо сверстать по методу брейкпоинтов + media. Прилагаются также исходники + шрифты по ссылке:
Просьба в своем отзыве на это задание ответить сколько будет 4+13.
*** Обязательные требования ***
Сверстанный макет будет проверен на самых популярных устройствах, согласно bootstrap-сетки:
<576px Small
576px Medium
768px large
992px Extra large
1200px Extra large
Верстать необходимо компонентами, чтобы можно было использовать кнопки, формы, текстовые элементы и т.д. повторно и легко ориентироваться в css-файлах.
Верстать необходимо по БЭМ-методологии от яндекса, чтобы можно было интуитивно понять элементы проекта
Что будет оцениваться со стороны разработки кода:
1. Рекомендуется к прочтению статься «Практика хорошего кода»
2. Эргономичность кода. Необходимо минимизировать дублирование однотипных действий в коде. Повторяющиеся блоки в коде будут являться минусом к оценке работы.
3. Простота в написании и удобочитаемость. Код не должен быть написан сложнее, чем он мог бы. И обязательно должен с первого раза быть понятен разработчику.