Задача

Разработать pop-up баннер на основе приложенного макета (скриншота/ссылки) для отображения на веб-сайте. Используя полученный макет, необходимо также написать JavaScript-код для логики появления баннера с задержкой после входа пользователя на сайт.

Требования к баннеру

  • Ориентироваться на предоставленный визуальный пример (дизайн и расположение сегментов). (Названия компаний, номера телефонов или URL скрыты, требуется заполнить их по аналогии)
  • Адаптивность под десктопную и мобильную версию.
  • Наличие кнопки закрытия (крестик) для отказа от взаимодействия до стандартного автозакрытия.

Требования к коду запуска

  • Написать чистый JavaScript (без jQuery или других фреймворков, если иное не указано в примере).
  • Реализовать задержку появления баннера от 3 до 5 секунд после полной загрузки страницы сайта (предполагается, что пользователь "зашёл" на страницу).
  • . Количество попапов на странице: один за сессию. Код должен обеспечить, чтобы попап не показывался повторно.

В итоговый макет не включены ссылки, логотипы конкретных фирм и телефоны, чтобы соблюсти требования безопасности. Эти сегменты будут оставлены под контент заказчика.

Готовый макет (psd/figma/svg) плюс рабочий код - обязательный результат по данному описанию.