Техническое задание: Адаптивная верстка сайта

Основная задача

Необходимо выполнить качественную верстку многостраничного сайта на основе предоставленных дизайн-макетов. Проект должен корректно отображаться на всех типах устройств.

Ключевые требования

1. Адаптивность

  • Верстка должна быть полностью адаптивной (responsive).
  • Необходимо обеспечить корректное отображение на трех основных разрешениях: мобильные устройства, планшеты и десктопы.

2. Семантическая разметка

  • Обязательное использование современных HTML5 тегов для структурирования контента.
  • Применение тегов: <header>, <nav>, <main>, <section>, <article>, <footer> и других по смыслу.

3. Объем работ

  • Всего для верстки предоставляется 31 готовый макет.

4. Качество и оптимизация

  • Код должен быть чистым, валидным и хорошо прокомментированным.
  • Необходима оптимизация скорости загрузки страниц.
  • Графика и ресурсы должны быть оптимизированы.
  • Кроссбраузерная совместимость с современными версиями браузеров.

Ожидаемый результат

Полностью рабочий, адаптивный и оптимизированный сайт, соответствующий всем предоставленным макетам и техническим требованиям. Готовность к дальнейшей интеграции с CMS или backend-системой.

код

Интерактивная карта помещений на Tilda с цветовой индикацией статусов

Требуется реализовать на сайте, созданном на платформе Tilda, интерактивный генеральный план объекта. На карте должны отображаться помещения с цветовой индикацией их статуса: "Продан", "Бронь", "Свободен". Необходимо корректно выставить координаты для каждого элемента.