При проведении акций или мероприятий на Хекслете применяется тематическое оформление сайта. К первому сентября мы использовали баннер и форму:

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FDnkNJlQlmrMcmWZl9kYVgt%2F1setp-banner%3Fnode-id%3D0%253A1%26t%3DU1zIFaYf1jNzb2RO-1

Что нужно сделать:

Ваша задача повторить этот баннер и форму, которая открывается в модальном окне, выложить это на GitHub и опубликовать на GitHub Pages

• при входе на страницу баннер располагается вверху, форма не видна
• при клике по кнопке “А что подарите?” открывается модальное окно с формой
• отправку формы реализовывать не требуется

Инструменты

1. Bootstrap 5, можно кастомизировать бутстрап, при необходимости использовать собственные стили
2. Font Awesome (для иконок, если потребуется)
3. Препроцессор - мы используем Haml и Slim, но вы можете использовать любой другой (или не использовать)
4. SCSS/CSS

Что будем оценивать:

• В задании использовались нужные технологии
• По максимуму использованы возможности бутстрапа
• Для интерактива используются компоненты бутстрапа (модальное окно, элементы форм)

Требования