Сделано на основе 2gis makeup
Для запуска, выполните gulp и перейдите на localhost:3000
##демо сайт
страница целиком - http://3mg.bitbucket.org/page.html
по компонентам http://3mg.bitbucket.org/
Необходимо сверстать страницу со всеми элементами и засечь время выполнения этой работы. Все тексты должны быть текстами, а не картинками (кроме логотипа). Все элементы и отступы должны в точности соответствовать дизайну (Pixel Perfect).
Дизайн страницы в mainpage.psd Дизайн состояний элементов в elements.psd
Требования
- Doctype использовать для HTML5.
- Совместимость desktop броузеров: IE9-11, Chrome, FireFox, Safari, Opera
- Базовая адаптивность, под мобильные девайсы. Как сайт будет адаптироваться - на ваше усмотрение.
- Нельзя использовать Bootstrap или другие библиотеки готовых элементов интерфейса, т.к. при их использовании не возможно будет понять как верстаете вы сами.
Оценивается:
- Скорость выполнения;
- Качество кода;
- Степень соответствия дизайну;
- Отсутствие ошибок.
Приветствуется использование современных Front-end технологий:
- LESS/SASS
- БЭМ/OOCSS/SMACS…
- Gulp/Grunt
- …
Сделайте красивую верстку с точки зрения front-end разработчика. Лучшее что вы можете.
На выходе должен быть:
- Архив с версткой;
- Количество часов затраченное на выполнение задания.