Divi Product Spotlight: DiviCity

by | May 7, 2023 | Etcetera | 0 comments

DiviCity is a one-page Divi layout available inside the Divi Marketplace. It has a versatile design that can be used for various quite a lot of forms of web websites and is completely responsive and customizable. In this product highlight, we’ll take a look at the DiviCity layout and have the same opinion you decide if it’s the fitting layout for you.

Let’s get started!

Putting in place DiviCity

DiviCity comes as a ZIP record containing Divi Visual Builder .json knowledge. To place within the layout, get began thru unzipping the record. Next, open your internet web page inside the Divi Builder.

Click on at the portability chance at the bottom of the internet web page and select the import tab. Then select the .json record for the DiviCity layout and get started importing the layout. As quickly because the layout has been imported, all you wish to have to do is exchange the content material subject material with your personal, and your website online is complete!

Divi Product Highlight: DiviCity Install


DiviCity consists of a one-page Divi Builder layout. It comes with not one of the demo footage, so I added my own for the purpose of this article. Let’s take a look at the sections that come with this layout!

DiviCity Header Section

The header consists of a giant image with an angled divider at the bottom. The header has choices subheader and header text, along with a button. The text features a loading animation have an effect on. Two bins overlay the bottom of the header phase. Each and every box contains some heading text, a divider line, body text, and a button. The ones bins also have a loading animation and magnify on hover. After all, there are 4 blurb modules underneath with an icon, heading text, and body text. The blurb modules reveal one at a time since the internet web page so much. This heading layout can be merely customized with your personal footage and content material subject material to create a great-looking, horny heading phase that gives your visitors key information about what you are promoting at a glance.

See also  What’s Omnichannel Advertising and marketing? A Entire Information to Getting Began

Divi Product Highlight DiviCity Heading

DiviCity About Section

The about phase has some introduction text, a header on the left, and an image at the correct. Both a kind of portions have a fade-in animation and switch into the center. Underneath are 3 fullwidth sections that serve as an image and a text block with a heading and a couple of body text. Each and every of the ones sections have a loading animation have an effect on as smartly.

Divi Product Highlight: DiviCity About

DiviCity Blog Section

By means of default, the blog phase features a simple recent posts module file 3 recent posts with the featured image and publish wisdom. There may be some heading text and body text in this phase. This phase choices fade-in animation.

Divi Product Highlight: DiviCity Blog

Alternatively, you’ll be capable to succeed in the design featured inside the layout demo thru setting up the loose Divi Article Playing cards plugin. As quickly because the plugin is installed and activated to your web page, open the Divi 100 settings from the WordPress dashboard menu. Flip at the merchandise card, then click on on save.

Divi Product Highlight: DiviCity Article Card Setup

Now the blog modules on the DiviCity internet web page should look something similar to the layout above.

Divi Product Highlight: DiviCity Blog 2

DiviCity Numbers Section

The numbers phase choices 4 bar counters on an image background — the volume counters load since the internet web page so much.

Divi Product Highlight: DiviCity Numbers

DiviCity What to Do Section

This phase features a heading and a couple of body text. There are two sub-sections underneath this, each with an image, a heading, and body text. This phase is an overly versatile layout that can be used to turn choices, services and products and merchandise, or other facets of what you are promoting.

See also  Insourcing vs. Outsourcing: The whole thing You Wish to Know

Divi Product Highlight: DiviCity What To Do

DiviCity Where to Do It Section

This phase may be versatile and features a heading, body text, and three blurbs with an image, some text, some transient description text, and a border that appears on hover. The image zooms in on hover as smartly. You can use the ones blurbs to link to some other internet web page or phase to your website online, or to simply display some choices or wisdom.

Divi Product Highlight: DiviCity Where to Do It

DiviCity Discuss with Us Section

Next, the Discuss with Us phase choices six blurb modules, each with an icon, heading text, and body text. You’ll be capable to customize this phase to focus on further choices or facets of your services and products and merchandise or to break up dense text with separate headings and icons. The blurb modules all serve as a zoom-in animation.

Divi Product Highlight: DiviCity Visit Us

DiviCity Contact Section

After all, the contact phase begins with an orange strip that has 3 social media icons. Underneath is the contact form phase with large heading text on the left and the form at the correct. The contact phase has a large image background with a gloomy overlay. This phase moreover features a flip-loading animation have an effect on, and the social media icons fade in.

Divi Product Highlight: DiviCity Contact

DiviCity Cell Layout

DiviCity is completely tablet and mobile-responsive. Let’s take a look at the mobile type of a few sections.

First is the header phase, with a large image background, heading text, and button. The principle text box overlays the header and the rest of the header phase contents follow underneath.

Divi Product Highlight: DiviCity Mobile Header

This is part of the mobile about phase with footage separated thru some sections with text.

See also  Avail Ivacy VPN’s Black Friday Deal & Get 90% Off

Divi Product Highlight: DiviCity Mobile About

That’s the mobile type of the “Where to Do It” phase. It has a large image on the most efficient, heading text, body text, then 3 footage with a label on each.

Divi Product Highlight: DiviCity Mobile Where to Do It

And in spite of everything, that’s the mobile footer. Identical to the desktop type, it choices an orange bar with social media icons, followed throughout the footer phase with an image background, text, and the contact form.

Divi Product Highlight: DiviCity Mobile Contact

Gain DiviCity

DiviCity is available inside the Divi Market. It costs $19 for endless website online usage and lifetime updates. The associated fee moreover includes a 30-day money-back ensure that.

DiviCity review

Final Concepts

DiviCity is a simple and great-looking website online layout that is extraordinarily versatile. Because it’s built with Divi, the layout is easy and intuitive to customize to your non-public use. The loading animations and hover effects all over the layout look super and cohesive and aren’t too distracting from the internet web page content material subject material or usability. I moreover like the use of large footage across the design along with the typography used inside the layout. For those who’re looking for a simple one-page website online layout to your next Divi problem, this might be the fitting product for you.

We wish to concentrate to from you! Have you ever ever tried DiviCity? Let us know what you believe it inside the comments!

The publish Divi Product Spotlight: DiviCity seemed first on Chic Topics Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment

Your email address will not be published. Required fields are marked *