Download the Free Divi Coming Soon Pages Layout Kit

23-Step Checklist for Scaling Your WordPress Business
September 6, 2016
7 Best Email Marketing Services for Small Business (2016)
September 6, 2016
Show all

Welcome to Day 98 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!


divi-100-coming-soon-pages-layout-kit-00_mockup

Today we are proud to give away the final layout kit of the Divi 100 Marathon: our Free Divi Coming Soon Pages Layout Kit. This kit contains eight new coming soon page layouts for you to use as starting points for your own pages or to simply replace the content and run with. Enjoy!

Downloading & Using the Free Divi Coming Soon Pages Layout Kit

divi-100-coming-soon-pages-layout-kit-06

To use the Free Divi Coming Soon Pages Layout Kit on your own Divi website you will first need to download it using the button below. Next, locate the file divi-100-coming-soon-pages-layout-kit.zip in your downloads folder and unzip it. Then, navigate in your WordPress admin to Divi > Divi Library and click the “Import & Export” button at the top of the page.

When the portability modal pops up go to the import tab. Click the “choose file” button and select the All.json file or any one of the individual layouts you would like. Then click the blue “Import Divi Builder Layout” button and wait for the import to complete.

Once the import has finished you will now have the ability to load your new Divi Coming Soon Pages Layout Kit on any builder powered page by going to Load From Library > Add From Library. You will also be able to load individual sections via the in-line “Add From Library” controls within the builder.

Download The Layout Pack

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.

The Divi Coming Soon Pages Layout Pack

Every layout in this kit is an individual section. You can load the entire kit with all sections by loading from the Load From Library > Add From Library controls at the top of the Divi builder. This is great for mixing and matching elements between sections to come up with new designs. You can also load each individual section by going to the in-line “Add From Library” controls in the section controls within the builder itself.

divi-100-coming-soon-pages-layout-kit-01

Divi Coming Soon Layout 01

divi-100-coming-soon-pages-layout-kit-02

Divi Coming Soon Layout 02

divi-100-coming-soon-pages-layout-kit-03

Divi Coming Soon Layout 03

divi-100-coming-soon-pages-layout-kit-04

Divi Coming Soon Layout 04

divi-100-coming-soon-pages-layout-kit-05

Divi Coming Soon Layout 05

divi-100-coming-soon-pages-layout-kit-06

Divi Coming Soon Layout 06

divi-100-coming-soon-pages-layout-kit-07

Divi Coming Soon Layout 07

divi-100-coming-soon-pages-layout-kit-08

Divi Coming Soon Layout 08

Tomorrow: What Happens After Divi 100?

In tomorrow’s blog post Nathan will explain what we have in store for you after the conclusion of the Divi 100 Marathon. While there will be a return to more general WordPress and web design content, we’ve got a lot of new (Divi related) awesomeness still in store. Find out all about it tomorrow!

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement, useful tip, or Divi freebie!

.divi_cta{background-color: #8f43ee; color: #fff; font-size: 20px; font-weight: bold; padding: 20px; text-align: center; display: block; text-decoration: none; border-radius: 4px;}.divi_cta:hover{text-decoration:none;background-color:#7d37d6;}.divi_cta_red{background-color:#db1c1c;}.divi_cta_red:hover{background-color:#c51a1a;}

divi-2-6-logo

Divi 100 Day 98

The Countdown To Divi 3.0

This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.

jQuery(document).ready(function(){jQuery(“#DIV_TO_PLACE_COUNTDOWN”).jCountdown({timeText:”2016/9/7 7:00:00″,timeZone:-8,style:”slide”,color:”black”,width:0,textGroupSpace:15,textSpace:0,reflection:false,reflectionOpacity:10,reflectionBlur:0,dayTextNumber:1,displayDay:true,displayHour:true,displayMinute:true,displaySecond:true,displayLabel:true});});Learn More About Divi 3.0

.section-header{width: 520px; padding: 50px 40px 20px; margin: 100px 0; text-align: center; color: #fff !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #6c2eb9; background-image: url(https://cdn.elegantthemes.com/blog/wp-content/uploads/2016/04/divi-100.jpg); background-repeat: no-repeat;}.section-header h2{margin-top: 0 !important; color: #fff;}.section-header strong{color:#fff;}.section-header img{margin-bottom: 10px;}.section-header:after{position: absolute; bottom: -16px; left: 50%; margin-left: -16px; width: 32px; height: 32px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content:”; background: #6c2eb9;}.divi-demo-link{border-bottom: 4px solid #00d5b5; margin-top: 15px; border-radius: 4px; transition: all.5s ease-in-out; display: block; width: 100%; padding: 10px 0; text-transform: uppercase; font-weight: bold; text-align: center; color: #1C695D; background-color: #00efcb;}.divi-demo-link:hover{text-decoration: none; background-color: #2CFFDF;}.divi-download-link{text-align: center; font-size: 18px; border-radius: 4px; padding: 20px; color: #fff; display: block; margin: 10px 0 10px; background-color: #7e3bd0; transition: background .5s; text-decoration: none; font-weight: bold;}.divi-download-link:hover{background-color: #C04BDE;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}

The post Download the Free Divi Coming Soon Pages Layout Kit appeared first on Elegant Themes Blog.

View @ ElegantThemes

Skip to toolbar