Верстка микролендинг сайта.

Нужно сверстать микролендинг. 
К бекенду подключим сами.

C бекенда будет приходить ссылка на видео, которые необходимо воспроизводить в очередном порядке.
Над видео есть прогресс бар, который заполняется по мере проигрывания видео.
Количество прогресс баров = количеству роликов, которые надо воспроизвести.
Пользователь в любой момент может, ввести номер телефона, нажать на кнопку GO.
По нажатию на эту кнопку мы выводим уведомление, удачное заполнение или нет, в зависимости от того ввел ли пользователь 11 значный номер или нет.
Если все правильно ввел, показываем попап – о успешном заполнении.
Если не правильно, то о неудачном выполнении.
После этого попапа, всегда показываем окно с подпиской и донатами.
Пример того, как должны работать прогресс бары на сайте teredio.storyland.mobi/.
Верстка нужна только мобильная, ПК версия не предусматривается. 
Важно, что бы сайт был адаптивен к разным размерам мобильных устройств.
www.figma.com/file/TbpfcG...
Язык Html + js, Css