Дизайн и верстка страницы html / css (макета нет)

Отрисовать и сверстать одну адаптивную страницу на чистом html со встроенным css, под дальнейшую шаблонизацию на liquid.

Описание:

Страница с картой и дополнительной информацией для отслеживания курьера клиентом.

Необходима адаптивная верстка под десктоп и мобильные устройства

На десктопе сайдбар с дополнительной информацией необходим слева от карты на 25% площади со скролом внутри сайдбара и спойлером подробнее.

На мобильной верстке важная информация (время в пути, кнопки позвонить, написать) внизу экрана, при нажатии раскрытие на полный экран с остальной информацией.

Примеры дизайна во вложении, пример файла шаблона (tracking_form_t1.txt сменить разрешение на html - weblanceer не пропускает) так же во вложении.