Свяжитесь с нами блок с формой Шаблон

Фотография офиса во всю ширину служит фоном для отцентрированной контактной композиции из двух визуально разделенных карточек. На верхней белой скругленной карточке размещены заголовок «Свяжитесь с нами», поясняющий текст и два пункта с иконками: адрес офиса и телефон. Ниже расположена бирюзовая скругленная карточка с заголовком «Получите бесплатный расчет стоимости», за которым следуют элементы управления для ввода имени, адреса электронной почты, сообщения и согласия с условиями. Кнопка «Отправить запрос» наделяет секцию понятным целевым контактным действием. В совокупности изображение, перекрывающиеся панели, коралловые акценты и просторные отступы создают выразительную альтернативу обычному макету, состоящему только из формы.

Многоуровневые карточки контактов делают секцию выразительной

Главное дизайнерское решение этого блока — взаимодействие фонового изображения и панелей. Монохромная фотография офиса занимает верхнюю часть фона, а белая скругленная карточка перекрывает ее нижний край, формируя отчетливый передний план. На этой карточке размещен заголовок «Свяжитесь с нами», пояснительный контактный текст и два пункта с иконками: адрес офиса и телефон. В результате блок выглядит визуально более индивидуально, чем простая колонка контактов, поскольку практическая информация привязана к четкой границе изображения.

Нижняя бирюзовая карточка добавляет дизайну второй функциональный уровень. Заголовок «Получите бесплатный расчет стоимости» открывает отдельную форму с элементами для ввода имени, адреса электронной почты, сообщения и подтверждения согласия с условиями, после которых следует кнопка действия «Отправить запрос». Переход от белого цвета к бирюзовому отделяет контакты для связи от сбора заявок на расчет стоимости, сохраняя обе эти функции в рамках единой непрерывной секции. Коралловые иконки и акценты на кнопках служат повторяющимся элементом, объединяющим контрастирующие между собой поверхности.

Этот шаблон станет удачным выбором, если странице требуется контактная зона, сочетающая визуальную выразительность с возможностью взаимодействия. Вертикальное расположение карточек обеспечивает удобство чтения и делает форму запроса расчета понятной логической точкой в структуре страницы, а скругленные карточки и фотография офиса предлагают самобытную альтернативу стандартному двухколоночному макету контактов.

Настроить с помощью Nicepage

При использовании Конструктор шаблонов вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.

Редактировать шаблон в автономном режиме

1. Загрузите и установите приложение Nicepage для Windows и Mac. Или плагины WordPress и Joomla из страница загрузки
2. Создайте новую страницу или выберите существующую.
3. Нажмите "Добавить новый блок", найдите идентификатор 2364414 и нажмите "Ввод".

Редактировать шаблон онлайн

Запустите Онлайн-конструктор чтобы редактировать этот шаблон на нашем хостинге

Создавайте потрясающие сайты

WordPress Plugin WordPress
Windows Application Windows App
Joomla Plugin Joomla
Mac OS Application Mac OS App
HTML5 HTML5
Online Builder Online

Бесплатный конструктор Nicepage Builder

Более 15 000 шаблонов
Легкое перетаскивание
Без программирования
Адаптивность

Ключевые слова


Начните с готового шаблона

Выберите дизайн для новой страницы

Используйте готовый шаблон в качестве отправной точки, вместо того чтобы создавать каждую страницу с нуля. При добавлении новой страницы в Nicepage просмотрите доступные дизайны, сравните различные макеты и выберите вариант, который уже соответствует общему назначению и визуальному направлению вашего проекта.

Просмотрите различные дизайны страниц

Изучите Дизайны страниц, используя поиск, тематические категории, наборы дизайнов и предварительный просмотр страниц. Коллекция включает макеты для различных тем и целей страниц, что упрощает сравнение альтернатив перед выбором дизайна для настройки.

Настройте выбранный шаблон

После выбора дизайна создайте страницу и продолжите ее визуальное редактирование в Nicepage. Замените демонстрационный контент, настройте изображения, типографику, цвета, разделы и другие элементы, а также адаптируйте готовый макет к своему собственному контенту, вместо того чтобы перестраивать дизайн с нуля.

Изучите другие варианты дизайна

Если первый вариант не совсем подходит для вашего проекта, вернитесь к коллекции дизайнов и сравните другие шаблоны, прежде чем выбрать макет. Это делает библиотеку шаблонов полезной не только для более быстрого создания страниц, но и для изучения различных визуальных подходов и поиска подходящей отправной точки для нового проекта.

Этот рабочий процесс предоставляет вам доступ к широкой коллекции готовых дизайнов, которые можно выбирать, сравнивать и настраивать в соответствии с потребностями каждой новой страницы или проекта.

Выбор шаблона в диалоговом окне «Новая страница» на Nicepage

Больше от Предпринимательское право Шаблоны