Shape Divider

[vc_row wrap_container=»yes» el_class=»mt-5 pt-5″][vc_column]

Shape Divider
Now we provide lots of shape dividers in section element. It makes your site more beautiful. Please purchase Porto without hesitation.
[vc_single_image image=»3341″ img_size=»full» animation_delay=»300″ animation_type=»fadeInUp»]

Fashion Way To Decorate Site

Porto now has 16+ different ways for you to separate section and rows of content your website, so there’s one for every occasion or style. Our Shape Dividers have been designed to give you the ultimate in page division flexibility, and help you to make your website graceful, logical, and beautiful… Please choose our wonderful theme.
[/vc_column][/vc_row][vc_section top_divider_type=»slant» top_divider_flip=»true» css=».vc_custom_1620717970429{background-color: #323232 !important;}» top_divider_color=»#ffffff»][vc_row wrap_container=»yes»][vc_column]

Slant

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»triangle» css=».vc_custom_1620718094041{background-color: #fbb034 !important;}» top_divider_color=»#323232″][vc_row wrap_container=»yes»][vc_column]

Triangle

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»bigtriangle» css=».vc_custom_1620718183861{background-color: #1f2023 !important;}» top_divider_color=»#fbb034″][vc_row wrap_container=»yes»][vc_column]

Triangle asymmetrical

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»split» css=».vc_custom_1620718414541{background-color: #c54b85 !important;}» top_divider_color=»#1f2023″][vc_row wrap_container=»yes»][vc_column]

Split

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»curved» top_divider_invert=»true» css=».vc_custom_1620718483362{background-color: #212529 !important;}» top_divider_color=»#c54b85″][vc_row wrap_container=»yes»][vc_column]

Curved

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»big-half-circle» top_divider_invert=»true» css=».vc_custom_1620718632453{background-color: #8ed65e !important;}» top_divider_color=»#212529″][vc_row wrap_container=»yes»][vc_column]

Big Half Circle

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»clouds» top_divider_invert=»true» css=».vc_custom_1620718739398{background-color: #b9c5d5 !important;}» top_divider_color=»#8ed65e»][vc_row wrap_container=»yes»][vc_column]

Cloud

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»horizon» top_divider_invert=»true» css=».vc_custom_1620719047534{background-color: #242a2b !important;}» top_divider_color=»#b9c5d5″][vc_row wrap_container=»yes»][vc_column]

Horizon

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»waves» top_divider_invert=»true» css=».vc_custom_1620719139434{background-color: #20b2df !important;}» top_divider_color=»#242a2b»][vc_row wrap_container=»yes»][vc_column]

Waves

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»waves_opacity» top_divider_invert=»true» css=».vc_custom_1620719214517{background-color: #1f2023 !important;}» top_divider_color=»#20b2df»][vc_row wrap_container=»yes»][vc_column]

Waves Opacity

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»waves_brush» css=».vc_custom_1620719289813{background-color: #1e73be !important;}» top_divider_color=»#1f2023″][vc_row wrap_container=»yes»][vc_column]

Waves Brush

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»hills» top_divider_invert=»true» css=».vc_custom_1620719334449{background-color: #1f2023 !important;}» top_divider_color=»#1e73be»][vc_row wrap_container=»yes»][vc_column]

Hills

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»hills_opacity» top_divider_invert=»true» css=».vc_custom_1620719479797{background-color: #dd9a35 !important;}» top_divider_color=»#1f2023″][vc_row wrap_container=»yes»][vc_column]

Hills Opacity

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»zigzag» css=».vc_custom_1620719518606{background-color: #1f2023 !important;}» top_divider_color=»#dd9a35″][vc_row wrap_container=»yes»][vc_column]

Zigzag

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»book» css=».vc_custom_1620719590950{background-color: #903de2 !important;}» top_divider_color=»#1f2023″][vc_row wrap_container=»yes»][vc_column]

Book

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»arrow» css=».vc_custom_1620719641369{background-color: #1f2023 !important;}» top_divider_color=»#903de2″][vc_row wrap_container=»yes»][vc_column]

Arrow

[/vc_column][/vc_row][/vc_section][vc_section top_divider_type=»custom» top_divider_custom=»JTA5JTA5JTA5JTA5JTA5JTA5JTA5JTNDc3ZnJTIwdmVyc2lvbiUzRCUyMjEuMSUyMiUyMHhtbG5zJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy53My5vcmclMkYyMDAwJTJGc3ZnJTIyJTIweG1sbnMlM0F4bGluayUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudzMub3JnJTJGMTk5OSUyRnhsaW5rJTIyJTIweCUzRCUyMjBweCUyMiUyMHklM0QlMjIwcHglMjIlMjB2aWV3Qm94JTNEJTIyMCUyMDAlMjAyMDAwJTIwMTIwJTIyJTIwcHJlc2VydmVBc3BlY3RSYXRpbyUzRCUyMm5vbmUlMjIlM0UlMEElMDklMDklMDklMDklMDklMDklMDklMDklM0Nwb2x5Z29uJTIwJTIwcG9pbnRzJTNEJTIyLTExJTJDMiUyMDY5MyUyQzExMiUyMDIwMTklMkM2JTIwMjAxOSUyQzEzNSUyMC0xMSUyQzEzNSUyMCUyMiUzRSUzQyUyRnBvbHlnb24lM0UlMEElMDklMDklMDklMDklMDklMDklMDklM0MlMkZzdmclM0UlMEElMDklMDklMDklMDklMDklMDklM0NzdmclMjB2ZXJzaW9uJTNEJTIyMS4xJTIyJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB4bWxucyUzQXhsaW5rJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy53My5vcmclMkYxOTk5JTJGeGxpbmslMjIlMjB4JTNEJTIyMHB4JTIyJTIweSUzRCUyMjBweCUyMiUyMHZpZXdCb3glM0QlMjIwJTIwMCUyMDIwMDAlMjAxMjAlMjIlMjBwcmVzZXJ2ZUFzcGVjdFJhdGlvJTNEJTIybm9uZSUyMiUzRSUwQSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUzQ3BvbHlnb24lMjBwb2ludHMlM0QlMjItMTElMkMyJTIwNjkzJTJDMTEyJTIwMjAxOSUyQzYlMjAyMDE5JTJDMTM1JTIwLTExJTJDMTM1JTIwJTIyJTNFJTNDJTJGcG9seWdvbiUzRSUwQSUwOSUwOSUwOSUwOSUwOSUwOSUwOSUzQyUyRnN2ZyUzRSUzQ3N2ZyUyMHZlcnNpb24lM0QlMjIxLjElMjIlMjB4bWxucyUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudzMub3JnJTJGMjAwMCUyRnN2ZyUyMiUyMHhtbG5zJTNBeGxpbmslM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjE5OTklMkZ4bGluayUyMiUyMHglM0QlMjIwcHglMjIlMjB5JTNEJTIyMHB4JTIyJTIwdmlld0JveCUzRCUyMjAlMjAwJTIwMjAwMCUyMDEyMCUyMiUyMHByZXNlcnZlQXNwZWN0UmF0aW8lM0QlMjJub25lJTIyJTNFJTBBJTA5JTA5JTA5JTA5JTA5JTA5JTA5JTA5JTNDcG9seWdvbiUyMHBvaW50cyUzRCUyMi0xMSUyQzIlMjA2OTMlMkMxMTIlMjAyMDE5JTJDNiUyMDIwMTklMkMxMzUlMjAtMTElMkMxMzUlMjAlMjIlM0UlM0MlMkZwb2x5Z29uJTNFJTBBJTA5JTA5JTA5JTA5JTA5JTA5JTA5JTNDJTJGc3ZnJTNF» top_divider_invert=»true» css=».vc_custom_1620725414324{background-color: #0088cc !important;}» top_divider_color=»#1f2023″ top_divider_class=»shape-divider-horizontal-animation-to-left shape-divider-horizontal-animation»][vc_row wrap_container=»yes»][vc_column]

Custom and Animation

[/vc_column][/vc_row][/vc_section][vc_row wrap_container=»yes» el_class=»m-b-xxl»][vc_column]
Element Options Glossary
This element gives you style options and content options that are unique and will stand out from the rest of the site. Please try! Each option works smoothly, perfectly and well.
[/vc_column][vc_column el_class=»mb-4 mb-md-0″]
[vc_custom_heading text=»Shape Divider Options» font_container=»tag:h3|text_align:left» use_theme_fonts=»yes» font_weight=»700″]
  • Divider Type – Choose a shape divider which you like. If you don’t like any dividers, select ‘custom’ option. In here you can set divider you want.
  • Custom Shape Divider – Please input custom svg or upload in elementor.
  • Divider Color – Fill the color of shape divider.
  • Height – Height of shape divider.
  • Flip – Invert y-axis.
  • Invert – Invert x-axis.
  • Extra class name – Add extra class to shape divider without any dots. e.g: my-class
[/vc_column][/vc_row]