Техническое задание: Внедрение текстового блока на Тильду

Цель проекта

Интегрировать объемную текстовую статью в существующий лендинг, созданный на конструкторе Тильда, с сохранением всей исходной HTML-разметки и добавлением интерактивного элемента для улучшения пользовательского опыта.

Исходные данные

  • Готовая статья, оформленная с использованием HTML-тегов (заголовки, абзацы, списки, таблицы).
  • Действующий лендинг на платформе Тильда.

Основные требования

1. Создание и настройка блока

  • На странице лендинга необходимо создать новый текстовый блок (или использовать соответствующий существующий элемент).
  • В этот блок требуется корректно вставить предоставленный HTML-код статьи, чтобы все элементы (заголовки, списки, таблицы) отображались правильно.

2. Реализация интерактивной функции «Раскрытие контента»

  • Изначально на странице должен отображаться только первый значительный фрагмент статьи (например, первый абзац или блок до определенного места).
  • Под этим фрагментом должна быть размещена кликабельная кнопка с текстом «Показать еще», «Читать далее» или аналогичным.
  • При клике пользователя на эту кнопку оставшаяся часть статьи должна плавно или мгновенно раскрываться прямо на странице.
  • После раскрытия кнопка может скрываться или менять текст на «Свернуть» (опционально).

3. Критерии качества

  • Внешний вид и форматирование статьи должны полностью соответствовать исходному HTML-коду.
  • Функция раскрытия/сворачивания должна работать стабильно и без ошибок.
  • Внедренный блок должен корректно отображаться на всех типах устройств (десктоп, планшет, мобильный).
  • Решение должно быть реализовано в рамках возможностей платформы Тильда (с использованием Zero-блоков, HTML-кода, пользовательских CSS/JS или иных штатных средств).

Правка верстки HTML и CSS, адаптация блока и перенос элементов

Требуется верстальщик для ручной правки существующей страницы. Основные задачи: переверстать табличный блок в адаптивный на Flexbox и перенести один из блоков для вызова из меню. Возможны дальнейшие мелкие правки.