Вёрстка нескольких блоков (чистый html, css, js)
Необходимо заверстать несколько блоков.
Никаких сторонних бибилиотек использовать нельзя (типа jquery). Нужно использовать чистый js, html, css.
Необходимо сделать вёрстку таким образом, чтобы свёрстанные блоки можно было наложить в любой сайт и вёрстка не поплыла из за пересечения стилей.
Прототипы сделаны в скетче (кто не верстал скетч нет мака, то можно открыть файлы будет через фигму или цепелин, авокадо): https://www.figma.com/file/TWHKnzNkuKIVnGS3hGDiHfF...
---
Немного объясню суть верстаемых блоков.
Блоки будут выводиться поверх стороннего сайта и позволяют оформить с помощью них заказ из этих сайтов.
Есть 2 вида (представления) - когда блок с красной кнопкой прилипает к низу страницы (горизонтальное положение) и когда блок с красной кнопкой прилипает к левому краю страницы (вертикальное положение). Вот пример текущего горизонтального вида
---
Пожалуйста, пишите, сколько это будет стоить по деньгам/времени?