Hero Section with Animated Divider: Free Divi Layout

h
Divi Freebies, Divi Tutorials
v
comments (0)

Wavy Animated Section Dividers!

I’m excited to share my first free Divi layout of 2024! I’ve recently created a tutorial for animated waves as section dividers using custom CSS, and now, here’s a free layout version you can download and add to your Divi website.

There are two gorgeous hero sections with animated section dividers to choose from, and you can see the demo here. Click the button to switch between the two versions.

Download Free Layout Demo Page

Free Resources for Divi Lovers

Access this layout and dozens of other freebies - available exclusively for newsletter subscribers.

New here?

Join the newsletter to unlock the Freebie Library and get weekly Divi tips, tutorials, and design goodies.

Join the newsletter

Already subscribed?

Go straight to the Freebie Library and download this layout - plus lots more!

Access Freebie Library

How to use and cutomize it?

If you need instructions on how to install the layout on your website and how to customize it, watch my quick follow-along YouTube video below.

And that’s it!

If you’d like to learn how to create this stunning section divider effect on your own, check out this tutorial! Using an animated section divider is an excellent way to add interesting movement to your website and keep your visitors engaged.

I hope you liked this new freebie from Divi Lover and will have a fun, easy time using it. Tell me in the comments below which version you liked best, the first or the second hero section? 

Stay tuned for more Divi tutorials and layouts coming to you in 2024!

Have you seen our

Divi child themes?

Divi Toolbox plugin?

We offer a great selection of high-quality Divi products to speed up your work. Feel free to use a coupon code IREADBLOG at the checkout to get a 10% discount!
Divi Lover Shop

0 Comments

Submit a Comment

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

Enjoing our content?

You might find this interesting...

Check out Recommended ‹Divi & Web Resources

See the list

Learn Divi Theme with our Practical Guides

See courses

Meet Divi Lovers and Join Our Community

Learn more

Jump Start Your Project with a Premium Child Theme

Browse Themes

More from the Blog

More tips & tricks for Divi Lovers

License Details

REGULAR LICENSE

Single Site

A regular license allows an item to be used in one project for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resell either on its own or as a part of a project. Distribution of source files is not permitted.

EXTENDED LICENSE

Unlimited Sites

An extended license allows an item to be used in unlimited projects for either personal or commercial use. The item cannot be offered for resell either on its own or as a part of a project. Distribution of source files is not permitted.

SUPPORT & UPDATES

Each license is a one-time payment. There are no annual fees. You get lifetime access to product updates. Support is provided for 6 months from the date of purchase.

Server Requirements

SERVER SETTINGS:

  • PHP 7.2 or later
  • upload_max_filesize (256M)
  • max_input_time (300)
  • memory_limit (256M)
  • max_execution_time (300)
  • post_max_size (512M)

PHP.INI SETTINGS:

  • php-xml or/and php-dom
  • XMLReader
  • PHP CURL module

PHP MODULES:

  • allow_url_fopen

Would you like to...

Consult Ania and fellow students?

Join the conversation inside our private FB group.
Join the group

Would you like to...

Get support privately?

Submit a support ticket via your account page.

Submit a ticket

Ask Ania?

Submit a question for the next live Q&A session.
Submit a Question

Consult fellow students?

Join the conversation inside our private FB group.
Join the group