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.

What’s inside

  • 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:

  1. Go to Divi > Divi Library > Import & Export > Import > Select the Logistic Master file
  2. Create a new page and activate the Divi Builder
  3. Click Load From Library > Add From Library > Logistic

Getting Started


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.

Blurb section


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 section

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.

Final thoughts


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!

 

Download LayoutLive Preview

Maciej Ekstedt

Maciej Ekstedt

Creative Director

Premium WordPress Divi Child Theme for real estate professionals, experts and agencies. Get 15% discount with coupon code ESTATE15

6 Comments

  1. Jorge Salazar

    Awesome layout!

    I intend not to download layouts just because they are free and because there are lots of free layouts out there that are just going to waste disk space, but I found this one pretty cool and useful.

    Thank you.

    Reply
  2. Rich

    Put email in – don’t see how to download pack.

    Reply
    • Maciej Ekstedt

      Hey Rich. Email with package has been sent 🙂 Enjoy!

      Reply
  3. Nghia Tran

    Hi,

    I just want to thank you for your great works.
    Thanks so much!

    Reply
  4. NATHANIAL WISH

    Hi,
    I just want to thank you for your great works.
    Thanks so much!

    Reply
  5. Dehn Merrill

    Another amazing layout….truly a site in itself. Thank you for the continued inspiration and great giveaway’s.

    Best

    Reply

Submit a Comment

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

Shares

Pin It on Pinterest

Share This
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL1N6X0ZpNGh6bFdvP2F1dG9wbGF5PTEmc2hvd2luZm89MCZ2cT1oZDcyMCZjb250cm9scz0wIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL0l4NDZjTmNPMFlvP2F1dG9wbGF5PTEmc2hvd2luZm89MCZ2cT1oZDcyMCZjb250cm9scz0wIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
Are You Ready To Succeed?
If you have any questions or would like to find out more about our services please fill out this form and we will get back to you as soon as possible.
Your Information will never be shared with any third party.
Get in touch
We are ready to talk about your project. Please leave your message and we will get back to you shortly.
Your Information will never be shared with any third party.
Write a review
We would love to hear your feedback. Please take a moment and fill out this form.
Your Information will never be shared with any third party.
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL2ZrcURZbVRZVVowP2F1dG9wbGF5PTEmc2hvd2luZm89MCZ2cT1oZDcyMCZjb250cm9scz0wIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
Your Information will never be shared with any third party.
Thank you!
Your email has been added successfully.
FOLLOW US
Server settings:
Requirements
  • PHP 5.6 or later
  • upload_max_filesize (256M)
  • max_input_time (300)
  • memory_limit (256M)
  • max_execution_time (300)
  • post_max_size (512M)
PHP.ini Settings:
  • php-xml or/and php-dom
  • XMLReader
  • PHP CURL module
PHP Modules:
  • allow_url_fopen
  • allow_url_include
A regular license allows an item to be used in one project for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resell either on its own or as a part of a project. Distribution of source files is not permitted.
Extended license
An extended license allows an item to be used in unlimited projects for either personal or commercial use. The item cannot be offered for resell either on its own or as a part of a project. Distribution of source files is not permitted.
Regular license
License details
Subscribe Now
Join our mailing list to receive the latest news directly to your inbox.
    
DiviEstate
Premium WordPress Divi Child Theme for real estate professionals, experts & agencies.
Testimonial Slider
Testimonial Slider is a highly customizable Divi Plugin that will help you add a slider of various testimonials received from customers, partners or valuable users.
Bruno
Premium Divi Child Theme
BRUNO is perfect for various business domains such as web design, online courses, coaching, agency, finance and many more.
Adventure: A Free Divi Layout