Телефоны и адрес Шаблон

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

Разделенный контактный блок с несколькими каналами связи

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

Такое сочетание — весомый повод предпочесть этот блок более простому контактному макету. Он не перегружен крупной сеткой карточек и не сводится к одной лишь форме: вместо этого смысловое изображение гармонично сбалансировано с лаконичной панелью контента и отдельной строкой с двумя контактными пунктами. Черный фон усиливает контраст вокруг белой панели, а оранжевые акценты в заголовке, кнопке и иконках визуально объединяют функциональные составляющие. Итог прекрасно подойдет для секции, призванной передавать контактные данные, привлекать подписчиков на рассылку и сохранять чистоту структуры с опорой на визуал без ощущения перегруженности. Примерный контент можно легко заменить, сохранив эффективность исходной компоновки.

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

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

Скачать

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

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

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

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

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

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

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

Более 15 000 шаблонов

Легкое перетаскивание

Без программирования

Адаптивность

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

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

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

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

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

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

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

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

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

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

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