Сделано на основе 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 разработчика. Лучшее что вы можете.

На выходе должен быть:

  • Архив с версткой;
  • Количество часов затраченное на выполнение задания.