Необходимо сверстать мобильную версию промо-страницы (см. вложение). Необходимо сделать так, что бы на большинстве смарфонов первый экран включал контент до кнопки: https://s.mail.ru/Fn4H/H7Qo5AbWp

Для обычного браузера нужно сверстать информер (дизайн предоставим), который будет выезжать из-за экрана. В нем будет расположена форма ввода номера телефона. Если пользователь его введет, то информер закрывается (уезжает) и над сайтом отображается поп-ап окно мобильной версии, с затемнением основного сайта. Поп-ап должен скроллиться (наверное, с добавлением ползунка). Это нестандартное решение, но выполнить его нужно именно так.

Выглядеть будет примерно так: https://s.mail.ru/FKSd/D5MbNPyHb

Этот алгоритм можно увидеть на сайте www.vse.by/test/ Если попам или информер не открылисьт сразу, перейдите в любой раздел. Справа должен отобразиться информер. Клик по нему открывает поп-ап, а закрытие поп-апа вызывает информер.

Таким образом, верстка мобильной версии будет немного применена и адаптирована в тесктопной версии.

Обновление #1 от 6 мая 2017

Если ссылка выше не открывается, удалите "https": http://www.vse.by/test

Обновление #2 от 9 мая 2017

Над сайтом лендинг должен быть уже, чем в приложенном примере, примерно так: https://cloud.mail.ru/public/FKSd/D5MbNPyHb Мобильная версия должна отрываться так, что бы первое окно на большинстве устройств вмещало контент до кнопки (включительно). Таким образом шапка (с девочкой) должна плавать под блоком с Именем/Отчеством. Кстати, в этом блоке может отображаться только Имя клиента (одна строка). См: https://cloud.mail.ru/public/Fn4H/H7Qo5AbWp

Ставки 8 Обсуждения 6

Дмитрий Каминский

14 0

Проекты 14
Оценка -
Рейтинг 758

Бюджет: 1200 UAH Срок: 3 дня

Добрый день:)
Только закончил работу над большим проектом.
Готов приступить, и быть на связи 24/7 (в разумных пределах:)).

В работе применяю Gulp сборщик проектов, поэтому будет обеспечена оптимизация кода и изображений для верстки. Также, если в макетах подразумевается фронт-энд составляющая в виде слайдеров (каруселей), выпадающих списков, всплывающих окон, галерей - будет сделано без лишних оговариваний).
В результате сотрудничества вы получаете качественную верстку, адаптивную и семантически продуманную, базовое СЕО, а так же валидную верстку и кроссбраузерную.

skype: drakonfire
facebook:kaminsky.boleslavovich
email: [email protected]

portfolio:
http://kaminskiydmitriy.com/portfolio/iphone/
http://kaminskiydmitriy.com/portfolio/bolgariya/
http://kaminskiydmitriy.com/portfolio/frontend/