Divi Supreme Flipbox Module

With over 15 effects to choose from, you can now create stunning interactive content that converts.

[dsm_floating_multi_images floating_height=”450px” floating_height_tablet=”610px” floating_height_phone=”300px” floating_height_last_edited=”on|phone” _builder_version=”3.17.6″ background_image=”data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNTYgMTc4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTYgMTc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0YyRjJGNztlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC43LDMwLjhjLTE2LjQtMC42LTMyLTUuOS00Ny0xMS43UzcyLjEsNi45LDU2LDMuOEM0NS43LDEuOCwzNCwxLjYsMjUuNiw3LjFjLTgsNS4zLTEwLjYsMTQuNS0xMiwyMwoJYy0xLDYuNC0xLjcsMTMuMSwxLjIsMTkuMWMyLDQuMiw1LjUsNy43LDgsMTEuNmM4LjUsMTMuOSwyLjUsMzEtNi43LDQ0LjVjLTQuMyw2LjQtOS4zLDEyLjQtMTIuNiwxOS4ycy00LjksMTQuNS0yLDIxLjQKCWMyLjksNi44LDkuOCwxMiwxNy4yLDE1LjZjMTUuMSw3LjQsMzMsOS40LDUwLjQsMTAuNmMzOC41LDIuNiw3Ny4yLDEuNSwxMTUuOCwwLjRjMTQuMy0wLjQsMjguNi0wLjksNDIuNy0zLjEKCWM3LjgtMS4yLDE1LjktMy4yLDIxLjUtNy45YzcuMi02LDktMTYuMSw0LjItMjMuNmMtOC4xLTEyLjUtMzAuNC0xNS43LTM2LjEtMjkuMWMtMy4xLTcuNCwwLjEtMTUuNyw0LjYtMjIuNQoJYzkuNy0xNC43LDI1LjktMjcuNywyNi44LTQ0LjVjMC42LTExLjYtNy4yLTIzLjItMTkuMy0yOC43Yy0xMi43LTUuNy0zMC4yLTUtMzkuNiw0LjVDMTgwLjEsMjcuNSwxNjMuMiwzMS4zLDE0OC43LDMwLjh6Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=” background_size=”contain” _i=”0″ _address=”1.0.0″ /]

Flip Type

[dsm_flipbox _builder_version=”4.4.9″ link_option_url=”https://schreibenlassen-layout.de/” admin_label=”nico try flipbox” hover_enabled=”0″ background_color=”#7cda24″][dsm_flipbox_child title=”Nico – Your Title Goes Here” _builder_version=”4.4.9″ title_text=”coaching” image=”https://schreibenlassen-layout.de/wp-content/uploads/2020/07/coaching-2.jpg” hover_enabled=”0″ background_color=”#e02b20″ background_enable_color=”on” content_text_color=”#000000″ header_text_color=”#e02b20″ header_level=”h3″ custom_button=”on” button_text_size=”13px” button_text_size__hover_enabled=”off|hover” subtitle=”Nico: Your content goes here.”]

Nico: Your content goes here. Edit or remove this text inline or in the module Content settings.

[/dsm_flipbox_child][/dsm_flipbox][dsm_flipbox flipbox_effect=”left” _builder_version=”3.17.6″][/dsm_flipbox][dsm_flipbox _builder_version=”3.17.6″][/dsm_flipbox]

[dsm_flipbox flipbox_effect=”up” _builder_version=”3.17.6″][/dsm_flipbox][dsm_flipbox flipbox_effect=”down” _builder_version=”3.17.6″][/dsm_flipbox]
[dsm_flipbox flipbox_effect=”left” _builder_version=”4.4.9″ hover_enabled=”0″ admin_label=”NG flipbox” background_enable_color=”off”][dsm_flipbox_child title=”Your Title Goes Here” _builder_version=”4.4.9″ title_text=”leistungen” image=”https://schreibenlassen-layout.de/wp-content/uploads/2020/07/leistungen.jpg” background_color=”#e09900″ background_enable_color=”on” hover_enabled=”0″]Your content goes here. Edit or remove this text inline or in the module Content settings.[/dsm_flipbox_child][/dsm_flipbox][dsm_flipbox _builder_version=”3.17.6″][/dsm_flipbox]
[dsm_flipbox _builder_version=”4.4.9″ hover_enabled=”0″][/dsm_flipbox]

Slide

[dsm_flipbox flipbox_height=”240px” _builder_version=”3.17.6″ box_shadow_style=”preset1″ box_shadow_blur=”70px” box_shadow_spread=”-5px” box_shadow_color=”rgba(0,0,0,0.14)” locked=”off”][/dsm_flipbox][dsm_flipbox flipbox_height=”240px” _builder_version=”3.17.6″ box_shadow_style=”preset1″ box_shadow_blur=”70px” box_shadow_spread=”-5px” box_shadow_color=”rgba(0,0,0,0.14)” locked=”off”][/dsm_flipbox]
[dsm_flipbox flipbox_height=”240px” _builder_version=”3.17.6″ box_shadow_style=”preset1″ box_shadow_blur=”70px” box_shadow_spread=”-5px” box_shadow_color=”rgba(0,0,0,0.14)” locked=”off”][/dsm_flipbox][dsm_flipbox flipbox_height=”240px” _builder_version=”3.17.6″ box_shadow_style=”preset1″ box_shadow_blur=”70px” box_shadow_spread=”-5px” box_shadow_color=”rgba(0,0,0,0.14)” locked=”off”][/dsm_flipbox]
[dsm_floating_multi_images floating_height=”450px” floating_height_tablet=”610px” floating_height_phone=”300px” floating_height_last_edited=”on|phone” _builder_version=”3.17.6″ background_image=”data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNTYgMTc4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTYgMTc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0YyRjJGNztlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC43LDMwLjhjLTE2LjQtMC42LTMyLTUuOS00Ny0xMS43UzcyLjEsNi45LDU2LDMuOEM0NS43LDEuOCwzNCwxLjYsMjUuNiw3LjFjLTgsNS4zLTEwLjYsMTQuNS0xMiwyMwoJYy0xLDYuNC0xLjcsMTMuMSwxLjIsMTkuMWMyLDQuMiw1LjUsNy43LDgsMTEuNmM4LjUsMTMuOSwyLjUsMzEtNi43LDQ0LjVjLTQuMyw2LjQtOS4zLDEyLjQtMTIuNiwxOS4ycy00LjksMTQuNS0yLDIxLjQKCWMyLjksNi44LDkuOCwxMiwxNy4yLDE1LjZjMTUuMSw3LjQsMzMsOS40LDUwLjQsMTAuNmMzOC41LDIuNiw3Ny4yLDEuNSwxMTUuOCwwLjRjMTQuMy0wLjQsMjguNi0wLjksNDIuNy0zLjEKCWM3LjgtMS4yLDE1LjktMy4yLDIxLjUtNy45YzcuMi02LDktMTYuMSw0LjItMjMuNmMtOC4xLTEyLjUtMzAuNC0xNS43LTM2LjEtMjkuMWMtMy4xLTcuNCwwLjEtMTUuNyw0LjYtMjIuNQoJYzkuNy0xNC43LDI1LjktMjcuNywyNi44LTQ0LjVjMC42LTExLjYtNy4yLTIzLjItMTkuMy0yOC43Yy0xMi43LTUuNy0zMC4yLTUtMzkuNiw0LjVDMTgwLjEsMjcuNSwxNjMuMiwzMS4zLDE0OC43LDMwLjh6Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=” background_size=”contain” _i=”0″ _address=”2.1.0″ /]
[dsm_floating_multi_images floating_height=”450px” floating_height_tablet=”610px” floating_height_phone=”300px” floating_height_last_edited=”on|phone” _builder_version=”3.17.6″ background_image=”data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNTYgMTc4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTYgMTc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0YyRjJGNztlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC43LDMwLjhjLTE2LjQtMC42LTMyLTUuOS00Ny0xMS43UzcyLjEsNi45LDU2LDMuOEM0NS43LDEuOCwzNCwxLjYsMjUuNiw3LjFjLTgsNS4zLTEwLjYsMTQuNS0xMiwyMwoJYy0xLDYuNC0xLjcsMTMuMSwxLjIsMTkuMWMyLDQuMiw1LjUsNy43LDgsMTEuNmM4LjUsMTMuOSwyLjUsMzEtNi43LDQ0LjVjLTQuMyw2LjQtOS4zLDEyLjQtMTIuNiwxOS4ycy00LjksMTQuNS0yLDIxLjQKCWMyLjksNi44LDkuOCwxMiwxNy4yLDE1LjZjMTUuMSw3LjQsMzMsOS40LDUwLjQsMTAuNmMzOC41LDIuNiw3Ny4yLDEuNSwxMTUuOCwwLjRjMTQuMy0wLjQsMjguNi0wLjksNDIuNy0zLjEKCWM3LjgtMS4yLDE1LjktMy4yLDIxLjUtNy45YzcuMi02LDktMTYuMSw0LjItMjMuNmMtOC4xLTEyLjUtMzAuNC0xNS43LTM2LjEtMjkuMWMtMy4xLTcuNCwwLjEtMTUuNyw0LjYtMjIuNQoJYzkuNy0xNC43LDI1LjktMjcuNywyNi44LTQ0LjVjMC42LTExLjYtNy4yLTIzLjItMTkuMy0yOC43Yy0xMi43LTUuNy0zMC4yLTUtMzkuNiw0LjVDMTgwLjEsMjcuNSwxNjMuMiwzMS4zLDE0OC43LDMwLjh6Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=” background_size=”contain” _i=”0″ _address=”3.0.0″ /][dsm_flipbox _builder_version=”3.17.6″ locked=”off”][/dsm_flipbox]

Zooms & Fades

[dsm_flipbox flipbox_effect=”left” _builder_version=”3.17.6″][/dsm_flipbox][dsm_flipbox _builder_version=”3.17.6″][/dsm_flipbox][dsm_flipbox _builder_version=”3.17.6″][/dsm_flipbox]
[dsm_flipbox flipbox_effect=”up” _builder_version=”3.17.6″][/dsm_flipbox][dsm_flipbox flipbox_effect=”down” _builder_version=”3.17.6″][/dsm_flipbox][dsm_flipbox flipbox_effect=”down” _builder_version=”3.17.6″][/dsm_flipbox]

Ready to get started?

More Divi features are coming your way

[dsm_button button_one_text=”Download Layout” button_two_text=”Join Pro Today” button_two_url=”https://divisupreme.com/pricing/” button_alignment=”center” separator_text=”or” fullwidth_separator_text_on_mobile=”on” button_one_hover_animation=”dsm-push” button_two_hover_animation=”dsm-push” module_class=”dsm-dual-button” _builder_version=”3.17.6″ separator_text_text_color=”#677583″ separator_text_font_size=”16px” custom_button_one=”on” button_one_text_size=”18px” button_one_text_color=”#ffffff” button_one_bg_color=”#30323d” button_one_border_color=”#30323d” button_one_border_radius=”50px” button_one_font=”Montserrat|700|||||||” button_one_use_icon=”off” custom_button_two=”on” button_two_text_size=”18px” button_two_text_color=”#ffffff” button_two_bg_color=”#25db92″ button_two_border_color=”#25db92″ button_two_border_radius=”50px” button_two_font=”Montserrat|700|||||||” button_two_use_icon=”off” button_one_text_size_tablet=”16px” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|desktop” button_two_text_size_tablet=”16px” button_two_text_size_phone=”14px” button_two_text_size_last_edited=”on|desktop” box_shadow_style_button_one=”preset3″ box_shadow_color_button_one=”rgba(0,0,0,0.09)” box_shadow_style_button_two=”preset3″ box_shadow_color_button_two=”rgba(0,0,0,0.09)” button_two_border_radius__hover_enabled=”on” button_two_border_radius__hover=”6px” button_two_bg_color__hover_enabled=”on” button_two_bg_color__hover=”#ffffff” button_two_text_color__hover_enabled=”on” button_two_text_color__hover=”#30323d” button_one_text_color__hover_enabled=”on” button_one_text_color__hover=”#30323d” button_one_bg_color__hover_enabled=”on” button_one_bg_color__hover=”#ffffff” button_one_border_radius__hover_enabled=”on” button_one_border_radius__hover=”6px”][/dsm_button]