Объём и порядок работы
Необходимо сверстать по одной типовой странице (есть в дизайне):
- главная (get04)
- услуги (uslugi-01)
- создание сайтов (dev-02)
- проекты (portfl-01)
- страница проекта: платимденьги (proekt-01)
- страница UI KIT
Технические требования
- Верстка страниц сайта визуально должна соответствовать макету psd. Допустимы небольшие визуальные расхождения верстки с макетами – не критично.
- На Bootstrap 3-4 используя методологию BEM
- Сверстанные макеты должны предоставляться в виде страниц html и прилагаемых файлов (css, изображений, js и др.). После утверждения верстки заказчиком, исполнитель должен выслать архив с версткой.
- Кроссбраузерность. Верстка должна одинаково хорошо отображаться в следующих браузерах на компьютере: IE 9+, FF 3+, Opera10+, Chrome, Safari 3+
- При необходимости, в верстке должны использоваться возможности стандарта CSS3 такие как, закругление углов блока, градиентная заливка, тень, прозрачность и другие. Если версия браузера не поддерживает некоторые свойства CSS3, внешний вид страницы может отличаться. Отличия могут быть следующие: прямые уголки блока вместо закругленных, сплошная заливка цветом вместо градиентной, отсутствие тени у блока или текста, отсутствие прозрачности у блока или текста.
- HTML и CSS код должен проходить проверку на соответствие стандартам W3C по валидности. Исключения могут составлять ошибки, возникающие из-за свойств CSS3, т.к. эти свойства не поддерживаются валидатором
- Адаптивность. Верстка должна быть адаптивной. Страница должна хорошо просматриваться на компьютере, планшете и мобильном устройстве. Оптимальным будет положительный результат теста на сайте
Общие замечания
-Прототип:
- Все необходимые страницы и большая часть функционала представлены в прототипе.
-При расхождении данных прототипа и дизайна необходимо ориентироваться на конечный дизайн. При расхождении дизайна и КИТа ориентировать на КИТ
-Верхнее меню остаётся «прибитым» к верхнему краю при прокрутке страницы.
-при переходе на мобильную версию меню скрывается в «гамбургер» + логотип, все остальные элементы шапки прячутся в меню
- Заполнение страниц сайта контентом (текстом, картинками и др.) выполняется заказчиком. Исполнитель должен наполнить страницы только тем контентом, который находится в psd макете и необходим для тестирования верстки. Если текст в psd макете нельзя выделить и скопировать, верстальщик может вставить любой другой текст для тестирования верстки.
-функциональные элементы:
-почтовая ссылка обрабатывается стандартным mailto:
-скайп запускает приложение
-телеграм отсылает сообщение в наш канал