HTML-верстальщик в Ginger Grandpa.
## Задачи
* Вёрстка лэндингов и многостраничных сайтов, изредка писем.
* Поддержка выполненных проектов
## Технологии
* HTML, CSS, JS
* PUG, SASS/PostCSS
* Gulp
* Git
* Вёрстка из PSD/XD/Figma
## Условия:
Работа в Москве, рабочий день с 10:30, работы много, фронтэнду научим, есть куда расти.
В общем, удобные инструменты, которым научим. Крупные проекты компании выполняются на фреймворке Vue в связке с Nuxt.js для серверного рендеринга. Будет круто, если ты его знаешь или есть желание изучить.
## Тестовое задание
Необходимо показать умение владением стека технологий: Pug, Sass, BEM, JS (ES6+/jQuery/Vue.js), Gulp/Webpack.
Обязательно размещение выполненной задачи в любом публичном VCS репозиории (github, bitbucket, gitlab) с коммитами.
Необходимо засечь время выполнения с момента ознакомления с заданием до окончания верстки. Это важно для оценки скорости работы.
Тестовое задание делится на несколько задач: обязательные и необязательные. В обязательных задачах мы проверяем знания необходимые для прохождения на эту позицию. Необязательные задачи не должны занять много времени, но помогут тебе показать себя с лучшей стороны. Ты можешь сделать только часть из них, если что-то покажется интересным, или не делать их вовсе.
### Обязательное
1. Реализовать адаптивную, резиновую, семантичную верстку под последние 2 версии браузеров, IE 11+
2. Добавить умеренную анимацию на ваш вкус
3. Макет представлен только в десктопном разрешении (1920px), вам будет необходимо его адаптировать под все ключевые брейкпойнты (1024px, 768px, 320px).
4. Применить best practices
### Дополнительное
1. Реализовать прокрутку страницы по клику на якорные ссылки в шапке
2. Реализовать табы в блоке с портфолио
3. Реализовать слайдер компаний в секции блога
3. Добавить анимацию блоков по скролу
3. Оптимизации для lighthouse
## Макет
[Макет](https://dribbble.com/shots/6504659-UiExpert-Website-Home-Page-Free-Download) находится в свободном доступе.
Скачать его можно по ссылке, указанной на dribble, либо [отсюда](https://drive.google.com/file/d/1PmRmvHrW7Qn1xZegT1ZcoWxQEaTaH_Rz/view).
—
По всем вопросам в телеграм – [@webistomin](http://t.me/webistomin)
Все присылайте на почту: nastya@ggpa.ru с пометкой HTML-верстальщик от VDHL.
Source: вакансии