{"id":72353,"date":"2018-04-09T09:50:48","date_gmt":"2018-04-09T07:50:48","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?page_id=72353"},"modified":"2018-04-09T09:50:48","modified_gmt":"2018-04-09T07:50:48","slug":"shape-dividers","status":"publish","type":"page","link":"https:\/\/uncode.archiformazione.it\/?page_id=72353","title":{"rendered":"Shape Dividers"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-105898&#8243; back_image=&#8221;97923&#8243; back_position=&#8221;center top&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; enable_bottom_divider=&#8221;default&#8221; bottom_divider_inv=&#8221;curve-opacity&#8221; shape_bottom_invert=&#8221;yes&#8221; shape_bottom_h_use_pixel=&#8221;true&#8221; shape_bottom_height_percent=&#8221;18&#8243; shape_bottom_opacity=&#8221;100&#8243; shape_bottom_index=&#8221;0&#8243; el_class=&#8221;demo-section demo-hero&#8221; uncode_shortcode_id=&#8221;201861&#8243; back_color_type=&#8221;uncode-palette&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243; column_width_pixel=&#8221;840&#8243;][vc_custom_heading text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]First-Class Layouts[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_size=&#8221;fontsize-338686&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Superb designs with the Shape Dividers[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]Using the Shape Dividers, you can add attractive sections separators to your web pages. There are 28 default shapes to pick from, or you can upload your SVG code.[\/vc_column_text][vc_button size=&#8221;btn-lg&#8221; hover_fx=&#8221;full-colored&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; border_width=&#8221;0&#8243; scale_mobile=&#8221;no&#8221; link=&#8221;url:https%3A%2F%2F1.envato.market%2FQ3bJP||target:%20_blank|&#8221; el_class=&#8221;demo-button&#8221; uncode_shortcode_id=&#8221;118277&#8243;]Buy Now \u00b7 $59[\/vc_button][vc_empty_space empty_h=&#8221;5&#8243; el_class=&#8221;intro-compensate&#8221;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;2&#8243; top_divider=&#8221;tilt&#8221; bottom_divider=&#8221;gradient&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;video-icon-container&#8221; limit_content=&#8221;&#8221;][vc_column_inner column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;0&#8243; style=&#8221;dark&#8221; back_color=&#8221;color-nhtu&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;-5&#8243; shift_y_fixed=&#8221;yes&#8221; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; shadow=&#8221;lg&#8221; width=&#8221;1\/1&#8243;][vc_single_image media=&#8221;11307&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;sixteen-nine&#8221; advanced=&#8221;yes&#8221; media_overlay_color=&#8221;color-jevc&#8221; media_overlay_opacity=&#8221;10&#8243; media_overlay_visible=&#8221;yes&#8221; media_overlay_anim=&#8221;no&#8221; media_text_anim=&#8221;no&#8221; media_image_anim=&#8221;no&#8221; media_padding=&#8221;2&#8243;][vc_icon display=&#8221;absolute-center&#8221; icon=&#8221;fa fa-play&#8221; background_style=&#8221;fa-rounded&#8221; size=&#8221;fa-3x&#8221; icon_automatic=&#8221;yes&#8221; shadow=&#8221;yes&#8221; media_lightbox=&#8221;11269&#8243; el_class=&#8221;intro-icon&#8221;][\/vc_icon][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;0&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; bottom_divider=&#8221;gradient&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Give life to your pages[\/vc_custom_heading][vc_column_text]The Shape Dividers help you create dynamic visual transitions \u00a0for your page, and provides nearly unlimited creative possibilities.[\/vc_column_text][\/vc_column][vc_column column_width_use_pixel=&#8221;yes&#8221; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Pre-made or custom[\/vc_custom_heading][vc_column_text]There are 28 default Shape Dividers to pick from with just one click, or you can create your own by uploading an SVG code.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Options and settings[\/vc_custom_heading][vc_column_text]No matter which shape you choose, you can fully customize the look of your divider by flipping, inverting, resizing, and coloring it.[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-wayh&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; enable_top_divider=&#8221;default&#8221; top_divider=&#8221;tilt&#8221; shape_top_flip=&#8221;yes&#8221; shape_top_h_use_pixel=&#8221;&#8221; shape_top_height=&#8221;72&#8243; shape_top_opacity=&#8221;100&#8243; shape_top_safe=&#8221;yes&#8221; shape_top_index=&#8221;0&#8243; enable_bottom_divider=&#8221;default&#8221; bottom_divider=&#8221;tilt&#8221; shape_bottom_flip=&#8221;yes&#8221; shape_bottom_h_use_pixel=&#8221;&#8221; shape_bottom_height=&#8221;72&#8243; shape_bottom_opacity=&#8221;100&#8243; shape_bottom_safe=&#8221;yes&#8221; shape_bottom_index=&#8221;0&#8243; el_class=&#8221;demo-section demo-dark-background&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;4&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; column_width_pixel=&#8221;960&#8243;][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Shape Dividers Layouts[\/vc_custom_heading][uncode_index el_id=&#8221;index-8989138976&#8243; index_type=&#8221;carousel&#8221; loop=&#8221;size:All|order_by:date|post_type:page|taxonomy_count:10&#8243; carousel_lg=&#8221;1&#8243; carousel_md=&#8221;1&#8243; carousel_sm=&#8221;1&#8243; thumb_size=&#8221;three-two&#8221; gutter_size=&#8221;6&#8243; page_items=&#8221;media|featured|onpost|original,title&#8221; portfolio_items=&#8221;media|featured|onpost|original,title&#8221; carousel_v_align=&#8221;middle&#8221; carousel_interval=&#8221;0&#8243; carousel_navspeed=&#8221;700&#8243; carousel_loop=&#8221;yes&#8221; carousel_overflow=&#8221;yes&#8221; carousel_dots=&#8221;yes&#8221; carousel_dots_space=&#8221;yes&#8221; carousel_dots_mobile=&#8221;yes&#8221; carousel_pointer_events=&#8221;yes&#8221; stage_padding=&#8221;0&#8243; single_style=&#8221;dark&#8221; single_shape=&#8221;round&#8221; radius=&#8221;xs&#8221; single_overlay_opacity=&#8221;50&#8243; single_overlay_anim=&#8221;no&#8221; single_text_anim=&#8221;no&#8221; single_image_anim=&#8221;no&#8221; single_h_align=&#8221;center&#8221; single_padding=&#8221;2&#8243; single_title_dimension=&#8221;fontsize-160000&#8243; single_shadow=&#8221;yes&#8221; shadow_weight=&#8221;lg&#8221; shadow_darker=&#8221;yes&#8221; single_border=&#8221;yes&#8221; custom_order=&#8221;yes&#8221; el_class=&#8221;demo-showcase&#8221; uncode_shortcode_id=&#8221;983268&#8243; order_ids=&#8221;72416,79815,4503,74516,72407&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; enable_bottom_divider=&#8221;default&#8221; bottom_divider=&#8221;tilt&#8221; shape_bottom_h_use_pixel=&#8221;&#8221; shape_bottom_height=&#8221;72&#8243; shape_bottom_color=&#8221;color-lxmt&#8221; shape_bottom_opacity=&#8221;100&#8243; shape_bottom_safe=&#8221;yes&#8221; shape_bottom_index=&#8221;0&#8243; inverted_device_order=&#8221;yes&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]Shapes design[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Select a Shape Divider or upload your own[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]In Uncode, there are 28 Shape Dividers to pick from with just one click, or you can create your custom own by uploading an SVG code.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99797&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; uncode_shortcode_id=&#8221;682879&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;11311&#8243; media_width_percent=&#8221;100&#8243; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;735362&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card&#8221; uncode_shortcode_id=&#8221;154929&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;129985&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;117210&#8243;][vc_single_image media=&#8221;99671&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;838021&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]Shapes options[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Fully customize the look of your Shape Divider[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;148773&#8243;]No matter which shape you choose, you can fully customize your Shape Divider&#8217;s look by flipping, inverting, resizing, and coloring it.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;97741&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Using the Shape Dividers, you can add attractive sections separators to your web pages. There are 28 default shapes to pick from, or you can upload your SVG code.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":125,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72353","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uncode.archiformazione.it\/index.php?rest_route=\/wp\/v2\/pages\/72353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uncode.archiformazione.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uncode.archiformazione.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uncode.archiformazione.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uncode.archiformazione.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=72353"}],"version-history":[{"count":0,"href":"https:\/\/uncode.archiformazione.it\/index.php?rest_route=\/wp\/v2\/pages\/72353\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/uncode.archiformazione.it\/index.php?rest_route=\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"https:\/\/uncode.archiformazione.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}