Logistic: A Free Divi Layout

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.

Make a quick start to your next project

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.


Subscribe to download for free!

SubscribeLive Preview

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!

 
SubscribeLive Preview

Maciej Ekstedt

Maciej Ekstedt

Maciej is the founder and CEO of B3 Multimedia Solutions. He is a self-made web designer and marketing expert, and he loves his job so much that he barely leaves the office. He transforms creative ideas into effective strategies for his company and for his clients. Maciej is fascinated by the phenomenon of megalopolis. He notices patterns and details which make up the whole thing, and he uses these skills in his work.

DiviEstate is a perfect choice for your real estate website. This child theme has all the features needed to run a realtor’s business successfully.
Get 10% discount with coupon code ESTATE10

15 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
  6. Shahzad Raza

    Awsome you guys are great, nice fonts, nice placements.

    Reply
  7. Chad Hoffman

    How do you edit this? TRIED TO EDIT – no directions nor anyway to change the main hero image?
    Why the f#$* can’t you provide simple directions on how to edit?

    Reply
  8. Dien

    Hi,
    I just want to thank you for your great works.

    Reply
  9. Rashid Malick

    Hi Sir
    Thank you so much for this awesome layout, I am a web Designer and this helped me a lot 🙂

    Reply
  10. Aldin

    Good stuff! Just want to point out the link error for the demo.

    Reply
    • Maciej Ekstedt

      Thank you Aldin for pointing that. It’s fixed 🙂 Have a great day!

      Reply

Submit a Comment

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

Sign up to our newsletter list

Pin It on Pinterest

This site uses Cookies to improve your online experience. By continuing to use this site without changing your cookie preferences we will assume that you are agreeing to our use of cookies. For more information visit ourPrivacy Policy.
Understood