Необходимо сверстать промо-страницу и отдельный баннер по готовому макету в Figma.
Страница будет размещена на существующем сайте. Общие шапка и подвал уже реализованы, требуется сверстать только содержимое промо-страницы и баннер.
Что необходимо сделать:
— изучить готовый макет в Figma;
— сверстать страницу на HTML/CSS;
— реализовать адаптивное отображение для компьютеров, планшетов и мобильных устройств;
— экспортировать из Figma необходимые изображения и SVG-иконки;
— сверстать отдельный баннер по макету;
— добавить состояния наведения для кнопок и ссылок;
— проверить отображение в Chrome, Firefox, Safari и Edge;
— не допускать горизонтальной прокрутки и наложения элементов на промежуточных разрешениях.
Требования к коду:
— чистая и понятная HTML/CSS-вёрстка;
— основные блоки должны быть реализованы через Flexbox или CSS Grid;
— не использовать абсолютное позиционирование для построения основной структуры страницы;
— не использовать конструкторы сайтов;
— не использовать автоматический экспорт Figma в HTML без ручной доработки;
— не подключать новый CSS-фреймворк;
— классы страницы оформить с отдельным префиксом, чтобы стили не конфликтовали с существующим сайтом;
— изображения подготовить в SVG, WebP или другом подходящем современном формате;
— у изображений должны быть корректно указаны размеры.
Сайт работает на Ruby on Rails, но глубокого знания Rails не требуется. Существующий HTML страницы и используемые CSS-классы предоставлю. Результат можно передать в виде обновлённого шаблона страницы, CSS и папки с изображениями.
В отклике прошу указать:
Стоимость работы.
Срок выполнения.
Примеры адаптивной вёрстки по макетам Figma.
Делаете ли вы вёрстку самостоятельно или используете автоматические генераторы.
Сколько раундов небольших правок входит в стоимость.
Опубликован 05.08.2026 в 10:40