Заверстать готовую инфографику в адаптированную верстку
Задача сверстать по макету во вложении инфографику в адаптивную верстку.
Лендинг в который нужно заверстать: http://aliexpress-app.ru/
Что нужно будет сделать:
1)Заменить надо будет этот блок http://take.ms/HwcSU
2)Добавить заголовок: «Почему продвижение надо заказывать у нас?»
3)Под заголовком соответственно инфографика, макет во вложении.
Механика:
При скролинге до экрана с инфографикой, желтые плюсы начинают пульсировать по очереди, дабы намекая, что надо по ним кликнуть. Как только пользователь кликает, появляется текст рядом в виде подсказки, и плюс меняется на крестик, при этом другие плюсы перестают пульсировать в это время, пока подсказка не закроется. Как это выглядеть должно: http://take.ms/E0bPf
Текст в подсказку можете вставить пока любой, я сам исправлю его потом. Также нужно добавить тень под подложку подсказки.
Адаптация.
В мобильной версии этот блок с инфографикой должен выглядеть воттак, в виде слайдов: http://take.ms/b3S5B соответственно при клике на плюс так: http://take.ms/5tgta
Ну про кроссбраузерность и валидность я ничего не пишу, поскольку по умолчанию инфографика должна везде правильно работать и отображаться. Исходник макета и верстки вышлю выбранному исполнителю, срок до 3х дней.