Introduction

Adds a divider that can be used to separate content. There are several different divider types to choose from. Some of the dividers have multiple colors that can be set. A divider can show at the top or bottom of an element. The parent element needs to have a relative position CSS style.

Diagonal Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque nunc pulvinar aliquam lacinia. Fusce at orci vel orci suscipit commodo quis ac sem.

In ullamcorper lectus in aliquet pellentesque. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Duis at mauris et turpis convallis gravida sit amet quis lectus. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit.

Diagonal Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper lacus at dui consequat, vitae molestie orci dignissim. Suspendisse sed mauris sed leo feugiat consequat.

Nam vel libero id dui pellentesque fermentum. Etiam lobortis diam sit amet facilisis dictum. Ut eu velit in nisl accumsan tempus. Proin eget est eu ante venenatis iaculis. Etiam pretium massa malesuada vestibulum volutpat.

Triangle Big Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Donec euismod purus id blandit faucibus. Nullam sodales purus id velit pharetra commodo. Proin eu sem sit amet libero tristique accumsan in non dui. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Nunc non justo ultricies, tristique libero vitae, ornare odio.

Phasellus eleifend massa at euismod rutrum. Quisque feugiat sem nec nisi sodales ullamcorper. Fusce varius tellus eget eros varius dapibus quis eget urna. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Donec tincidunt erat in vestibulum interdum. Sed et quam sit amet ligula porttitor placerat at eu diam.

Triangle Big Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. Proin eget est eu ante venenatis iaculis. In vitae ligula interdum, auctor quam vitae, eleifend quam. Integer id velit scelerisque lectus eleifend mattis. Praesent et enim eu orci aliquam eleifend. Sed vehicula est non massa porttitor interdum. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Vestibulum fermentum risus et mollis ullamcorper. Vestibulum eu lectus non nunc vehicula blandit. Phasellus molestie sapien at felis blandit placerat. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur.

Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Vivamus at turpis luctus metus commodo fermentum. Integer eu ligula blandit metus facilisis viverra. In ut enim vel mi sodales facilisis non id ipsum. Praesent id sem at risus adipiscing feugiat. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Donec molestie urna ut velit facilisis fermentum. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Etiam sodales orci eget sapien sodales adipiscing. Integer eu ligula blandit metus facilisis viverra. Duis tempor est non orci convallis rhoncus. Nullam sodales purus id velit pharetra commodo.

Triangle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. In in nulla vel arcu bibendum aliquet. Proin blandit augue sit amet nunc sollicitudin iaculis.

Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Suspendisse sed mauris sed leo feugiat consequat. Nam quis odio id purus adipiscing consequat eget ac risus. Donec tincidunt erat in vestibulum interdum. Maecenas sollicitudin purus sodales leo molestie interdum. Duis molestie magna sit amet lacinia commodo. Sed eget nisi at metus varius gravida ac eu mi. Proin blandit augue sit amet nunc sollicitudin iaculis. Aenean quis nulla vel dolor blandit mattis et vel sem. Pellentesque accumsan enim id convallis pellentesque.

Clouds

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim mi in orci venenatis condimentum. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Cras quis nisl mattis, pharetra metus at, mattis magna. Nam eget mi ut risus fermentum fringilla.

Aliquam rutrum quam non interdum egestas. Sed vitae risus sit amet nisl molestie iaculis. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Phasellus vel neque nec eros rutrum placerat at non neque. Nulla euismod justo adipiscing ante porttitor adipiscing. Praesent aliquam nisl et lacus fringilla dignissim. Sed vel odio sit amet nulla cursus laoreet ut ut ante.

Waves

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a eros placerat, sodales erat sed, hendrerit erat. Praesent aliquam nisl et lacus fringilla dignissim. Aenean viverra ante id nunc lacinia aliquam. Pellentesque posuere neque sed dignissim gravida. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Duis euismod arcu sit amet scelerisque iaculis. Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper.

Duis molestie magna sit amet lacinia commodo. Vivamus suscipit magna vitae placerat dapibus. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula.

Round Split Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod purus id blandit faucibus. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus.

Morbi at libero at sapien ultricies feugiat in quis orci. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Fusce sit amet risus et diam congue venenatis. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Cras id urna eu justo sodales lacinia quis at turpis. Sed faucibus risus nec pharetra euismod. Ut eu leo at libero tempor blandit. Pellentesque dignissim sapien nec sagittis commodo. Etiam tristique leo at arcu tempus, in dapibus dui tempor.

Triangle Big Shadow Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc molestie dui eget accumsan mattis. Suspendisse non justo nec est aliquet semper. Donec at nunc a arcu congue posuere. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Duis accumsan nibh sed orci lobortis imperdiet. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus.

Nullam et odio sit amet libero consectetur congue ac vitae tortor. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Aenean viverra ante id nunc lacinia aliquam. Quisque eget libero vel enim volutpat vulputate non quis nulla. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Cras in ante et erat porta luctus. Nulla dictum purus in vehicula volutpat. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales.

Triangle Big Shadow Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Nunc molestie dui eget accumsan mattis.

Cras hendrerit tortor eget tortor pharetra consequat. Fusce at orci vel orci suscipit commodo quis ac sem. Suspendisse sed ipsum tincidunt, mattis turpis quis, blandit nulla. Mauris elementum sem ac condimentum tempor. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Sed placerat est nec diam lobortis auctor. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Nullam eget metus sed velit laoreet viverra eu a augue. In vitae diam ac risus sodales sagittis vel sed tortor.

Curve Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur varius odio a adipiscing tempor. Ut et neque posuere, malesuada dui quis, pulvinar metus. Cras scelerisque odio non vehicula porta. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Nunc ac lectus vel tortor rutrum feugiat.

Nam ac dolor et lorem euismod aliquet. Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Cras bibendum erat rhoncus felis ultrices posuere. Proin ut lacus ac mi sollicitudin interdum. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Quisque tempus leo quis tempus hendrerit.

Circle Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Cras tincidunt ante sed elit posuere, sed placerat purus hendrerit. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Nulla in lorem sed ipsum cursus scelerisque. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Morbi lacinia mauris nec lectus rhoncus imperdiet. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Cras scelerisque odio non vehicula porta.

Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Vivamus at turpis luctus metus commodo fermentum. In accumsan nunc venenatis convallis auctor. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Donec at nunc a arcu congue posuere. Sed malesuada libero eget viverra tristique. Donec euismod purus id blandit faucibus. Pellentesque dictum libero eu odio ultricies pellentesque. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl.

Circle Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum erat quis adipiscing ornare. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Duis at mauris et turpis convallis gravida sit amet quis lectus. Mauris a eros placerat, sodales erat sed, hendrerit erat. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Ut eu velit in nisl accumsan tempus. Sed a sapien et urna sagittis lacinia eget id nisi. Quisque sed erat eu orci ultrices vestibulum. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Integer suscipit risus sed nisi sodales imperdiet eu id est.

Duis at mauris et turpis convallis gravida sit amet quis lectus. Nam fermentum urna nec risus consectetur egestas. Nulla mattis nulla sed ultricies sodales. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Morbi et ligula a enim euismod lobortis. Sed a elit lobortis, facilisis risus vel, fringilla enim. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor.

Zigzag Incline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel massa eleifend, pellentesque turpis a, ullamcorper erat. In vel dui in mauris eleifend luctus. Nullam et lacus non enim cursus varius eget vitae ante.

Duis accumsan risus quis metus dapibus bibendum. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. In scelerisque sapien quis eros convallis imperdiet. Mauris porta nulla et tortor convallis, id posuere est rutrum. Nulla a dui consectetur, gravida ligula et, viverra purus. Duis euismod arcu sit amet scelerisque iaculis. Duis ornare sem nec mi euismod posuere. Aliquam adipiscing risus et vestibulum sollicitudin.

Zigzag Castle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec sem non enim vehicula luctus eu eget nisi. Nam ut leo a tellus laoreet ornare at vel massa. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum. Morbi vel nunc id mauris mollis congue sed vitae lacus. Nunc ac lectus vel tortor rutrum feugiat.

Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor. Sed a elit lobortis, facilisis risus vel, fringilla enim. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Nunc non turpis eu eros tincidunt vestibulum in id purus. Sed vel odio sit amet nulla cursus laoreet ut ut ante.

Zigzag

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum purus in vehicula volutpat. Nam quis odio id purus adipiscing consequat eget ac risus. Nullam et lacus non enim cursus varius eget vitae ante. Ut egestas lectus sit amet ante posuere molestie. Vestibulum vitae dui non diam tincidunt malesuada.

Integer feugiat neque in sem rutrum laoreet. Integer eu ligula blandit metus facilisis viverra. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit.

Boxes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. In ac ligula non mauris imperdiet auctor.

Nam eleifend lectus rutrum dui pretium commodo. Donec in tellus ut libero scelerisque venenatis. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt. Maecenas mollis nunc ac sem placerat luctus.

Round Split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu mauris ac felis sodales lacinia. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Nam eleifend lectus rutrum dui pretium commodo. Proin vel orci mattis nunc ullamcorper gravida et viverra orci.

Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Proin ut leo non arcu malesuada suscipit. Phasellus eleifend massa at euismod rutrum. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Curabitur imperdiet nisi a arcu bibendum dapibus. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet. Proin blandit magna ullamcorper luctus dictum. Aenean at dolor aliquet nisl feugiat dignissim. Morbi at libero at sapien ultricies feugiat in quis orci. Suspendisse nec ipsum sed metus lacinia vestibulum.

Round Edge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate lectus eget enim porttitor euismod. Suspendisse sed mauris sed leo feugiat consequat. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. In vitae diam ac risus sodales sagittis vel sed tortor. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit.

In feugiat lacus et velit ultrices volutpat. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Phasellus aliquam ipsum ut aliquet dapibus. Phasellus nec neque sed eros lobortis elementum eget quis elit. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Mauris at ipsum vel metus viverra ultricies.

Diamond Triple

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate lectus eget enim porttitor euismod. Nam ut leo a tellus laoreet ornare at vel massa. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Phasellus nec neque sed eros lobortis elementum eget quis elit. Pellentesque faucibus lacus ac adipiscing fringilla. Sed a nisl sed neque tristique volutpat eget eu augue. Praesent id sem at risus adipiscing feugiat. Aenean laoreet eros eu tellus luctus, sed tristique augue commodo.

Curabitur blandit elit nec ipsum dapibus suscipit. Integer suscipit risus sed nisi sodales imperdiet eu id est. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Proin eu sem sit amet libero tristique accumsan in non dui. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Ut vel nibh consectetur, sagittis tellus vel, ultricies purus. Donec varius magna nec ante vehicula pulvinar. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Duis et justo elementum libero iaculis pulvinar. Sed interdum magna a nibh lacinia, in rhoncus ipsum porttitor.

Triangle Big Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam placerat nulla a sagittis sagittis. Pellentesque elementum erat sed justo rhoncus eleifend. Praesent interdum est sed rutrum dapibus. Mauris rhoncus leo id enim venenatis consequat. Pellentesque elementum erat sed justo rhoncus eleifend. In accumsan nunc venenatis convallis auctor. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Sed vehicula est non massa porttitor interdum.

Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Proin rutrum enim quis enim sagittis, at mattis purus rutrum. Duis semper purus ac arcu ullamcorper blandit. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor.

Curve Left/Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Cras pulvinar nibh vitae tellus pharetra dapibus. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Cras bibendum erat rhoncus felis ultrices posuere. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Praesent commodo diam vitae sodales laoreet. Praesent sed lectus vitae libero accumsan mollis.

Sed a elit lobortis, facilisis risus vel, fringilla enim. Sed vel odio sit amet nulla cursus laoreet ut ut ante. Cras sit amet mi eu sem congue fringilla. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Cras laoreet diam ac mauris placerat sollicitudin. Nunc accumsan arcu ac blandit semper.

Triangle Big Centered

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mattis nisl et sem adipiscing, at aliquam est dictum. Praesent commodo diam vitae sodales laoreet. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Morbi et ligula a enim euismod lobortis. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Aliquam adipiscing risus et vestibulum sollicitudin. In vitae purus vitae elit congue imperdiet vel sit amet dolor.

Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Fusce at orci vel orci suscipit commodo quis ac sem. Praesent dictum augue eu urna ultricies adipiscing. Vestibulum porta justo a velit porttitor tincidunt. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Aenean viverra ante id nunc lacinia aliquam. Cras non erat egestas, vehicula orci ac, suscipit metus. Aenean quis nulla vel dolor blandit mattis et vel sem.

Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Ut eu velit in nisl accumsan tempus. Cras eu neque sodales, ultricies lectus nec, laoreet est. Donec pretium mi eget orci convallis faucibus.

Vivamus porttitor leo in tincidunt hendrerit. Cras sit amet mi eu sem congue fringilla. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Quisque consectetur felis non nulla accumsan tempor. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Morbi sit amet eros id lectus ultricies euismod. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Donec porttitor ipsum ac facilisis mattis. Proin eget est eu ante venenatis iaculis. Morbi pulvinar elit a felis vulputate volutpat.

Diamond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Proin ut leo non arcu malesuada suscipit. Cras pulvinar nibh vitae tellus pharetra dapibus. Nam in est in tortor pretium posuere.

Phasellus sollicitudin sapien facilisis augue dapibus varius. Mauris porta nulla et tortor convallis, id posuere est rutrum. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis.

Explore More Shortcodes

[intense_content_section padding_bottom="25" padding_top="25"]
<h2>Introduction</h2>
Adds a divider that can be used to separate content. There are several different divider types to choose from. Some of the dividers have multiple colors that can be set. A divider can show at the top or bottom of an element. The parent element needs to have a relative position CSS style.
[/intense_content_section]

[intense_content_section background_type="image" image="3422" imagemode="parallax" image_horizontal_position="center" padding_top="100" padding_bottom="100" top_divider_type="diagonal-left" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="diagonal-left" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2 style="color:#fff;">Diagonal Left</h2>
<div style="color: #fff;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="image" image="3465" padding_top="100" padding_bottom="100" top_divider_type="diagonal-right" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="diagonal-right" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Diagonal Right</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="image" image="3474" imagemode="fixed" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-right" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle-big-right" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Triangle Big Right</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="image" image="3472" imagemode="fixed" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-left" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle-big-left" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2 style="color:#fff;">Triangle Big Left</h2>
<div style="color: #fff;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#3a5fc7" overlay_image="3003" padding_top="75" padding_bottom="75" top_divider_type="triangle" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2 style="color:#fff;">Triangle</h2>
<div style="color: #fff;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="image" image="3467" imagemode="fixed" padding_top="100" padding_bottom="100" top_divider_type="clouds" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="clouds" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2 style="color:#fff;">Clouds</h2>
<div style="color: #fff;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" overlay_gradient="linear" overlay_gradient_start_color="#5eb8db" overlay_gradient_end_color="#185ff7" overlay_gradient_start_opacity="50" overlay_gradient_end_opacity="80" padding_top="100" padding_bottom="100" top_divider_type="waves" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="waves" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Waves</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" overlay_gradient="radial" overlay_gradient_start_color="#E8A845" overlay_gradient_end_color="#ED3737" overlay_gradient_start_opacity="50" overlay_gradient_end_opacity="80" padding_top="100" padding_bottom="100" top_divider_type="round-split-shadow" top_divider_location="top" top_divider_primary_color="#fff" top_divider_secondary_color="#ED3737" bottom_divider_type="round-split-shadow" bottom_divider_location="bottom" bottom_divider_primary_color="#fff" bottom_divider_secondary_color="#ED3737"]
<h2>Round Split Shadow</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="image" image="3473" imagemode="fixed" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-shadow-left" top_divider_location="top" top_divider_primary_color="#fff" top_divider_secondary_color="#333" bottom_divider_type="triangle-big-shadow-left" bottom_divider_location="bottom" bottom_divider_primary_color="#fff" bottom_divider_secondary_color="#333"]
<h2 style="color:#000;">Triangle Big Shadow Left</h2>
<div style="color: #000;">[intense_filler paragraphs="2"]</div>
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-shadow-right" top_divider_location="top" top_divider_primary_color="#fff" top_divider_secondary_color="#aaa" bottom_divider_type="triangle-big-shadow-right" bottom_divider_location="bottom" bottom_divider_primary_color="#fff" bottom_divider_secondary_color="#aaa"]
<h2>Triangle Big Shadow Right</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="curve-big" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="curve-big" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Curve Big</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="circle-big" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="circle-big" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Circle Big</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="circle-edge" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="circle-edge" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Circle Edge</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="zigzag-incline" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="zigzag-incline" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Zigzag Incline</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="zigzag-castle" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="zigzag-castle" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Zigzag Castle</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="zigzag" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="zigzag" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Zigzag</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="boxes" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="boxes" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Boxes</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="round-split" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="round-split" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Round Split</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="round-edge" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="round-edge" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Round Edge</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" margin_bottom="50" top_divider_type="diamond-tripple" top_divider_location="top" top_divider_primary_color="#333" top_divider_secondary_color="#aaa" top_divider_tertiary_color="#aaa" bottom_divider_type="diamond-tripple" bottom_divider_location="bottom" bottom_divider_primary_color="#333" bottom_divider_secondary_color="#aaa" bottom_divider_tertiary_color="#aaa"]
<h2>Diamond Triple</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-inverse" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle-big-inverse" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Triangle Big Inverse</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="curve-left" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="curve-right" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Curve Left/Right</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="triangle-big-centered" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="triangle-big-centered" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Triangle Big Centered</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="circle" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="circle" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Circle</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_content_section background_type="color" background_color="#eee" padding_top="100" padding_bottom="100" top_divider_type="diamond" top_divider_location="top" top_divider_primary_color="#fff" bottom_divider_type="diamond" bottom_divider_location="bottom" bottom_divider_primary_color="#fff"]
<h2>Diamond</h2>
[intense_filler paragraphs="2"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#fff" height="100"]

[/intense_content_section]

[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]