Сейчас сверстано ужасно, похоже что в adobe muse.
Вот исходники дизайна yadi.sk/d/KCJtP7bigshHw
Если нужно, могу дать старую верстку.
Нужно повторить структуру верстки подобного окна на сайте callwidget.ru/ (нажмите на трубку справа внизу). Структуру описал тут yadi.sk/d/49HIl_2TgsiGG
Смотрим psd, по порядку распишу что из какого окна верстаем.
1. Это основа. Берем все: заголовок, поле с кнопкой, таймер тут будет статичен (не отсчитывает) и сверстан в блоке подписи (см. описание структуры).
2. Отсюда возьмем смайлик вместо трубки. Его надо вытащить из psd, чтоб можно было подставлять в форму. Получается, трубку/смайлик лучше делайте тегом img чем через фон.
3. пропускаем
4. сверстать 2 кнопки тегами button, как в описании структуры
5. пропускаем
6. сделать блок текстовый как на макете фраза "Мы уже отправили смс.." ниже заголовка. В структуре верстки этот блок должен быть соседним с блоками class="cb_block" , class="clbh_banner-form-row-1" (из примера).
Сделать нужно сегодня. Очень желательно приступать сразу.
Само собой, чтоб во всех браузерах без косяков.
Пишите стоимость, когда гарантированно сможете закончить. С меня отличный отзыв!
Опубликован 28.05.2015 в 14:07