Как создать виртуальную целевую страницу саммита с Divi
Опубликовано: 2020-07-02Продвижение виртуального мероприятия включает в себя ряд рекламных стратегий. Создание привлекательной целевой страницы - одно из них. Создание целевой страницы для вашего виртуального саммита - идеальный способ заинтересовать вашу аудиторию. С помощью правильной комбинации разделов вы можете приглашать, информировать и собирать зарегистрированных участников. Сегодня мы покажем вам, как создать виртуальную целевую страницу саммита с пятью разделами. Дизайн включает в себя двухцветные изображения и прокручивающиеся разделители разделов. Мы также включили загружаемый файл JSON, если вы хотите пропустить пошаговое руководство. В папке вы также найдете графику верхнего и нижнего колонтитула как в PNG, так и в AI.
Давайте приступим к делу!
Предварительный просмотр
Давайте посмотрим на дизайн целевой страницы на экранах разных размеров.
Рабочий стол
Планшет
Мобильный
Загрузите целевую страницу виртуального саммита БЕСПЛАТНО
Чтобы получить бесплатный макет целевой страницы виртуального саммита, вам сначала нужно загрузить его, нажав кнопку ниже. Чтобы получить доступ к загрузке, вам необходимо подписаться на наш список рассылки Divi Daily, используя форму ниже. Как новый подписчик, вы будете получать еще больше добра Divi и бесплатный пакет Divi Layout каждый понедельник! Если вы уже есть в списке, просто введите ниже свой адрес электронной почты и нажмите «Загрузить». Вы не будете «повторно подписаны» или будете получать дополнительные электронные письма.
Скачать бесплатно
Подпишитесь на рассылку новостей Divi, и мы отправим вам по электронной почте копию окончательного пакета макетов целевой страницы Divi, а также множество других удивительных и бесплатных ресурсов, советов и приемов Divi. Следуйте за ним, и вы станете мастером Divi в кратчайшие сроки. Если вы уже подписаны, просто введите свой адрес электронной почты ниже и нажмите «Загрузить», чтобы получить доступ к пакету макетов.
Вы успешно подписались. Пожалуйста, проверьте свой адрес электронной почты, чтобы подтвердить подписку и получить доступ к бесплатным еженедельным пакетам макетов Divi!
Разделы целевой страницы виртуального саммита
Чтобы ваша целевая страница выполняла свою работу, ей нужен определенный набор разделов. Целевые страницы не только привлекают внимание зрителя, но и должны конвертироваться. Например, целевая страница виртуального саммита должна включать соответствующую информацию и призыв к действию. Все разделы должны плавно переходить от одного к другому, чтобы зритель почувствовал вдохновение действовать и подписаться.
Мы включили следующие разделы на целевую страницу виртуального саммита:
Заголовок
Раздел заголовка включает важную информацию, такую как название саммита и дата мероприятия. Это самая важная информация, поэтому она находится на самом верху. Ни один заголовок не будет полным без призыва к действию и простой навигации по остальной части страницы.
В наш дизайн мы включили две кнопки с якорными ссылками, которые переходят к разделам о спикерах и расписании. Самое главное, мы включили кнопку со ссылкой на раздел регистрации. На всей странице все кнопки «зарегистрироваться» выглядят одинаково, чтобы визуально обеспечить единство дизайна.
Информация
Второй раздел - это информационный раздел, который побуждает зрителя задуматься о посещении виртуального саммита. В дизайн мы добавили четыре размытия и изображение, которое можно легко преобразовать в видео. В аннотациях перечислены четыре причины, по которым стоит посетить саммит, а изображение (или видео) является визуальным подтверждением этого решения.
Спикеры
В следующем разделе вы найдете набор модулей для шести человек. Здесь вы представляете спикеров, которые будут участвовать в саммите. Каждый модуль включает в себя следующие элементы:
- Изображение
- Имя
- Позиция
- Описание
- Ссылки в социальных сетях
Обязательно введите всю необходимую информацию по каждому выступающему. Кроме того, попробуйте использовать такое же количество строк в основном тексте, чтобы дизайн выглядел четким. Как видите, мы использовали двухцветный цветовой эффект на всех фотографиях выступающих, чтобы придать дизайну интересный вид. Ниже приведено пошаговое руководство о том, как добиться этого эффекта в Photoshop.
Если у вас более шести динамиков, просто продублируйте ряд или клонируйте модули в ряды с большим или меньшим количеством столбцов.
Расписание
Раздел расписания следующий. В этой области мы элегантно поделились расписанием саммита и убедились, что он структурный. Чтобы сохранить стиль оформления текста, не забудьте изменить содержание, но не уровни заголовков. Старайтесь, чтобы контент был примерно одинаковой длины, чтобы дизайн оставался аккуратным.
Строки сгруппированы по дням с заголовком и группой аннотаций. Внизу последней колонки вы можете найти кнопку призыва к действию для регистрации аудитории.
регистр
И последнее, но не менее важное - это раздел регистрации. Мы включили таймер обратного отсчета, чтобы добавить срочности. Контактная форма должна быть напрямую связана с вашим списком ответов, чтобы каждый приглашенный регистрировался автоматически.
Во всем дизайне целевой страницы виртуального саммита вы найдете три кнопки, которые переходят в этот раздел для оптимизации лидогенерации.
Создайте карту двухцветного градиента в Photoshop
Открыть изображение в Adobe Photoshop
Если вы хотите имитировать двухцветные изображения в нашем дизайне, выполните следующие действия. Сначала откройте изображение в Photoshop.
Откройте настройки и выберите карту градиента
Откройте панель инструментов настройки и щелкните карту градиента. На вкладке свойств дважды щелкните полосу градиента, чтобы открыть всплывающее окно настроек.
Отрегулируйте цвета градиента
В настройках градиента дважды щелкните каждый цвет, чтобы изменить настройки.
Чтобы добиться эффекта нашего дизайна, настройте градиент следующим образом:
- Тип градиента: сплошной
- Гладкость: 100%
- Остановка непрозрачности №1: 100%.
- Остановка цвета # 2
- Темно-фиолетовый # 202060
- Позиция: 19%
- Середина:
- Средняя точка непрозрачности: 85%
- Средняя точка цвета: 50%
- Остановка непрозрачности №2: 55%.
- Цвет Stop #
- Фиолетовый # f895f8
- Позиция: 100%
Сохранить как настраиваемую карту градиента
Добавьте имя для вашего градиента и нажмите новый, чтобы сохранить его. Затем он будет сохранен в вашей библиотеке градиентов. Сохраните изображение для Интернета высотой 700 пикселей. Повторите процесс с любым количеством изображений, которое вам нужно. После применения карты градиента выберите сохраненный градиент.
1. Создайте раздел заголовка
Добавить новый раздел
Фон
Приступим к воссозданию целевой страницы виртуального саммита. Создайте новую страницу и откройте ее с помощью Divi Builder. Перед добавлением строк добавьте фоновое изображение и градиент в новый раздел. Вы найдете фоновый рисунок в загружаемой папке выше.
- Фоновый градиент
- Цвет 1: # 1f4068
- Цвет 2: # 202040
- Фоновое изображение: изображение заголовка
Размеры
Затем отрегулируйте минимальную высоту.
- Мин. Высота: 1050 пикселей
Интервал
Интервал тоже.
- Верхняя и нижняя обивка
- Стол и телефон: 90 пикселей
Видимость
Наконец, настройте параметры видимости на вкладке «Дополнительно».
- Горизонтальное и вертикальное переполнение: скрыто
Добавить новую строку
Структура столбца
Добавьте строку с тремя столбцами. Выберите структуру столбцов 1/2, 1/4, 1/4.
Размеры
Отрегулируйте размер ряда следующим образом:
- Ширина: 90%
- Максимальная ширина: 1800 пикселей
- Выравнивание: по центру
Интервал
\ Также добавьте верхнее поле.
- Верхнее поле: 200 пикселей
Столбец 2, 3 Настройки
Интервал
Измените настройки для столбцов 2 и 3. Сначала установите интервал.
- Верхнее поле: 30 пикселей
Видимость
Затем скройте столбцы на телефоне.
- Отключить на: Телефон
Добавить 1-й текстовый модуль в столбец 1
Текст
Добавьте первый текстовый модуль в столбец 1. Вставьте заголовок как содержимое H1.
- Тело: содержание H1
Текст заголовка
На вкладке «Дизайн» задайте следующий стиль для текста заголовка.
- Уровень заголовка: H1
- Шрифт: Alata
- Вес: жирный
- Выравнивание: по центру
- Цвет: Off White #eaeaea
- Размер
- Рабочий стол: 85 пикселей
- Таблетка: 70 пикселей
- Телефон: 44px
- Расстояние между буквами: 2 пикселя
- Высота линии: 1.1em
- Тень текста: 1-й вариант
- Цвет тени: rgba (o, 0,0,0.26)
Добавить 2-й текстовый модуль в столбец 1
Текст
Добавьте второй текстовый модуль. Вставьте дату как содержимое H2.
- Body: H2 Content, 15–16 июля 2020 г.
Текст заголовка
Затем стилизуйте текст заголовка.
- Уровень заголовка: H2
- Шрифт: Alata
- Вес: Обычный
- Выравнивание: по центру
- Цвет: Fucshia # b030b0.
- Размер
- Рабочий стол и планшет: 60 пикселей
- Телефон: 45 пикселей
- Высота линии: 1,3 м
Интервал
Также добавьте интервал.
- Нижний отступ: 20 пикселей
Добавить модуль кнопок в столбец 1
Текст
Добавьте модуль кнопки для призыва к действию.
- Кнопка: Зарегистрироваться
Ссылка
Добавьте якорную ссылку.
- URL ссылки: #Register
Выравнивание
Перейдите на вкладку дизайна и установите выравнивание.
- Расположение кнопок: по центру
Пользовательские стили кнопок
Создайте стиль и для кнопки.
- Размер текста
- Рабочий стол: 30 пикселей
- Таблетка: 25 пикселей
- Телефон: 20 пикселей
- Цвет текста: белый #ffffff
- Фон: Purple # 602080
- Радиус границы: 35 пикселей
- Расстояние между буквами: 1 пиксель
- Шрифт: Alata
Интервал
Наконец, отрегулируйте интервал.
- Верхнее поле
- Планшет и телефон: 15 пикселей
- Верхний отступ: 2 пикселя
Добавить модуль кнопок в столбец 2
Текст
Перейдите к столбцу 2 и добавьте модуль кнопок. Добавьте копию по вашему выбору.
- Кнопка: Динамики
Ссылка
Затем добавьте якорную ссылку.
- URL ссылки: #Speakers
Выравнивание
На вкладке дизайна установите выравнивание.
- Выравнивание кнопок
- Рабочий стол: справа
- Планшет и телефон: Центр
Пользовательский стиль кнопки
Также настройте стили пользовательских кнопок.
- Размер текста: 24 пикс.
- Цвет текста: белый #ffffff
- Фон: Прозрачный
- Расстояние между буквами: 1 пиксель
- Шрифт кнопки: Alata
- Радиус границы: 0 пикселей
Коробка Тень
Наконец, добавьте тень блока.
- Box Shadow: 4-й вариант
- Горизонтальное положение: 0 пикселей
- Вертикальное положение: 5 пикселей
- Цвет тени: Фуксия: # b030b0
Клонировать модуль кнопки в столбец 3
Кнопка клонирования
Скопируйте кнопку в столбце 2 и поместите дубликат модуля в столбец 3.
Настроить кнопочный модуль
Текст
Измените текст в клонированной кнопке.
- Кнопка: Расписание
Ссылка
Измените также якорную ссылку.
- URL ссылки: #Schedule
Выравнивание
Не забудьте также изменить выравнивание.
- Выравнивание кнопок
- Рабочий стол слева
Добавить новую строку
Структура столбца
Добавьте новую строку с двумя равными столбцами.
Размеры
Сначала отрегулируйте ширину желоба.
- Пользовательская ширина желоба: 2
Интервал
Далее добавьте интервал.
- Верхнее поле
- Телефон: -35px
Видимость
Затем отрегулируйте видимость строки.
- Отключить: планшет и рабочий стол
Клонировать модуль кнопки и поместить дубликат в столбец 1
Кнопка клонирования
Клонируйте модуль кнопки в столбце 2 предыдущей строки и поместите дубликат модуля в столбец 1 новой строки.
Настроить кнопочный модуль
Пользовательский стиль кнопки
Отрегулируйте текст в новой кнопке.
- Размер текста: 20 пикселей
Коробка Тень
Измените также тень блока.
- Вертикальное положение: 4 пикселя
Добавить клонированный модуль кнопки в столбец 2
Кнопка клонирования
Дублируйте модуль кнопок из столбца 3 предыдущей строки. Вставьте его во второй столбец этой строки.
Настроить кнопочный модуль
Текст
Отрегулируйте текстовое содержимое в клонированной кнопке.
- Текст: Расписание
2. Создайте информационный раздел.
Добавить новый раздел
Фон
Чтобы создать информационный раздел, добавьте новый раздел и сначала стилизуйте фон.
- Фоновый градиент
- Цвет 1: # 202040
- Цвет 2: # 202060
Интервал
Также добавьте отступы.
- Верхний отступ: 170 пикселей
- Нижний отступ: 5 пикселей
Видимость
Наконец, настройте параметры видимости на вкладке «Дополнительно».
- Горизонтальное и вертикальное переполнение: скрыто
Добавить новую строку
Структура столбца
Добавьте новую строку с одним столбцом. Мы назовем это строкой заголовка.
Размеры
Далее установите размер.
- Ширина: 80%
- Максимальная ширина: 1800 пикселей
Добавить текстовый модуль
Текст
Добавьте текстовый модуль.
- Body: H2 Content - Зачем посещать виртуальный саммит по цифровому маркетингу?
Текст заголовка
На вкладке «Дизайн» задайте стиль для текста заголовка.
- Уровень заголовка: H2
- Шрифт: Alata
- Цвет текста: белый #ffffff
- Размер
- Рабочий стол: 55 пикселей
- Таблетка: 45 пикселей
- Телефон: 40 пикселей
- Расстояние между буквами: 2 пикселя
- Высота линии: 1,1 см
Добавить модуль разделителя
Линия
Теперь добавьте модуль разделителя и задайте стиль линии на вкладке дизайна.
- Цвет линии: фуксия # b030b0
Размеры
Затем отрегулируйте размер.
- Вес разделителя: 50 пикселей
- Максимальная высота: 50 пикселей
Эффекты прокрутки
На вкладке «Дополнительно» добавьте эффект горизонтальной прокрутки.
- Включить горизонтальное движение
- Рабочий стол
- Начальное смещение: -6
- Среднее смещение: 50% / 0
- Конечное смещение: 6
- Планшет и телефон
- Заявление смещения: -4
- Среднее смещение: 50% / 0
- Конечное смещение: 4
Добавить новую строку
Структура столбца
Теперь добавьте новую строку с тремя столбцами. Выберите структуру столбцов 1/2, 1/4, 1/4.
Размеры
Перед добавлением модулей настройте размер строки.
- Ширина: 80%
- Максимальная ширина: 1800 пикселей
Столбец 1 Настройки
Интервал
Также отрегулируйте интервал первого столбца.
- Верхний отступ: 20 пикселей
Добавить модуль изображения в столбец 1
Изображение
Теперь добавьте модуль изображения в столбец 1. Используйте одно из изображений с эффектом дуплекса.
- Изображение: фотография с эффектом двухцветного изображения.
Граница
Отрегулируйте также границы.
- Закругленные углы: 15 пикселей
Добавить модуль Blurb в столбец 2
Текст
Перейдите к столбцу 2 и добавьте модуль аннотации. Вставьте содержимое.
- Заголовок: Новые связи
- Тело: описательное содержание
Изображение
Загрузите изображение номер 1, которое вы можете найти в папке для загрузки.
- Изображение: PNG №1
Изображение и значок
Затем отрегулируйте размещение изображения.
- Размещение: сверху
- Выравнивание: по левому краю
Текст заголовка
Также стилизуйте текст заголовка.
- Уровень заголовка: H4
- Шрифт: Alata
- Цвет: белый #ffffff
- Размер: 23 пикс.
Основной текст
Не забудьте стилизовать основной текст.
- Шрифт: Open Sans
- Цвет: белый #ffffff
- Размер: 14 пикселей
- Расстояние между буквами: 1 пиксель
Пользовательские CSS
Наконец, добавьте дополнительные отступы с помощью пользовательского CSS к заголовку рекламного объявления на вкладке «Дополнительно».
- Заголовок рекламного объявления: padding-bottom: 15px;
padding-bottom: 15px;
Клонировать модуль Blurb и поместить дубликат в столбец 2
Clone Blurb
Дублируйте 1-е объявление в столбце 2.
Содержание
Обновите контент.
- Название: Новое название
- Тело: новый описательный текст
Изображение
Затем измените изображение числа. Вы можете найти новый в скачиваемой папке.
- Изображение: PNG из №2
Удалить столбец 3 и клонировать столбец 2
Клонировать столбец
В настройках строки удалите 3-й столбец и продублируйте 2-й. Убедитесь, что вы вернули структуру столбцов к 1/2, 1/4, 1/4.
Отрегулируйте Blurb 1 в столбце 3
Содержание
Обновите текстовое содержание клонированного рекламного объявления.
- Название: Новое название
- Тело: новый описательный текст
Изображение
Также измените изображение числа.
- Изображение: PNG из №3
Отрегулируйте Blurb 2 в столбце 3
Содержание
Измените также и содержание этого рекламного объявления. Сначала текст.
- Название: Новое название
- Тело: новый описательный текст
Изображение
Затем измените изображение числа.
- Изображение: PNG из №4
3. Создайте секцию докладчиков.
Добавить новый раздел
Фон
Переходим к разделу о спикерах. Добавьте новый раздел и задайте стиль фона.
- Фоновый градиент
- Цвет 1: # 202060
- Цвет 2: # 162447.
Видимость
Настройте параметры видимости на вкладке «Дополнительно».
- Горизонтальное и вертикальное переполнение: скрыто
Клонировать строку заголовка и поместить дубликат в новый раздел
Повторяющаяся строка
Дублируйте строку заголовка из раздела выше и поместите дубликат в клонированный раздел. Назовем это строкой заголовка 2.
Настроить текстовый модуль
Текст
Затем задайте стиль для параметров текста H3 на вкладке «Дизайн». Также настройте идентификатор CSS в клонированном текстовом модуле. Затем измените цвет линии модуля делителя. Теперь добавьте новый ряд с 5 модулями одинакового размера. Отрегулируйте размер ряда следующим образом: Также добавьте интервал. Добавьте модуль от первого лица в столбец 1. Загрузите изображение динамика с цветовым эффектом. Мы рекомендуем размер изображения 550 x 770 пикселей. Затем добавьте закругленные углы к изображению. Затем стилизуйте текст заголовка. Также стилизуйте основной текст. Не забывайте текст позиции. Наконец, добавьте собственный CSS для дополнительного заполнения. В настройках строки удалите столбцы 2-5. Дублируйте столбец 1 четыре раза. Обновите содержимое всех клонированных модулей. Сначала текст. Затем изображение. Теперь создадим раздел расписания. Добавьте новый раздел и стилизуйте фон следующим образом: Настройте параметры видимости на вкладке «Дополнительно». Скопируйте строку заголовка из раздела выше и вставьте его в этот раздел. Измените содержание заголовка. Измените идентификатор CSS в клонированном текстовом модуле. Также измените цвет разделителя. Теперь добавьте новую строку с тремя столбцами одинакового размера. Отрегулируйте размер ряда. Также добавьте интервал. Добавьте текстовый модуль в первый столбец. Вставьте содержимое. Перейдите на вкладку «Дизайн» и задайте стиль для текста заголовка. Затем добавьте интервал. Теперь добавьте модуль призыва к действию с некоторым содержанием по вашему выбору. Также добавьте фон изображения. На вкладке «Дизайн» задайте стиль для текста заголовка. Затем стилизуйте основной текст. Также добавьте интервал. Затем нарисуйте границу. Наконец, добавьте собственный CSS для дополнительного стиля. Перейдите к столбцу 2 и добавьте текстовый модуль. Следуйте этой структуре контента: На вкладке «Дизайн» задайте стиль для текста. Затем стилизуйте все уровни заголовков. Также стилизуйте границу. Дважды продублируйте 1-й текстовый модуль. Измените содержимое в клонированных текстовых модулях. Удалите границу последнего модуля в столбце. В настройках строки удалите столбец 3. Дублируйте столбец 2. Сотрите 3-й текстовый модуль в клонированном столбце. Обновляйте содержимое в каждом новом текстовом модуле. Скопируйте кнопку «зарегистрироваться» в разделе заголовка и вставьте ее под последним текстовым модулем в столбце 3. Измените выравнивание кнопки влево. Немного отрегулируйте размер текста. Дублируйте 1-ю строку в разделе расписания. Измените содержимое в клонированном текстовом модуле. Отрегулируйте содержание модуля призыва к действию. Также измените фоновое изображение. Также настройте содержимое текстовых модулей. Последний раздел посвящен регистрации. Добавьте новый раздел и стилизуйте фон следующим образом. Вы найдете изображение нижнего колонтитула в папке для загрузки выше. Также отрегулируйте интервал между секциями. И измените настройки видимости в расширенной вкладке. Теперь добавьте новую строку с одним столбцом. Добавьте невидимый разделитель, который будет служить якорной ссылкой для раздела. Вставьте идентификатор CSS, который ссылается на все кнопки «регистрации». Добавьте вторую строку с двумя равными столбцами. Отрегулируйте настройки размера строки. Добавьте модуль таймера обратного отсчета в первый столбец. Добавьте содержание и дату мероприятия. Далее задайте стиль фона. На вкладке «Дизайн» задайте стиль для текста заголовка. Также стилизуйте текст чисел. Также текст метки. Затем отрегулируйте размер ряда. Также добавьте отступы. Наконец, стилизуйте границу. Добавьте новый модуль контактной формы в столбец 2. Удалите поле сообщения. Введите настройки для каждого поля. На вкладке «Дизайн» под макетом нажмите «Сделать полную ширину». Проделайте то же самое со вторым полем. Вернитесь к общим настройкам контактной формы и добавьте контент. Затем стилизуйте поля следующим образом: Также стилизуйте текст заголовка. Настройте также пользовательские стили кнопок. Не забудьте настроить радиус границы. Наконец, добавьте собственный CSS для дополнительного заполнения. Были сделаны! Давайте еще раз посмотрим на дизайн целевой страницы для разных размеров экрана. Ты сделал это! Как выглядит ваша целевая страница виртуального саммита? Используйте этот дизайн для своего собственного виртуального саммита или для клиента веб-дизайна. Навигация оптимизирована для конвертации с нужным количеством информации. Мы также добавили разделители прокручиваемых разделов для визуального дополнения. Дайте нам знать, что вы думаете, в комментариях. Вы скачали макет или выполнили действия?
Текст заголовка
Пользовательские CSS
Отрегулируйте разделитель
Линия
Добавить новую строку
Структура столбца
Размеры
Интервал
Добавить модуль Person в столбец 1
Текст
Изображение
Изображение
Текст заголовка
Основной текст
Позиционировать текст
Пользовательские CSS
padding-bottom: 10px;
padding-bottom: 20px;
padding-bottom: 20px;
Повторяющийся столбец 1
Клонировать столбец
Настроить контент для новых пользовательских модулей
Текст
Изображение
4. Создайте раздел расписания.
Добавить новый раздел
Фон
Видимость
Клонировать строку заголовка 2
Повторяющаяся строка
Настроить текстовый модуль
Текст
Пользовательские CSS
Отрегулируйте разделитель
Линия
Добавить новую строку
Структура столбца
Размеры
Интервал
Добавить текстовый модуль в столбец 1
Текст
Текст заголовка
Интервал
Добавить призыв к действию в столбец 1
Текст
Фон
Текст заголовка
Основной текст
Интервал
Граница
Пользовательские CSS
border-radius: 15px;
background-color: #162447;
margin-top: 500px;
padding-bottom: 40px;
padding-bottom: 40px;
background-color: #q62447;
margin-top: 500px;
padding-bottom: 40px;
padding-bottom: 40px;
Добавить текстовый модуль в столбец 2
Текст
Текст
Текст заголовка
Граница
Клонировать текстовый модуль 2 раза
Клонировать текстовый модуль
Настроить новые текстовые модули
Текст
Удалить границу третьего текстового модуля
Граница
Удалить столбец 3 и клонировать столбец 2
Клонировать столбцы
Удалить и настроить текстовые модули
Удалить текстовый модуль
Настроить контент
Клонировать модуль кнопки и поместить дубликат в столбец 3
Кнопка клонирования
Настроить кнопочный модуль
Выравнивание
Пользовательский стиль кнопки
Клонировать первую строку раздела расписания
Clone Row
Настроить текстовый модуль в столбце 1
Текст
Настроить модуль призыва к действию
Текст
Фон
Настроить текстовые модули
Текст
5. Создайте раздел реестра.
Добавить новый раздел
Фон
Интервал
Видимость
Добавить новую строку
Структура столбца
Добавить модуль разделителя
Видимость
CSS ID
Добавить новую строку
Структура столбца
Размеры
Добавить модуль таймера обратного отсчета в столбец 1
Текст
Фон
Текст заголовка
Числа Текст
Текст метки
Размеры
Интервал
Граница
Добавить модуль контактной формы в COlumn 2
Элементы
Расположение полей
Текст
Поля
Текст заголовка
Пользовательские стили кнопок
Граница
Пользовательские CSS
padding-bottom: 30px;
Предварительный просмотр
Рабочий стол
Планшет
Мобильный
Это обертка