В этом блоке создали элементы:
-- само колесо в виде shape с классом
wheelfortune -- Блок формы:
- заголовок для формы "Крутите колесо" из элемента Text
- и подзаголовок "заполните форму и нажмите кнопку "крутить" из элемента Text
- и саму Form (объединили их в autolayout и задали класс form-section)
- в форму добавили hidden field с именем wheel-prize
-- Блок таймера из трёх элементов
Text- "Время на активацию приза" - задали ему класс timer-active
- "Время активации приза вышло, но скоро будут новые розыгрыши подарков" - задали ему класс timer-out
- "00:00:00:00" - задали ему класс timer-num
- объединили их в autolayout и задали класс timer-section
-- Блок выигрыша
- добавляем заголовок "Ура, вы выиграли!"
- текст для приза "Приз" (задали ему класс prize-name)
- внутри делаем ещё блок промокода, который состоит из элемента Text с надписью "Промокод" (задан класс promocode-text ) , иконки копирования (задан класс promocode-copy) и описания под полем промокода из Text "Промокод действует при оформлении любого заказа. Нажмите на кнопку "Получить приз" и оформите заказ, используя промокод". Объединили их в autolayout и задали класс promocode-block
- добавили кнопку "Получить приз" со ссылкой # и задали ей класс btn-get-prize
- добавили текст итоговый внизу "По всем вопросам розыгрыша пишите на mail@mail.ru"
все элементы блока выигрыша объединили в
autolayout и задали класс
prize-section