This Mockup Couldnt Be Imported Please Try Again

Welcome to Day 2 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!

We have created a new Divi Layout pack that will help you to build landing pages more quickly and easily than ever before. It's called "The Divi Landing Page Layout Kit," and it's the first layout pack for Divi to be based on a modular section approach that allows you to create the perfect page by combining various components. Simply mix and match pre-made Divi sections from your Divi Library to create a variety of designs that can be used for different projects.

The Divi Landing Page Layout Kit contains 23 components, each of which has been designed in a unique and cohesive style that takes full advantage of Divi's vast array of design settings. We have done all of the hard design work for you, which means you can save time on your next project and just focus on adding the content you need. You wont believe how easy it is to build new websites when you have a layout pack this good, all available inside of your Divi Library!

Using Layout Pack

Click the link below to download the layout pack. Once you have downloaded the divi-landing-page-kit.zip file, double click the .zip file to extract the contents. This will reveal the layout pack in the form of a LandingPageKit.json file. This file can be imported into your Divi Library using the Import system as outlined in this tutorial. Simply log in to your WordPress website and navigate to the Divi > Divi Library page. Look for the "Import and Export" button at the top of the page and import the .json file using the Import tab.

Once the layout pack has been installed, you will notice that all 23 components have been added to your Divi Library. These components can be added to your new page by clicking the "Add From Library" button below each section on your page. Simply mix and match the pre-made sections to create your desired landing page!

Not only is the layout pack available in the form of 23 individual sections, it has also been combined into a single "master layout." This single layout contains all 23 components, each of which can be enabled or disabled to your liking. The master layout can be added using the "Add From Library" button at the top of the Divi Builder interface.

How To Download The Kit

Download The Divi UI Kit

All photos courtesy of the generous authors on Unsplash.com via the Unsplash License. Layout Packs are released under the GPL, which means you can use them for free for both personal and commercial projects! By using ElegantThemes.com and our products you agree to our Terms of Service.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

The Divi Landing Page Kit Master Layout

As mentioned above, the layout kit is available in two forms. Each component can be accessed in the form of a pre-made Divi section, or you can access all 23 components at once using the master layout. You can add the master layout to your page using the Add From Library button at the top of the builder. Look for the "Landing Page Kit" layout inside the Add From Library tab. Once the master layout has been added to your page, you will notice that all 23 sections have been added to the page. However, most of them are disabled by default using Divi's Right Click > Disable feature. Once the master layout has been added, you can scroll through and Right Click > Enable each component that you would like to use on the particular page you are building. It's that easy!

23 Modular Divi Library Components

Start building your landing page immediately with any of the 23 beautifully designed components. Each of these components is available in the form of a Divi section inside your Divi Library. These components can be added to a fresh page by clicking the "Add From Library" link below each Divi section on your page. Find the component you need among: Headers, Call to Actions, Galleries, Pricing Tables, Team Members, Testimonials and more. Below is a full list of available components. After you install the layout kit, you will see each of these available in the "Add From Library" tab when adding a new section.

Header 1

Header 2

Header 3

Header 4

Header 5

The Product

Mobile App

Technology

Collections Grid

Clients

Testimonials

Social Links

Numbers

Step by Step

Testimonial Slider

Features

Simple Pricing

Limited Offer

Collections

Gallery

Contact

General CTA

Filled With Beautiful Imagery

Unlike the Divi pre-made layouts that come installed with the theme, these pre-made layouts come packaged with supporting imagery. In fact, thanks to the new Divi Portability System, images have been encoded right into the layout pack's .json file and will be automatically imported into your WordPress Media Library during installation.

The First Of Its Kind, But Certainly Not The Last

In case you couldn't tell, we think that Divi Layout Packs have a ton of potential. That's why we spent the time to make something that really showcases the power of Divi, and how the builder's design settings, custom CSS and vast array of modules can be customized to create just about anything. The way we see it, these Divi layout packs are much like child themes, except much easier to create and even easier to use. The Divi Landing Page Layout Kit is just the beginning. In fact, throughout Divi 100 you can expect a brand new layout pack from us every single week!

Stay tuned 😉

9 Non-Profit Child Themes for Divi

Posted on July 27, 2019 by Randy A. Brown in Resources

There are lots of nonprofit organizations across the globe. Just about every one of them needs a well-designed website to tell their story and receive donations to help their causes. Divi is an excellent theme for nonprofits such as charities. Fortunately, you don't have to start from scratch for...

View Full Post

55 Web Design Blogs to Follow in 2019

Posted on January 6, 2019 by B.J. Keeton in Resources

Inspiration comes in many forms and professional development never ends. With that in mind, we have put together a massive list of web design blogs that can keep your brain fed for the entire year. But don't worry. You won't find any duds on this list. We respect your time and feel like...