Описание задачи
Необходимо сверстать веб-страницу на основе готового дизайн-макета из Figma (ссылка предоставлена в личном сообщении). Вся верстка должна выполняться с использованием CSS-фреймворка Tailwind CSS (подключается через CDN или встроен в проект).
Основные требования
- Точное Pixel Perfect соответствие дизайн-макету.
- Кроссбраузерная и адаптивная верстка (десктоп, планшет, мобильные устройства).
- Не использовать сторонние CSS-стили - только возможности Tailwind.
- Не добавлять JavaScript и внешние библиотеки, если это явно не оговорено в макете или необходимо для скрытия/отображения элементов.
- Итоговый HTML должен быть валидным и чистым.
Важно
В макете могут встречаться название условной фирмы, контактный телефон и ссылка на сайт (эта информация примерочная). Ее разрешено заменить на “Company / 8-800-555-35-35 / company.com” или аналогичный нейтральный текст.
Критерии готовности
- Готовая страница полностью соответствует внешнему виду в Figma на основных разрешениях экрана.
- Код написан с использованием классов Tailwind CSS (например, flex, grid, p-4, text-center и т. д.).
- Страница корректно открывается в браузере.