При скролле сайта вниз появляются цифры и начинают увеличиваться, такая секция иногда используется на лендингах, поэтому разберем подробнее как настроить.
Сперва зададим html структуру из cекеции с идентификатором id=line.
В контейнере будет четыре колонки col-md-3.
Для средних мониторов и для маленьких две col-sm-6.
Добавим код для переворачивающегося блока в 3d формате, первый блок в, котором будет анимация t3d, внутри блок с классом rotate, он и будет переворачиваться.
У этого блока две стороны на первом плане будет изображение img на другой стороне текст txt, с дополнительным классом pd для отступов текста от краев блока.
Обязательный блок для идеального lendinga является faq ответы на вопросы, в котором рассмотрены все ключевые вопросы, которые интересуют покупателя.
Если покупатель сразу ответит на вопросы, то увеличится сила убеждения для совершения действия, то есть нажать на кнопку и заказать.
Структура будет состоять из секции с идентификатором #faq в одну колонку col-xs-12 с заголовком второго уровня с названием информация о товаре и двумя уточняющими предложениями.
В первом тарифе будет большая цена, потом поменьше и минимальная.
Человек читает с лева на право, поэтому важно делать минимальную цену справа, на этом блоке остановится взгляд и запомнит минимальную цену, это важная особенность.
Этим немного увеличивается вероятность заказа тарифа, то есть поднимаем конверсию сайта.