Задача

Необходимо перенести готовый дизайн-макет сайта, выполненный в графическом редакторе Canva, в рабочий HTML-код с таблицами стилей CSS. Простое сохранение встроенных форматов (скачивание исходника) не принимается - требуется ручная переработка макета в чистый, читаемый код.

Требования к результату

  • Перенести весь визуал страницы: расположение блоков, шрифты, отступы, цвета и графические элементы (иконки, иллюстрации).
  • Код должен быть написан с соблюдением семантики HTML5 (использовать теги <header>, <main>, <section>, <footer> и т. д.).
  • Стили должны быть вынесены в отдельный CSS-файл или написаны в блоке <style>, но должно быть понятно, как менять оформление.
  • Ненужные обертки из Canva (лишние таблицы или фреймы) использовать запрещено - важно сохранить структуру, удобную для дальнейшей правки.
  • Адаптивность и интерактивность (всплывающие окна, слайдеры) можно оставить, как на макете, но только с помощью чистого CSS/HTML.

Пример ожидания: на выходе вы получаете два файла - index.html и style.css, которые открываются в любом браузере и точно повторяют дизайн из Canva без искажений.

Дополнительные уточнения

Если в исходном макете есть логотип, название бренда или контактные данные - в тексте верстки их следует указать плейсхолдерами (например, «Название компании», «Телефон: +7 (000) 000-00-00»). Исполнитель должен проявлять аккуратность в подборе шрифтов и размещении элементов по пиксельной сетке.