Верстка сайта

Основные требования: 

- HTML5 

- SCSS 

- адаптивность: max-width указан на макетах, для меньших дисплеев – fluid (прорисован десктоп и мобильный телефон для нестандартных страниц, остальные состояния можете реализовать на ваше усмотрение соблюдая нормы юзабилити и общий стиль.). 

- БЭМ (без фанатизма и километровых селекторов, следуйте логике наименований, но сохраняйте каскадный стиль для неразрывных групп элементов, напр. плитка товара или юзера) 

- PerfectPixel 

- Gulp или webpack (Grunt и Browserify не подходит) 

- элементы дизайна должны быть выполнены в векторе и объединены в один легко дополняемый файл (шрифт icomoon)

- базовый скриптинг (без файла колбасы с вызовами через айдишники) 

- все всплытия, раскрытия и т.п. проходят анимированно в стиле fade/slide 

- все анимации проходят с использованием CSS3 (никаких slideDown на jquery) 

- не допускаются однотипные плагины (например несколько селектов для разных типов списков) 

- выпадающие списки и дейтпикеры на мобильных девайсах должны использовать нативный интерфейс (никаких дропдаунов на устройствах) 

- не допускается дублирования кода, например два идентичных блока меню для показа одного на десктопе, а второго на девайсах или парные контролы (один под плагин, второй – нативный под девайсы)  

- кроссбарузерность (последние версии популярных браузеров и Safari8+ под macOS и iOS8, а так же Android4+) 

- все цвета, шрифты, и даже скорость анимации должны контролироваться через переменные из одного файла variables.scss 

- модульность файлов стилей (четкое разделение например на core, plugins, modules и т.п. на ваше усмотрение) 

- респонсив стили для селектора писать рядом с другими стилями, используя миксин (напр. @include xs {}), но не допускается создание отдельных файлов (напр. max-width-767.scss) для написания этих стилей. 

- не допускаются шаблонизаторы и экзотические технологии (jade, stylus и т.п.)

JPG-макеты всех состояний и ТЗ: 

https://drive.google.com/open?id=0ByMhl2IT6FhsVTF0MjhTaEFrcjA

Оплата поэтапная, за проделанную работу, первый перевод после завершения работы над главной.

Указывайте в заявке сроки на выполнение проекта.