Выделение плагина Divi: домашняя страница 25 Divi Layout Pack

Домашняя страница 25 Divi Layout Pack — это пакет макетов с 25 различными макетами домашней страницы, которые работают с конструктором Divi. Пакеты макетов созданы с учетом различных типов бизнеса, но все пакеты макетов могут быть полностью настроены и достаточно гибки, чтобы соответствовать любому типу сайта, который вам нужно разработать. В этом посте мы рассмотрим все макеты, которые поставляются с этим пакетом макетов, чтобы помочь вам решить, подходит ли вам этот продукт.

Давайте начнем!

Установка Homepage 25 Divi Layout Pack

Домашняя страница 25 Divi Layout Pack поставляется в виде ZIP-файла, содержащего файлы Divi Builder .json. Чтобы установить макеты слайдера, начните с разархивирования файла. Затем откройте свою страницу в Divi Builder.

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

Домашняя страница 25 Divi Layout Pack

Давайте взглянем на каждый из 25 макетов, которые вы получаете с Homepage 25 Divi Layout Pack.

Архитектор Макет

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

Схема авторемонта

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

Макет салона красоты

Макет салона красоты отличается элегантным макетом с множеством анимаций загрузки. Страница начинается с большого заголовка с призывом к действию с адресом, электронной почтой и телефонной информацией, удобно перечисленными ниже. Далее следует раздел услуг с вводным текстом и списком услуг поверх изображений, которые имеют эффект затемнения при наведении. Есть кнопка для просмотра информации о ценах и скидка 25% с кнопкой для просмотра. Ниже приведены два отзыва клиентов и список логотипов. Наконец, есть форма бронирования, а в нижнем колонтитуле есть ссылки на социальные сети.

Бизнес-макет 1

Бизнес-макет 1 начинается с раздела заголовка с текстом, номером телефона и контактной формой, наложенной на большой фон с фотографией. Есть раздел о нас с текстом, фотографией и значком, а также кнопкой CTA. Далее в разделе услуг представлены три услуги с описанием, фотографией и призывом к действию. Есть таблица цен и раздел «Почему выбирают нас» с иконками и кнопками CTA. В макете также есть раздел галереи и раздел часто задаваемых вопросов. Нижний колонтитул содержит контактную информацию и часы работы на большом изображении.

Бизнес-макет 2

Business Layout 2 имеет изображение заголовка со значками социальных сетей, текстом, кнопкой CTA и тремя модулями рекламных объявлений, которые кратко передают информацию о компании в верхней части страницы. В разделе услуг представлены три услуги с фотографией, текстом и кнопкой CTA. В разделе «О компании» слева есть текст и кнопка CTA, а справа — две фотографии, а также число, обозначающее количество лет в бизнесе. За этим следует большая полоса галереи, а также раздел часто задаваемых вопросов. Последний раздел на странице представляет собой контактную форму вместе с контактной информацией. Этот макет также содержит много анимации загрузки по всему дизайну.

Бизнес-макет 3

Третий бизнес-макет имеет большое изображение заголовка с текстом, кнопку CTA и несколько значков рекламных объявлений справа. Раздел о нас ниже содержит текст, отзыв клиента и фотографию. Раздел услуг имеет дизайн, аналогичный Business Layout 2. За ним следует раздел галереи, а также отзывы клиентов и часто задаваемые вопросы. Нижний колонтитул содержит контактную информацию и часы работы, а также контактную форму.

Бизнес-макет 4

Business Layout 4 имеет более простой заголовок с текстом и синий баннер внизу с текстом и кнопкой CTA. Раздел «О нас» содержит текст, изображение, кнопку CTA и номер телефона. Раздел сервисов отображает каждый сервис с изображением и строкой текста. В этом макете есть раздел «Почему выбирают нас» с модулями рекламных объявлений и приятным эффектом наведения. Далее идет таблица цен и раздел галереи, а затем несколько отзывов клиентов. Наконец, в последнем разделе есть контактная форма и значки социальных сетей.

Бизнес-макет 5

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

Бизнес-макет 6

Business Layout 6 начинается с большого заголовка изображения с текстом и кнопкой CTA в белой рамке. Раздел «О программе» содержит текст, кнопку CTA и два круглых изображения. В разделе услуг перечислены шесть карточек, каждая с изображением и текстом. Далее следует раздел галереи, затем отзывы клиентов и часто задаваемые вопросы. Наконец, контактная информация указана внизу страницы.

Бизнес-макет 7

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

Бизнес-макет 8

Этот макет имеет поле над большим изображением заголовка, которое содержит текст и кнопку CTA. Раздел о нас тоже простой, с кнопкой над большим изображением и текстом справа. В разделе услуг есть значок над каждым изображением, место для текста и кнопка CTA для каждой услуги. В таблице цен есть место для 4 различных тарифных планов и включает значок для каждого плана, а также текст и кнопку CTA. В разделе «Почему выбирают нас» отображаются модули рекламных объявлений с большими значками, наложенными на фоновое изображение. Наконец, на странице есть раздел галереи, раздел обзора, раздел часто задаваемых вопросов и заканчивается контактной формой и ссылками на социальные сети.

Бизнес-макет 9

Business Layout 9 имеет простой заголовок с текстом и кнопку CTA. На странице о нас есть текст, кнопка и изображение с правой стороны. Далее в разделе услуг перечислены некоторый текст, кнопка CTA и изображение с наложенным значком. В этом макете также есть таблица цен и раздел «Почему выбирают нас» с модулями рекламных объявлений, за которым следует раздел галереи, отзывы клиентов и часто задаваемые вопросы. Наконец, страница заканчивается контактной информацией и часами работы.

Бизнес-макет 10

Наконец, последний бизнес-макет имеет изображение заголовка с текстом заголовка на цветном фоне. В разделе «О нас» есть текст, кнопка призыва к действию и изображение. В разделе услуг есть три карточки, по одной для каждой услуги, с текстом и кнопкой CTA. Таблица цен представляет собой четырехуровневую таблицу цен, которую мы видели в макете 8, за которой следует раздел «Почему выбирают нас» с модулями-аннотациями со значками. В макете также есть раздел галереи, отзывы клиентов и часто задаваемые вопросы. И, наконец, макет заканчивается ссылками на социальные сети и контактной формой.

План танцевальной студии

Макет танцевальной студии выполнен в розово-серой цветовой палитре и использует привлекательные фотографии. Заголовок содержит значок и текст заголовка на розовом фоне поверх затемненного изображения. Раздел «О программе» содержит текст, кнопку CTA и изображение. Ниже есть три поля со значком, в которых перечислены три танцевальных стиля. Раздел танцевального курса представляет собой раздел в стиле коллажа с изображениями и карточками с информацией о курсе и кнопкой CTA на них. В разделе танцевальных классов есть две карточки с двумя наборами информации о классе. Наконец, есть слайдер отзывов клиентов, а страница заканчивается контактной формой и контактной информацией.

Макет модного магазина

Макет модного магазина имеет разделенный заголовок с текстом и кнопкой призыва к действию слева и изображением справа. Далее следует список логотипов и больших изображений, которые ссылаются на разные страницы магазина. Ниже есть несколько логотипов и текста, которые представляют различные услуги магазина, такие как бесплатная доставка и поддержка клиентов. Далее идет раздел последних продуктов, в котором используется модуль Woo Products, который работает с WooCommerce. Существует еще один разделенный раздел изображения / текста, рекламирующий ежедневные скидки с кнопкой CTA, за которой следуют отзывы и форма регистрации по электронной почте для получения скидки.

Фитнес макет

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

Макет мебельного магазина

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

Макет садовника

Макет садовника начинается с большого изображения цветов со значками социальных сетей, текстом заголовка и кнопкой CTA. Накладываются три рекламных модуля с тремя услугами. Раздел «О программе» содержит текст и кнопку CTA слева, а значок и изображение — справа. Далее идет раздел «Почему выбирают нас» со стрелками и текстом с эффектом наведения. Раздел «Наши работы» содержит галерею, а страница заканчивается контактной формой и контактной информацией.

Макет зеленой энергии

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

Планировка тренажерного зала

В макете тренажерного зала используется черно-синяя и белая цветовая схема с множеством анимаций загрузки. Заголовок представляет собой большое изображение с текстом заголовка и кнопкой, а внизу заголовка есть две дополнительные кнопки. Далее идет раздел услуг с текстом описания, кнопкой CTA и изображением для каждой услуги. В разделе «Наши тренеры» есть изображение с текстом справа и кнопка CTA. Ниже представлена ​​информация о тренажерном зале, занятиях и онлайн-тренировках. Затем идет раздел с большим изображением, посвященным фитнес-услугам, за которым следует еще один раздел с текстом, описывающим планы членства. В разделе «Почему выбирают нас» есть гистограмма навыков, отзывы клиентов и четыре модуля счетчика чисел. Затем следует раздел часто задаваемых вопросов и раздел контактов с контактной формой и контактной информацией.

Разнорабочий Макет

Этот макет включает в себя заголовок с текстом заголовка, кнопку CTA и модули рекламных объявлений с контактной информацией. В разделе «О нас» есть текст, круглое изображение и отзыв клиента. Услуги представлены на цветном фоне с текстом и кнопкой CTA. Далее идет раздел «Почему выбирают нас» со стрелками и текстом, кнопкой CTA, номером телефона и круглым изображением. Раздел «Наши работы» представляет собой раздел галереи, за которым следует контактная форма, контактная информация и нижний колонтитул.

Дизайнер интерьера Dark Layout

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

Дизайнерский световой макет интерьера

А это облегченная версия дизайнерского макета интерьера. Макет точно такой же, как и в темной версии, но основной цвет фона — светлый.

Макет фотографии

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

Макет туристического агентства

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

Купить домашнюю страницу 25 Divi Layout Pack

Домашняя страница 25 Divi Layout Pack доступен на Divi Marketplace. Это стоит 19,99 долларов США за неограниченное использование веб-сайта и пожизненные обновления. Цена также включает 30-дневную гарантию возврата денег.

Последние мысли

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

Мы были бы рады получить известия от вас! Вы пробовали Homepage 25 Divi Layout Pack? Дайте нам знать, что вы думаете об этом в комментариях!