DiviCity is a one-page Divi format to be had within the Divi Market. It has a flexible design that can be utilized for plenty of various kinds of web sites and is totally responsive and customizable. On this product spotlight, we’ll check out the DiviCity format and assist you make a decision if it’s the correct format for you.
Let’s get began!
Putting in DiviCity
DiviCity comes as a ZIP document containing Divi Visible Builder .json recordsdata. To put in the format, get started through unzipping the document. Subsequent, open your web page within the Divi Builder.
Click on the portability choice on the backside of the web page and choose the import tab. Then choose the .json document for the DiviCity format and start uploading the format. As soon as the format has been imported, all you want to do is change the content material with your individual, and your site is entire!
DiviCity is composed of a one-page Divi Builder format. It comes with none of the demo photographs, so I added my very own for the aim of this text. Let’s check out the sections that include this format!
DiviCity Header Phase
The header is composed of a giant symbol with an angled divider on the backside. The header has options subheader and header textual content, in addition to a button. The textual content includes a loading animation impact. Two packing containers overlay the ground of the header segment. Each and every field incorporates some heading textual content, a divider line, frame textual content, and a button. Those packing containers actually have a loading animation and make bigger on hover. In spite of everything, there are 4 blurb modules under with an icon, heading textual content, and frame textual content. The blurb modules disclose one by one because the web page so much. This heading format will also be simply custom designed with your individual pictures and content material to create a great-looking, enticing heading segment that provides your guests key details about your corporation at a look.
DiviCity About Phase
The about segment has some creation textual content, a header at the left, and a picture at the proper. Either one of those parts have a fade-in animation and transfer into the middle. Underneath are 3 fullwidth sections that characteristic a picture and a textual content block with a heading and a few frame textual content. Each and every of those sections have a loading animation impact as smartly.
DiviCity Weblog Phase
Via default, the weblog segment includes a easy contemporary posts module list 3 contemporary posts with the featured symbol and put up data. There may be some heading textual content and frame textual content on this segment. This segment options fade-in animation.
Then again, you’ll succeed in the design featured within the format demo through putting in the free Divi Article Cards plugin. As soon as the plugin is put in and activated to your website, open the Divi 100 settings from the WordPress dashboard menu. Turn on the item card, then click on save.
Now the weblog modules at the DiviCity web page must glance one thing just like the format above.
DiviCity Numbers Phase
The numbers segment options 4 bar counters on a picture background — the quantity counters load because the web page so much.
DiviCity What to Do Phase
This segment includes a heading and a few frame textual content. There are two sub-sections under this, each and every with a picture, a heading, and frame textual content. This segment is an overly flexible format that can be utilized to display options, services and products, or different sides of your corporation.
DiviCity The place to Do It Phase
This segment may be flexible and includes a heading, frame textual content, and 3 blurbs with a picture, some textual content, some brief description textual content, and a border that looks on hover. The picture zooms in on hover as smartly. You should use those blurbs to hyperlink to every other web page or segment to your site, or to easily show some options or data.
DiviCity Consult with Us Phase
Subsequent, the Consult with Us segment options six blurb modules, each and every with an icon, heading textual content, and frame textual content. You’ll customise this segment to focus on extra options or sides of your services and products or to get a divorce dense textual content with separate headings and icons. The blurb modules all characteristic a zoom-in animation.
DiviCity Touch Phase
In spite of everything, the touch segment starts with an orange strip that has 3 social media icons. Underneath is the touch shape segment with huge heading textual content at the left and the shape at the proper. The touch segment has a big symbol background with a gloomy overlay. This segment additionally includes a flip-loading animation impact, and the social media icons fade in.
DiviCity Cell Structure
DiviCity is totally pill and mobile-responsive. Let’s check out the cellular model of a couple of sections.
First is the header segment, with a big symbol background, heading textual content, and button. The primary textual content field overlays the header and the remainder of the header segment contents observe under.
This is a part of the cellular about segment with photographs separated through some sections with textual content.
That is the cellular model of the “The place to Do It” segment. It has a big symbol on the most sensible, heading textual content, frame textual content, then 3 photographs with a label on each and every.
And after all, that is the cellular footer. Just like the desktop model, it options an orange bar with social media icons, adopted through the footer segment with a picture background, textual content, and the touch shape.
DiviCity is to be had within the Divi Marketplace. It prices $19 for limitless site utilization and lifelong updates. The fee additionally features a 30-day money-back ensure.
DiviCity is an easy and great-looking site format this is extremely flexible. As it’s constructed with Divi, the format is straightforward and intuitive to customise on your personal use. The loading animations and hover results all through the format glance great and cohesive and aren’t too distracting from the web page content material or usability. I additionally like the usage of huge photographs around the design in addition to the typography used within the format. In case you are in search of a easy one-page site format on your subsequent Divi mission, this could be the correct product for you.
We would really like to listen to from you! Have you ever attempted DiviCity? Tell us what you consider it within the feedback!
The put up Divi Product Highlight: DiviCity gave the impression first on Elegant Themes Blog.