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. Nulla id mi sed velit scelerisque fringilla. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit.
Etiam commodo neque quis aliquam congue. Phasellus sit amet odio sed leo laoreet consectetur. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Phasellus aliquam ipsum ut aliquet dapibus. Vestibulum vitae dui non diam tincidunt malesuada. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Etiam fermentum erat quis adipiscing ornare. Praesent lacinia ante vitae elementum adipiscing. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet.
Diagonal Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis augue et nisi ullamcorper condimentum. Nulla semper ipsum sed sapien fringilla vehicula.
Vestibulum sit amet orci ac nulla blandit vestibulum. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Mauris vel nisi feugiat, condimentum est vel, eleifend diam. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. In vitae diam ac risus sodales sagittis vel sed tortor. Nunc accumsan arcu ac blandit semper. Fusce ut enim id libero aliquet ullamcorper. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu.
Triangle Big Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet tellus eget neque gravida volutpat. Sed vehicula est non massa porttitor interdum.
Nunc molestie dui eget accumsan mattis. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Donec ut tortor in risus eleifend porttitor. In vel dui in mauris eleifend luctus. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Proin in tortor vehicula, porttitor elit at, egestas mi. Sed malesuada libero eget viverra tristique. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin.
Triangle Big Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean viverra ante id nunc lacinia aliquam. Etiam quis ligula eleifend dolor convallis sagittis. Suspendisse sed mauris sed leo feugiat consequat. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Proin blandit magna ullamcorper luctus dictum.
Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Donec dapibus ante eu tellus tempus sodales. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Etiam lobortis diam sit amet facilisis dictum. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Proin ut leo non arcu malesuada suscipit. In ullamcorper lectus in aliquet pellentesque. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Proin ullamcorper diam et semper tristique. Curabitur ornare lacus adipiscing nisl porta, quis faucibus felis vestibulum.
Triangle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Etiam vulputate lectus eget enim porttitor euismod.
In convallis velit tincidunt eleifend vulputate. Etiam lobortis diam sit amet facilisis dictum. Aenean vehicula arcu in imperdiet posuere. Donec molestie urna ut velit facilisis fermentum. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Fusce varius tellus eget eros varius dapibus quis eget urna. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Duis sed lectus in turpis rutrum bibendum sit amet a ante. Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque.
Clouds
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eros id lectus ultricies euismod. Nulla euismod lorem eu elit ornare, ac consectetur sem elementum. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Integer laoreet mauris a augue bibendum blandit. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem. Cras pulvinar nibh vitae tellus pharetra dapibus.
Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Cras et velit in ante gravida elementum et molestie ipsum. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Nulla ac tortor hendrerit felis accumsan pulvinar. Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Cras laoreet diam ac mauris placerat sollicitudin. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Fusce ut enim id libero aliquet ullamcorper. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus.
Waves
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Nam varius magna at sem ultricies hendrerit. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Pellentesque faucibus lacus ac adipiscing fringilla. Sed at turpis sed justo tincidunt blandit. Curabitur tristique ligula ut elit luctus convallis. Proin blandit augue sit amet nunc sollicitudin iaculis. Sed quis augue vel ligula aliquet bibendum at a lectus.
Praesent a justo mattis, pellentesque lacus placerat, ornare est. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Phasellus quis lectus sit amet libero tincidunt lobortis. Sed placerat est nec diam lobortis auctor. Quisque rutrum libero vitae ullamcorper consequat. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa.
Round Split Shadow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla feugiat orci non libero ultrices dignissim. Mauris varius turpis eget magna accumsan varius. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Ut nec massa a nulla tempor volutpat sed et purus. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet.
Curabitur imperdiet nisi a arcu bibendum dapibus. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. In vel dui in mauris eleifend luctus. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Sed eget nisi at metus varius gravida ac eu mi. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Suspendisse nec ipsum sed metus lacinia vestibulum. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis.
Triangle Big Shadow Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at ante quis urna aliquam tristique. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Donec ut tortor in risus eleifend porttitor. Etiam commodo neque quis aliquam congue. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales.
Sed vel dolor tempus, imperdiet erat in, varius orci. In vitae purus vitae elit congue imperdiet vel sit amet dolor. Duis ut dui ac lacus congue suscipit sed eu augue. Praesent interdum est sed rutrum dapibus. Cras et velit in ante gravida elementum et molestie ipsum. Ut eu velit in nisl accumsan tempus. Duis accumsan risus quis metus dapibus bibendum.
Triangle Big Shadow Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Sed eget urna vel orci aliquam molestie quis sed elit. Praesent in justo sit amet lectus venenatis auctor quis sed risus. Quisque ac orci condimentum, suscipit nibh vitae, viverra elit. Integer quis nibh lobortis, posuere tortor nec, semper arcu. Maecenas mollis nunc ac sem placerat luctus. Integer quis nibh lobortis, posuere tortor nec, semper arcu. Maecenas ultricies ante quis sodales accumsan. Suspendisse sed mauris sed leo feugiat consequat. Phasellus nec neque sed eros lobortis elementum eget quis elit.
Mauris a velit eget odio sollicitudin laoreet. In vitae diam ac risus sodales sagittis vel sed tortor. Phasellus fermentum tellus vitae nisi adipiscing elementum. Cras tincidunt ipsum et scelerisque ultrices. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis.
Curve Big
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In accumsan nunc venenatis convallis auctor. Aenean tristique lacus non vestibulum hendrerit. Nunc accumsan arcu ac blandit semper.
Quisque sed erat eu orci ultrices vestibulum. Quisque tempus leo quis tempus hendrerit. Curabitur quis sem at massa fermentum egestas. Morbi pulvinar elit a felis vulputate volutpat.
Circle Big
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Quisque feugiat sem nec nisi sodales ullamcorper. Sed a sapien et urna sagittis lacinia eget id nisi.
Sed a sapien et urna sagittis lacinia eget id nisi. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Nullam et lacus non enim cursus varius eget vitae ante.
Circle Edge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras at nisi eget mauris dictum vehicula eu non massa. Cras et velit in ante gravida elementum et molestie ipsum.
Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Etiam et odio sit amet massa aliquam convallis. Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Praesent commodo diam vitae sodales laoreet. Quisque consectetur felis non nulla accumsan tempor. Vivamus sit amet lacus a justo venenatis pulvinar. Donec at nunc a arcu congue posuere. Duis id odio in mi ultricies ultricies. Quisque vel ante non ipsum malesuada egestas.
Zigzag Incline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel neque nec eros rutrum placerat at non neque. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. In ut enim vel mi sodales facilisis non id ipsum. Mauris at ipsum vel metus viverra ultricies. Phasellus eu mi quis nibh consectetur auctor.
Integer feugiat neque in sem rutrum laoreet. Etiam et odio sit amet massa aliquam convallis. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis.
Zigzag Castle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id massa imperdiet ante fringilla volutpat nec porta sem. Sed a nisl sed neque tristique volutpat eget eu augue.
Morbi egestas ipsum sit amet lorem porttitor eleifend. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. Cras eu neque sodales, ultricies lectus nec, laoreet est. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Cras laoreet diam ac mauris placerat sollicitudin. Cras laoreet diam ac mauris placerat sollicitudin. Cras et velit in ante gravida elementum et molestie ipsum. Quisque tempus leo quis tempus hendrerit. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur.
Zigzag
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pharetra eros convallis diam bibendum, ac vulputate augue aliquet. Nulla euismod justo adipiscing ante porttitor adipiscing. Donec quis dolor congue, consequat nibh ac, auctor nibh. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. Nullam mattis sapien commodo mauris elementum pulvinar. Duis euismod arcu sit amet scelerisque iaculis. Curabitur varius odio a adipiscing tempor. Nam ac dolor et lorem euismod aliquet.
Pellentesque consectetur mauris sed est porttitor, at imperdiet erat laoreet. Mauris quis ante sed mauris porta lacinia sed a dui. Fusce vitae libero ac ipsum ultrices mollis. Etiam venenatis massa a turpis vulputate pharetra. Ut eu velit in nisl accumsan tempus. Cras quis odio ac leo accumsan pharetra. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim.
Boxes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras fringilla enim sed ante laoreet, eu dapibus mauris iaculis. Sed et nisi ut ante auctor aliquet nec vel velit. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Quisque consectetur felis non nulla accumsan tempor. Morbi sit amet eros id lectus ultricies euismod. Aliquam at orci ultrices, vehicula erat eget, ornare urna. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Curabitur et justo dignissim, tincidunt lacus a, tristique tortor. Quisque vel ante non ipsum malesuada egestas. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Etiam gravida elit a dui ornare, eu consequat tellus fringilla.
Duis ornare sem nec mi euismod posuere. In ac lorem feugiat, molestie ligula ac, congue risus. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Morbi non leo dictum metus lobortis hendrerit sit amet in nunc. Duis ornare sem nec mi euismod posuere. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Praesent commodo diam vitae sodales laoreet. Duis sollicitudin erat vitae nibh rutrum vehicula. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus.
Round Split
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Sed ultricies purus vitae est ornare vulputate. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Duis feugiat orci quis tempor faucibus. Cras hendrerit tortor eget tortor pharetra consequat. Cras id urna eu justo sodales lacinia quis at turpis. Cras tincidunt ipsum et scelerisque ultrices. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra.
Etiam tristique leo at arcu tempus, in dapibus dui tempor. Sed nec ligula id lacus gravida consequat. Nulla id mi sed velit scelerisque fringilla. Phasellus vel neque nec eros rutrum placerat at non neque. Sed lacinia neque a nulla bibendum hendrerit. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Pellentesque accumsan enim id convallis pellentesque. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Donec varius magna nec ante vehicula pulvinar. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Sed lacinia neque a nulla bibendum hendrerit.
Round Edge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum enim nec felis scelerisque sodales. Vestibulum sit amet orci ac nulla blandit vestibulum. Pellentesque posuere neque sed dignissim gravida. Cras bibendum erat rhoncus felis ultrices posuere. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Morbi at libero at sapien ultricies feugiat in quis orci. Quisque vitae elit accumsan, mattis magna id, bibendum dui.
Sed et quam sit amet ligula porttitor placerat at eu diam. Fusce tristique dui et nisi hendrerit ultrices. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Nam in est in tortor pretium posuere. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Nulla dignissim mi in orci venenatis condimentum. Donec eget quam non ligula placerat ultrices. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi.
Diamond Triple
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut dolor nec nulla ullamcorper vestibulum. Aliquam mollis magna elementum, dapibus leo ac, mollis metus. Praesent interdum est sed rutrum dapibus. Duis sollicitudin erat vitae nibh rutrum vehicula. Nulla euismod justo adipiscing ante porttitor adipiscing. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor.
Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus. Nullam eget metus sed velit laoreet viverra eu a augue. Pellentesque ac est consectetur, ornare lorem varius, sagittis ligula. Aliquam quis arcu non magna aliquam iaculis. Duis varius felis nec lectus ornare ultricies.
Triangle Big Inverse
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pretium massa malesuada vestibulum volutpat. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Aliquam tincidunt nibh vitae leo fringilla gravida nec eget velit. Morbi egestas ipsum sit amet lorem porttitor eleifend. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Cras bibendum erat rhoncus felis ultrices posuere. Etiam quis ligula eleifend dolor convallis sagittis.
Proin ullamcorper diam et semper tristique. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc.
Curve Left/Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Etiam fermentum erat quis adipiscing ornare. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Cras at eros iaculis, euismod nunc vitae, cursus erat. Phasellus molestie massa id posuere cursus. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Vestibulum consectetur ante vel mattis venenatis. Nulla porta turpis vel est tempus dictum. Maecenas ac tortor eu est porttitor sodales in id odio.
Sed vel odio sit amet nulla cursus laoreet ut ut ante. Suspendisse nec ipsum sed metus lacinia vestibulum. Praesent aliquam nisl et lacus fringilla dignissim. Cras non erat egestas, vehicula orci ac, suscipit metus.
Triangle Big Centered
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit urna vel lectus fermentum facilisis eu ut metus. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Duis sollicitudin erat vitae nibh rutrum vehicula. Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Nullam et lorem sodales, accumsan nisl quis, fermentum ante.
Vivamus sit amet lacus a justo venenatis pulvinar. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Morbi et ligula a enim euismod lobortis. Sed faucibus risus nec pharetra euismod. Vivamus porttitor leo in tincidunt hendrerit. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Cras id urna eu justo sodales lacinia quis at turpis.
Circle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius metus nec massa malesuada laoreet. Nam vel libero id dui pellentesque fermentum. Praesent id sem at risus adipiscing feugiat.
Cras pulvinar nibh vitae tellus pharetra dapibus. Morbi pulvinar elit a felis vulputate volutpat. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Aliquam posuere nisi ac consequat venenatis. Nunc sed erat in nisl malesuada vestibulum. Mauris at ipsum vel metus viverra ultricies. Proin ultricies massa vitae nisl ultrices imperdiet. Mauris vel nisi feugiat, condimentum est vel, eleifend diam. Vestibulum porta justo a velit porttitor tincidunt.
Diamond
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget metus sed velit laoreet viverra eu a augue. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Nam fermentum urna nec risus consectetur egestas.
Nulla a dui consectetur, gravida ligula et, viverra purus. Sed eu est ut diam aliquam eleifend sed eget neque. Fusce vitae libero ac ipsum ultrices mollis. Nullam mattis sapien commodo mauris elementum pulvinar. In ullamcorper lectus in aliquet pellentesque. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Vestibulum consectetur ante vel mattis venenatis. Aliquam pharetra ligula vel lacus euismod lacinia. Donec tincidunt erat in vestibulum interdum. Suspendisse sed sem sed lorem sagittis auctor non non augue. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Proin blandit augue sit amet nunc sollicitudin iaculis.
Explore More Shortcodes
- Alert
- Animated Popular
- Animated Image
- Animated Scroll New
- Audio
- Badge
- Blockquote
- Blog
- Blur New
- Books
- Button
- Chart
- Clients
- Code
- Collapsibles
- Content Box
- Content Section Popular
- Counter
- Coupons
- Custom Post Type
- Definitions
- Device Mockups
- Divider Popular
- Dropcap
- Emphasis
- Events
- FAQ
- Filler
- Flip Box Popular
- Fullscreen Video
- Gallery Popular
- Google Docs Viewer
- Guests
- Heading
- Highlight
- Hover Box
- Horizontal Ruler
- Icon Popular
- Icon List
- If New
- Image
- Image Compare
- Jobs
- Label
- Lead
- Lightbox
- Locations
- Map
- Masonry
- Members
- Menu
- Post Meta Data
- Movies
- Music
- News
- Overlay Popular
- Panel New
- Parallax Scene Popular
- Permalink
- Person
- Popover
- Portfolio
- Post Fields
- Post Media
- Pricing Table
- Progress
- Project
- Promotional Box
- QR Code
- Quotes
- Recent Books
- Recent Clients
- Recent Coupons
- Recent Events
- Recent Jobs
- Recent Locations
- Recent Movies
- Recent Music
- Recent News
- Recent Portfolios
- Recent Posts
- Recent Projects
- Recent Quotes
- Recent Recipes
[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"]