👀 Дизайнеры, какая команда подходит вам по вайбам? Проверяйте на Вайб-чеке→ vibe.habr.com

Вакансия для верстальщика.

Зарплата

до 200 000 ₽

Местоположение и тип занятости

МоскваНеполный рабочий деньМожно удаленно

Компания

Разрабатываем маркетплейс, посвященный компьютерным играм

Описание вакансии

Условия работы

К великому сожалению, это проектная вакансия. Т.е. по большому счету работа разовая, однако, в дальнейшем возможно периодическое сотрудничество. Перейду сразу к делу: наш текущий сайт использует Bootstrap 3.3.7. У нас есть новый дизайн, но мы хотим продолжить использование старого фреймворка (его сетку, идеологию, классы, компоненты и прочее). Первый шаг - это стилизация Bootstrap (по сути создание темы). Большинство типовых элементов нового дизайна перекликается с элементами Bootstrap. Где-то достаточно будет поменять цвета (соответствующие переменные), где-то придется отредактировать стили. Конечная цель данного этапа работ - возможность получения нового стиля (внешний вид типовых элементов) путем простой замены старого bootstrap.css на новый. В этом случае не придется переписывать разом все многочисленные шаблоны. Можно будет сосредоточиться только на ключевых страницах, подтвергшихся существенному редизайну. Модификация Bootstrap должна быть выполнена очень качественно, так как это будет являться фундаментом. Т. е. требуется грамотный анализ различных внутренних переменных и зависимостей (что от чего наследуется, как модифицируется, где еще используется), все изменения должны быть хорошо продуманы (в том числе с учетом адаптивности).

Это типовая страница, которую необходимо сверстать на обычном Bootstrap v3.3.7 с применением стандартных элементов и классов (tabs, pills, form-group, btn-danger, alert-warning и прочее), а потом стилизовать его для полного соответствия макету.

Нужно всё с макета за исключением select с графикой, потому что на данном этапе не хотелось бы для элементов форм использовать какие-то сторонние плагины, а обойтись только средствами css.

Использовать SCSS версию фреймворка (на сайте сейчас используются многие внутренние переменные, mixin и прочее).

Нужно постараться учесть различные мелочи. Например, как будут выглядеть табы, если не поместятся по ширине (как часть перенесется на следующую строку). И так далее.

Для значков подключить последнюю версию FontAwesome.

Адрес сайта - www.funpay.ru ;

Если у вас есть время для подобных заданий, мы готовы выслать макет типовой страницы.