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


In today’s post we are excited to share the third volume of our Free Divi Wireframe Kit. On Monday we published a tutorial showing exactly how you can take a layout created with this kit from concept to final design. Today, we expand the number of layouts you’re able to create with twenty new wireframe sections.

Downloading & Using the Free Divi Wireframe Kit Vol. 3

To use the Free Divi Wireframe Kit Vol. 3 on your own Divi website you will first need to download it using the button below. Next, locate the file divi-100-wireframe-kit-vol-3.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 of the individual files you want. 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 Wireframe Kit Vol. 3 sections on any builder powered page by using the Load From Library option in the in-line section controls of the Divi Builder. You can also use the new homepage layout included in this kit by going to the Load From Library > Add From Library options at the top of the Divi 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 Free Divi Wireframe Kit Vol. 3

The latest addition to our Wireframe kit includes an “All.json” file, a new homepage layout, and twenty individual sections. Here you can see a preview of the new homepage layout.


The New Wireframe Kit Vol. 3 Sections

In this volume you will have the ability to load any one of these individual sections by utilizing the inline “Add From Library” control in the Divi Builder.


Divi Wireframe Kit Vol. 3 – Section 01


Divi Wireframe Kit Vol. 3 – Section 02


Divi Wireframe Kit Vol. 3 – Section 03


Divi Wireframe Kit Vol. 3 – Section 04


Divi Wireframe Kit Vol. 3 – Section 05


Divi Wireframe Kit Vol. 3 – Section 06


Divi Wireframe Kit Vol. 3 – Section 07


Divi Wireframe Kit Vol. 3 – Section 08


Divi Wireframe Kit Vol. 3 – Section 09


Divi Wireframe Kit Vol. 3 – Section 10


Divi Wireframe Kit Vol. 3 – Section 11


Divi Wireframe Kit Vol. 3 – Section 12


Divi Wireframe Kit Vol. 3 – Section 13


Divi Wireframe Kit Vol. 3 – Section 14


Divi Wireframe Kit Vol. 3 – Section 15


Divi Wireframe Kit Vol. 3 – Section 16


Divi Wireframe Kit Vol. 3 – Section 17


Divi Wireframe Kit Vol. 3 – Section 18


Divi Wireframe Kit Vol. 3 – Section 19


Divi Wireframe Kit Vol. 3 – Section 20

Tomorrow: The Freedom of Freelancing – A Divi Story Featuring Geno Quiroz

Tomorrow we will be debuting the first of a series of Divi stories/testimonials we have been recording with various members of the Divi Community. This first video features prominent Divi Community member Geno Quiroz and it tells an updated version of his Divi story and what using Divi has meant for him. See you there!

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 100 Day 93

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; text-decoration: none;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}

The post Download the Free Divi Wireframe Kit Vol. 3 Today appeared first on Elegant Themes Blog.

View @ ElegantThemes

Leave a Reply