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!
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.
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.
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.
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.
Now the blog modules on the DiviCity internet web page should look something similar to the layout above.
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.
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.
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.
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.
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.
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.
This is part of the mobile about phase with footage separated thru some sections with text.
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.
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.
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 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.