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