Welcome to Day 84 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-landing-pages-layout-pack-built-w-expanding-wireframe-kit-00

In today’s post we’ve got yet another fantastic layout pack consisting of two new landing page layouts designed using elements from our ever expanding Wireframe Kit. So far we’ve published two volumes of the Wireframe Kit: Vol. 01 and Vol. 02 (which can be found via their respective links) and we’ve even added some wonderful static product layouts too. We expect to continue to add to this powerful and flexible kit as time goes by. But we also want to show what you can do with it! Which brings us back to today’s giveaway.

Downloading & Using the New Divi Landing Pages Layout Pack Built With Our Expanding Wireframe Kit

To use the new, Free Divi Landing Pages Layout Pack Built with our Expanding Wireframe Kit on your own Divi website you will first need to download it using the button below. Next, locate the file divi-100-landing-pages-layout-pack-built-w-expanding-wireframe-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 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 Landing Pages on any builder powered page by going to Load From Library > Add From Library.

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.

New Divi Landing Pages Built With Our Expanding Wireframe Kit

Our expanding Wireframe Kit is extremely versatile. With this layout pack Mario has mixed and matched elements from both vol. 1 and vol. 2 of the Wireframe Kit to make these two stuffing landing pages. If you’re curious as to how he’s doing this, be sure to come back Wednesday when he walks everyone through how he uses the Wireframe Kit to create endless layouts.

divi-100-landing-pages-layout-pack-built-w-expanding-wireframe-kit-01

New Landing Pages Layout 01

divi-100-landing-pages-layout-pack-built-w-expanding-wireframe-kit-02

New Landing Pages Layout 02

Tomorrow: Learn Creative Ways to Style Text with WordPress & Divi

In tomorrow’s post Melissa Love is going to show you some creative ways in which she styles text when using WordPress and Divi to help her web design projects stand out from the crowd. It’s the little touches like these that go a long way and the best part is they’re easy to learn! 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-2-6-logo

Divi 100 Day 84

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 Another Free Divi Landing Pages Layout Pack Built With Our Expanding Wireframe Kit appeared first on Elegant Themes Blog.

View @ ElegantThemes

Leave a Reply