Logistic: A Free Divi Layout
Today we would like to introduce you to our brand new Divi layout, Logistic. This layout is suitable for logistic companies, transport industry websites and more…
Make a quick start to your next project
Logistic is a responsive Divi layout with a clean and modern design. This layout has a few sections that will be useful for transport/logistic companies. It is not a complete website but rather gives a rough idea of the design. All modules can be easily copied and used on other pages.
Requirements: The Logistic Divi layout requires that you have the Divi parent theme for WordPress installed. It is not included with this product.
- logistic-master.json – importing this file will add the full layout and all of the individual sections to your Divi Library.
- logistic-full-layout.json – this is just the full Logistic layout.
- gallery images folder – this folder contains 4 images used in the gallery module of the Logistic layout.
Installing Logistic Layout
After Logistic layout pack is downloaded, you can add it to your Divi website by following these steps:
- Go to Divi > Divi Library > Import & Export > Import > Select the Logistic Master file
- Create a new page and activate the Divi Builder
- Click Load From Library > Add From Library > Logistic
The Logistic Divi layout comes with 9 custom designed sections that guarantee a great user experience. We have used the latest design principles, so that you can be sure users are going to love it! Each section has attractive design and an intuitive layout.
Hero Image Section and CTA
The Hero Section of this layout is quite clean. We have used a 1 column layout with a Call to Action module where we can edit the title and the subheading text. Optionally, a button feature can be added. In the second section we have used a 4 column layout and applied a negative top margin to the row so it overlaps the hero image. It includes 3 icons with address, contact details and a CTA button that is very important for every website.
In this section we can see another CTA module with no button. Below we have 3 Blurb modules. Each of them has a title and an icon assigned. Both show up smoothly on mouseover only. This section can be used for featuring core services.
Simple Icons section
In this section we used a very subtle world map background and 4 Blurb modules to highlight more services or statements.
Full width section with Gallery Slider
To break up the design and give it a twist we have used a full width layout with 2 columns here. In the first column there is space for a title and 2-3 paragraphs of text with a Call to Action button. On the right hand side we can see the Image Gallery module with automatically sliding images.
Get a Quote section
In this section we used the Testimonial module with custom css applied. We have added a box-shadow and negative margins so it stands out and grabs the user’s attention. In the second column we have a Contact Form module for users to quickly send us a message or get a quotation.
Counters with Icons
It is always good to show website visitors significant numbers and facts. In this section, below the heading we used a 3 column layout to highlight the company statistics. Each column has an Icon and a Counter module in it.
Testimonials are another important section that every website should have. We used a CTA module for the heading and the subheading text and a Slider module for displaying the testimonials from the clients. We also customized the navigation arrows and added a profile image, a review and the author’s name to each slide.
Call to Action section
For this last section we used a dark navy background and again used a world map background that features a Call to Action module with a heading, a subheading and a button link.
We hope you enjoy this layout and that it will save you time and jump start your next Divi website project. If you have any questions, please feel free to ask and we will try to answer as best as we can.
If you’re ready to learn more about Divi and get more Divi freebies, make sure you subscribe to our newsletter so that you don’t miss anything!
Get the best Divi child theme for real estate websites with a 10% discount! Use the coupon code ESTATE10 at checkout