Тестовое задание на позицию HTML-верстальщика.

• HTML5
• CSS3
• SCSS
• JavaScript
• Gulp

1 Блок. Промо

Название продукта. Ниже фото продукта и 3 его характеристики в виде списка. Фон блока, произвольный видеоролик. Кнопка заказать (должна скроллить к форме заказа)

2 Блок. Состав продукта

По центру фото продукта, по бокам в столбик по 3 ингредиента (кружок внутри с картинкой) и надписью рядом. Фон: произвольный градиент или паттерн. Кнопка заказать (должна скроллить к форме заказа)

3 Блок. Отзывы

Карусель из трех элементов (отзывов). Каждый элемент должен состоять из фото, имени человека, оставившего отзыв, и текста отзыва. Фон: произвольный градиент или паттерн.

4 Блок. Промо

Фото человека с продуктом (заменить продукт на картинке). Небольшое описание продукта. Ниже 3 характеристики продукта в виде списка в линию. Фон: произвольный градиент или паттерн. Кнопка заказать (должна скроллить к форме заказа)

5 Блок. Форма заказа.

Название продукта. Таймер обратного отсчета, фото продукта, старая и новая цена, форма заказа с именем, телефоном и кнопкой. Фон: произвольный градиент или паттерн.

● Старая цена должна быть меньше и зачеркнута. Новой цене добавить произвольную css анимацию. ● При селекте инпутов в форме в углу инпутов должны отображаться подсказки с примером имени и телефона. ● В инпуте телефона разрешить ввод только цифр.