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. Nullam eget metus sed velit laoreet viverra eu a augue. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Vivamus porttitor leo in tincidunt hendrerit. Proin eu sem sit amet libero tristique accumsan in non dui. Duis varius felis nec lectus ornare ultricies. Duis euismod arcu sit amet scelerisque iaculis.
Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Nam non mi ut orci commodo bibendum. Cras dignissim arcu id molestie blandit. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Praesent ac mi quis dui tincidunt suscipit. In vitae ligula interdum, auctor quam vitae, eleifend quam. Duis semper purus ac arcu ullamcorper blandit.
Diagonal Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Suspendisse feugiat tortor sed ante egestas viverra. Nam laoreet sapien ac odio ullamcorper posuere. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare. Donec varius magna nec ante vehicula pulvinar. Sed a nisl sed neque tristique volutpat eget eu augue. Nullam eget metus sed velit laoreet viverra eu a augue. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare.
Cras at dolor sed felis volutpat aliquet vel et enim. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Maecenas facilisis augue et nisi ullamcorper condimentum. Integer eu ligula blandit metus facilisis viverra. Vivamus mollis libero nec turpis lobortis, nec congue augue lacinia. Quisque eget libero vel enim volutpat vulputate non quis nulla. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Vestibulum id erat quis ante dictum consequat a sed dui. Nullam non lorem mollis, cursus libero non, consectetur erat.
Triangle Big Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Nunc eu mauris ac felis sodales lacinia.
Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Mauris at ipsum vel metus viverra ultricies. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. In vitae diam ac risus sodales sagittis vel sed tortor. In vel dui in mauris eleifend luctus. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Mauris sit amet tellus eget neque gravida volutpat. Vestibulum id erat quis ante dictum consequat a sed dui. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Pellentesque dictum libero eu odio ultricies pellentesque. Phasellus tincidunt dolor a sapien fringilla lacinia.
Triangle Big Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod justo adipiscing ante porttitor adipiscing. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Proin vehicula turpis eu arcu venenatis condimentum. Sed tristique urna non vehicula imperdiet. In accumsan nunc venenatis convallis auctor. Fusce sagittis metus in magna vulputate lobortis. Vivamus at turpis luctus metus commodo fermentum. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Curabitur sagittis justo id orci scelerisque, non sagittis nunc tincidunt.
Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Ut et neque posuere, malesuada dui quis, pulvinar metus. Duis ut dui ac lacus congue suscipit sed eu augue. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Nunc et velit et dolor consequat laoreet id accumsan neque. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Praesent sed lectus vitae libero accumsan mollis. Vestibulum at diam tristique, interdum sapien in, blandit nulla. Phasellus aliquam ipsum ut aliquet dapibus. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Mauris a eros placerat, sodales erat sed, hendrerit erat. In ac ligula non mauris imperdiet auctor.
Triangle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eleifend tortor quis blandit pellentesque. Proin ac mi sit amet mi tincidunt sagittis. Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Fusce vitae libero ac ipsum ultrices mollis. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Ut egestas lectus sit amet ante posuere molestie. Suspendisse non justo nec est aliquet semper. Donec tempor urna at auctor dictum. Duis euismod arcu sit amet scelerisque iaculis. Cras scelerisque odio non vehicula porta. Etiam quis ligula eleifend dolor convallis sagittis.
Quisque rutrum libero vitae ullamcorper consequat. Sed et nisi ut ante auctor aliquet nec vel velit. Praesent dictum augue eu urna ultricies adipiscing. Vestibulum porttitor augue a sapien rhoncus, eget blandit dui mattis. Mauris a velit eget odio sollicitudin laoreet. Mauris at ipsum vel metus viverra ultricies. Suspendisse suscipit dui faucibus dui sodales convallis. Nam eleifend lectus rutrum dui pretium commodo.
Clouds
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tortor hendrerit felis accumsan pulvinar. Morbi vel nunc id mauris mollis congue sed vitae lacus. Vestibulum consectetur ante vel mattis venenatis. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Aliquam rutrum quam non interdum egestas. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna.
Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Fusce tristique dolor nec turpis euismod, a tempus arcu elementum. Maecenas sollicitudin purus sodales leo molestie interdum.
Waves
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget metus sed velit laoreet viverra eu a augue. Aenean at dolor aliquet nisl feugiat dignissim. Praesent mollis lacus sit amet tortor malesuada placerat. Morbi lacinia mauris nec lectus rhoncus imperdiet. Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Phasellus nec neque sed eros lobortis elementum eget quis elit. Aliquam iaculis tortor ac dapibus condimentum. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies.
Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Mauris at ipsum vel metus viverra ultricies. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Etiam quis ligula eleifend dolor convallis sagittis.
Round Split Shadow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Phasellus eleifend massa at euismod rutrum. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio.
Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Praesent dictum augue eu urna ultricies adipiscing. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Vestibulum vitae dui non diam tincidunt malesuada. Suspendisse feugiat tortor sed ante egestas viverra. Suspendisse vel velit eu diam molestie ornare nec quis turpis. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Sed a nisl sed neque tristique volutpat eget eu augue. Sed vel dolor tempus, imperdiet erat in, varius orci.
Triangle Big Shadow Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sollicitudin purus sodales leo molestie interdum. Donec et turpis posuere, euismod tortor at, sagittis massa. Suspendisse feugiat tortor sed ante egestas viverra. Sed nec ligula id lacus gravida consequat. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Duis sollicitudin erat vitae nibh rutrum vehicula. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Nunc aliquet lorem eu luctus dictum.
Duis dapibus nisi ut ante tincidunt ultrices. Nunc et velit et dolor consequat laoreet id accumsan neque. Aenean laoreet eros eu tellus luctus, sed tristique augue commodo. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Mauris varius turpis eget magna accumsan varius. Nunc eu mauris ac felis sodales lacinia. Nulla ac dolor ultricies ligula vehicula consequat et et lectus. Curabitur tristique ligula ut elit luctus convallis. Sed tristique urna non vehicula imperdiet.
Triangle Big Shadow Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget quam non ligula placerat ultrices. Donec feugiat libero eget est eleifend, ut fermentum libero viverra. Nullam ornare tellus vitae accumsan suscipit. Vivamus porttitor leo in tincidunt hendrerit. Suspendisse vel velit eu diam molestie ornare nec quis turpis. Mauris non dui eget justo bibendum imperdiet ut non velit. In vitae ligula interdum, auctor quam vitae, eleifend quam. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Curabitur tristique ligula ut elit luctus convallis. Etiam quis ligula eleifend dolor convallis sagittis. Quisque rutrum libero vitae ullamcorper consequat.
Maecenas facilisis augue et nisi ullamcorper condimentum. Suspendisse eu nunc rutrum, vulputate enim sed, lobortis erat. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Maecenas facilisis augue et nisi ullamcorper condimentum. Phasellus fermentum tellus vitae nisi adipiscing elementum.
Curve Big
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at libero at sapien ultricies feugiat in quis orci. Aenean vehicula arcu in imperdiet posuere. Fusce sagittis libero id lorem imperdiet, ac euismod ipsum venenatis. Proin molestie libero ac risus pellentesque mollis. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Suspendisse feugiat tortor sed ante egestas viverra. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Maecenas sollicitudin purus sodales leo molestie interdum. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Praesent a sapien nec enim rutrum ultrices in adipiscing augue.
Suspendisse feugiat tortor sed ante egestas viverra. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Nam fermentum urna nec risus consectetur egestas. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi. Integer tempor leo eget tellus fermentum sollicitudin. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Praesent aliquam nisl et lacus fringilla dignissim.
Circle Big
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mattis nulla sed ultricies sodales. Ut in nulla tincidunt nulla malesuada tempor ac non risus. Nullam interdum tortor sit amet lacinia auctor. Curabitur quis sem at massa fermentum egestas. Aliquam adipiscing risus et vestibulum sollicitudin.
Pellentesque egestas leo aliquam vehicula iaculis. Sed placerat est nec diam lobortis auctor. Quisque ac turpis sit amet nibh ultricies egestas quis quis neque.
Circle Edge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque feugiat sem nec nisi sodales ullamcorper. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Donec eget quam non ligula placerat ultrices. Fusce varius tellus eget eros varius dapibus quis eget urna. Sed vehicula est non massa porttitor interdum. Sed ac sapien in sapien aliquet eleifend. Duis id odio in mi ultricies ultricies. In vitae purus vitae elit congue imperdiet vel sit amet dolor.
Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Ut egestas lectus sit amet ante posuere molestie. Quisque ac arcu ut magna semper eleifend. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Nulla feugiat orci non libero ultrices dignissim. Quisque vel ante non ipsum malesuada egestas. Praesent porta tellus ac tortor dapibus, non faucibus ligula malesuada. Proin nec ligula nec libero tristique ornare. Ut in nulla tincidunt nulla malesuada tempor ac non risus.
Zigzag Incline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Aliquam in augue congue, consectetur est eget, gravida enim. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Pellentesque faucibus lacus ac adipiscing fringilla.
Vestibulum porta justo a velit porttitor tincidunt. Curabitur pulvinar lacus at nulla elementum, eget suscipit neque imperdiet. Cras at nisi eget mauris dictum vehicula eu non massa. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Proin vehicula turpis eu arcu venenatis condimentum.
Zigzag Castle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Cras sed mauris non massa tincidunt viverra a consequat ligula. Pellentesque sit amet urna eget nisl luctus tristique at non odio. Nunc accumsan arcu ac blandit semper. In ultrices magna et auctor porta. Pellentesque accumsan enim id convallis pellentesque. Nulla dictum purus in vehicula volutpat. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Curabitur blandit ante id nibh convallis, vel euismod velit commodo.
Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Quisque consectetur felis non nulla accumsan tempor. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Duis dapibus nisi ut ante tincidunt ultrices. Mauris porta nulla et tortor convallis, id posuere est rutrum. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Curabitur pulvinar lacus at nulla elementum, eget suscipit neque imperdiet. Sed ac sapien in sapien aliquet eleifend. Integer congue sapien id nibh mattis interdum.
Zigzag
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod. Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Donec quis enim egestas, pharetra ipsum vel, rutrum turpis. Phasellus tincidunt dolor a sapien fringilla lacinia. Proin in tortor vehicula, porttitor elit at, egestas mi. Vestibulum faucibus sapien eu justo posuere, sit amet tempus magna pretium. Suspendisse feugiat tortor sed ante egestas viverra. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus.
Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin. Nunc eu mauris ac felis sodales lacinia. Donec porttitor ipsum ac facilisis mattis.
Boxes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Mauris porta nulla et tortor convallis, id posuere est rutrum. Phasellus suscipit urna id mauris fringilla accumsan. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Praesent nec neque cursus, congue neque et, tempor odio. Cras at nisi eget mauris dictum vehicula eu non massa. Ut egestas lectus sit amet ante posuere molestie. Sed vitae risus sit amet nisl molestie iaculis. Praesent a justo mattis, pellentesque lacus placerat, ornare est. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. In ac ligula non mauris imperdiet auctor.
Phasellus eu mi quis nibh consectetur auctor. Donec tincidunt erat in vestibulum interdum. Integer feugiat neque in sem rutrum laoreet.
Round Split
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu mauris ac felis sodales lacinia. Proin ac mi sit amet mi tincidunt sagittis.
Nunc ut nisl in lacus tempus interdum. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Praesent mattis nibh eu enim laoreet adipiscing. Pellentesque accumsan enim id convallis pellentesque. Aenean at dolor aliquet nisl feugiat dignissim.
Round Edge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Nullam et lacus non enim cursus varius eget vitae ante. Vestibulum imperdiet urna vitae sapien faucibus porttitor. Pellentesque dictum libero eu odio ultricies pellentesque. Duis tempor est non orci convallis rhoncus. Pellentesque dignissim sapien nec sagittis commodo. Mauris elementum sem ac condimentum tempor. Nulla dignissim mi in orci venenatis condimentum.
Donec varius magna nec ante vehicula pulvinar. Phasellus vel neque nec eros rutrum placerat at non neque. Phasellus eu mi quis nibh consectetur auctor. Nulla dictum purus in vehicula volutpat.
Diamond Triple
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel ante non ipsum malesuada egestas. Cras id urna eu justo sodales lacinia quis at turpis. Integer id velit scelerisque lectus eleifend mattis. Aenean quis nulla vel dolor blandit mattis et vel sem. Sed eu est ut diam aliquam eleifend sed eget neque. Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Phasellus nec neque sed eros lobortis elementum eget quis elit. Aliquam rutrum quam non interdum egestas.
Cras tincidunt ipsum et scelerisque ultrices. In accumsan nunc venenatis convallis auctor. Proin eget est eu ante venenatis iaculis. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Etiam commodo neque quis aliquam congue.
Triangle Big Inverse
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet neque id consectetur eleifend. Sed vitae risus sit amet nisl molestie iaculis. Cras pulvinar nibh vitae tellus pharetra dapibus. Nunc ac lectus vel tortor rutrum feugiat. Duis at mauris et turpis convallis gravida sit amet quis lectus. Nulla sed lectus ac tellus rhoncus pellentesque. Sed a sapien et urna sagittis lacinia eget id nisi.
Fusce ut enim id libero aliquet ullamcorper. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Aliquam vel massa vulputate, dictum nulla sodales, suscipit nisi. Integer iaculis purus sed congue porta. Donec dapibus ante eu tellus tempus sodales. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. In nec tellus at neque malesuada malesuada et sed nibh. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Proin egestas tortor sit amet venenatis posuere. Maecenas ultricies ante quis sodales accumsan.
Curve Left/Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mattis augue ut blandit eleifend. Nullam mattis sapien commodo mauris elementum pulvinar. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Donec tempor urna at auctor dictum. Cras in ante et erat porta luctus. Aenean mattis nisl et sem adipiscing, at aliquam est dictum.
Nulla cursus velit a libero molestie, ornare pharetra purus facilisis. Nulla in lorem sed ipsum cursus scelerisque. Vestibulum et odio dictum, elementum augue non, volutpat sapien.
Triangle Big Centered
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum. In ultrices magna et auctor porta. Donec tempor urna at auctor dictum.
In nec tellus at neque malesuada malesuada et sed nibh. Vivamus suscipit magna vitae placerat dapibus. Nullam eu tortor vitae turpis malesuada aliquam. Sed id leo dictum, hendrerit urna vitae, ullamcorper felis. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Vivamus ac leo mollis, posuere sapien id, accumsan sapien.
Circle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non lorem mollis, cursus libero non, consectetur erat. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum.
Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Nullam eget metus sed velit laoreet viverra eu a augue. Vestibulum non urna in felis lobortis vestibulum. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Donec at nunc a arcu congue posuere. Duis semper purus ac arcu ullamcorper blandit. Phasellus aliquam ipsum ut aliquet dapibus.
Diamond
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Proin ut lacus ac mi sollicitudin interdum. In feugiat lacus et velit ultrices volutpat. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Donec varius magna nec ante vehicula pulvinar. Sed quis augue vel ligula aliquet bibendum at a lectus. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros.
Suspendisse sed mauris sed leo feugiat consequat. Phasellus sollicitudin sapien facilisis augue dapibus varius. Nam fermentum urna nec risus consectetur egestas. Praesent mattis nibh eu enim laoreet adipiscing.
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"]