Module Demo – DP Flipbox

The DP Flip Box is an interactive module that allows users to display content in a flip card style. This module provides many interactive animation effects. It also offers a design setting that includes image or icon customizations. 

DP Flip Box 1

[dipl_flipbox front_title=”Lorem Ipsum” front_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ” back_title=”Origins and Discovery” back_button_display=”on” _builder_version=”4.16″ _module_preset=”default” front_header_font_size=”25px” front_body_font_size=”15px” back_header_font_size=”25px” back_body_font_size=”15px” global_colors_info=”{}”]

Lorem ipsum began as scrambled, nonsensical Latin derived from Cicero’s 1st-century BC text De Finibus Bonorum et Malorum.

[/dipl_flipbox]

DP Flip Box 2

[dipl_flipbox front_title=”Lorem Ipsum” front_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ” back_title=”Origins and Discovery” back_button_display=”on” front_background_color=”#651906″ back_background_color=”#662e20″ _builder_version=”4.16″ _module_preset=”default” front_header_text_color=”#FFFFFF” front_header_font_size=”25px” front_body_text_color=”#FFFFFF” front_body_font_size=”15px” back_header_text_color=”#FFFFFF” back_header_font_size=”25px” back_body_text_color=”#FFFFFF” back_body_font_size=”15px” global_colors_info=”{}”]

Lorem ipsum began as scrambled, nonsensical Latin derived from Cicero’s 1st-century BC text De Finibus Bonorum et Malorum.

[/dipl_flipbox]

DP Flip Box With Icon 1

[dipl_flipbox front_title=”Lorem Ipsum” front_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ” back_title=”Origins and Discovery” front_use_icon=”on” front_font_icon=”||divi||400″ back_use_icon=”on” back_font_icon=”||divi||400″ back_button_display=”on” front_background_color=”#000000″ back_background_color=”#000000″ front_icon_color=”#E02B20″ front_use_icon_font_size=”on” front_icon_font_size=”60px” back_icon_color=”#E02B20″ back_use_icon_font_size=”on” back_icon_font_size=”60px” _builder_version=”4.16″ _module_preset=”default” front_header_text_color=”#FFFFFF” front_header_font_size=”25px” front_body_text_color=”#FFFFFF” front_body_font_size=”15px” back_header_text_color=”#FFFFFF” back_header_font_size=”25px” back_body_text_color=”#FFFFFF” back_body_font_size=”15px” global_colors_info=”{}”]

Lorem ipsum began as scrambled, nonsensical Latin derived from Cicero’s 1st-century BC text De Finibus Bonorum et Malorum.

[/dipl_flipbox]

DP Flip Box With Icon 2

[dipl_flipbox front_title=”Lorem Ipsum” front_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ” back_title=”Origins and Discovery” front_use_icon=”on” front_font_icon=”||divi||400″ back_use_icon=”on” back_font_icon=”||divi||400″ back_button_display=”on” front_background_color=”#44580E” back_background_color=”#44580e” front_icon_placement=”left” front_icon_color=”#000000″ front_use_icon_font_size=”on” front_icon_font_size=”60px” back_icon_placement=”left” back_icon_color=”#E02B20″ back_use_icon_font_size=”on” back_icon_font_size=”60px” _builder_version=”4.16″ _module_preset=”default” front_general_settings_text_align=”left” front_header_text_color=”#FFFFFF” front_header_font_size=”25px” front_body_text_color=”#FFFFFF” front_body_font_size=”15px” back_general_settings_text_align=”left” back_header_text_color=”#FFFFFF” back_header_font_size=”25px” back_body_text_color=”#FFFFFF” back_body_font_size=”15px” global_colors_info=”{}”]

Lorem ipsum began as scrambled, nonsensical Latin derived from Cicero’s 1st-century BC text De Finibus Bonorum et Malorum.

[/dipl_flipbox]

DP Flip Box With Icon 3

[dipl_flipbox front_title=”Lorem Ipsum” front_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ” back_title=”Origins and Discovery” front_use_icon=”on” front_font_icon=”||divi||400″ back_use_icon=”on” back_font_icon=”||divi||400″ back_button_display=”on” front_background_color=”#574200″ back_background_color=”#574200″ front_icon_placement=”right” front_icon_color=”#000000″ front_use_icon_font_size=”on” front_icon_font_size=”60px” back_icon_placement=”right” back_icon_color=”#E02B20″ back_use_icon_font_size=”on” back_icon_font_size=”60px” _builder_version=”4.16″ _module_preset=”default” front_general_settings_text_align=”left” front_header_text_color=”#FFFFFF” front_header_font_size=”25px” front_body_text_color=”#FFFFFF” front_body_font_size=”15px” back_general_settings_text_align=”left” back_header_text_color=”#FFFFFF” back_header_font_size=”25px” back_body_text_color=”#FFFFFF” back_body_font_size=”15px” global_colors_info=”{}”]

Lorem ipsum began as scrambled, nonsensical Latin derived from Cicero’s 1st-century BC text De Finibus Bonorum et Malorum.

[/dipl_flipbox]

DP Flip Box Cube Style 1

[dipl_flipbox flipbox_layout=”layout2″ layout2_flip_style=”left” front_title=”Lorem Ipsum” front_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ” back_title=”Origins and Discovery” front_use_icon=”on” front_font_icon=”||divi||400″ back_use_icon=”on” back_font_icon=”||divi||400″ back_button_display=”on” front_background_color=”#88C4DD” back_background_color=”#88C4DD” front_icon_color=”#000000″ front_use_icon_font_size=”on” front_icon_font_size=”60px” back_icon_color=”#E02B20″ back_use_icon_font_size=”on” back_icon_font_size=”60px” _builder_version=”4.16″ _module_preset=”default” front_header_text_color=”#FFFFFF” front_header_font_size=”25px” front_body_text_color=”#FFFFFF” front_body_font_size=”15px” back_header_text_color=”#FFFFFF” back_header_font_size=”25px” back_body_text_color=”#FFFFFF” back_body_font_size=”15px” global_colors_info=”{}”]

Lorem ipsum began as scrambled, nonsensical Latin derived from Cicero’s 1st-century BC text De Finibus Bonorum et Malorum.

[/dipl_flipbox]

DP Flip Box With Cube Style 2

[dipl_flipbox flipbox_layout=”layout2″ layout2_flip_style=”right” front_title=”Lorem Ipsum” front_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ” back_title=”Origins and Discovery” front_use_icon=”on” front_font_icon=”||divi||400″ back_use_icon=”on” back_font_icon=”||divi||400″ back_button_display=”on” front_background_color=”#C88BDA” back_background_color=”#C88BDA” front_icon_color=”#000000″ front_use_icon_font_size=”on” front_icon_font_size=”60px” back_icon_color=”#E02B20″ back_use_icon_font_size=”on” back_icon_font_size=”60px” _builder_version=”4.16″ _module_preset=”default” front_header_text_color=”#FFFFFF” front_header_font_size=”25px” front_body_text_color=”#FFFFFF” front_body_font_size=”15px” back_header_text_color=”#FFFFFF” back_header_font_size=”25px” back_body_text_color=”#FFFFFF” back_body_font_size=”15px” global_colors_info=”{}”]

Lorem ipsum began as scrambled, nonsensical Latin derived from Cicero’s 1st-century BC text De Finibus Bonorum et Malorum.

[/dipl_flipbox]

DP Flip Box With Cube Style 3

[dipl_flipbox flipbox_layout=”layout2″ front_title=”Lorem Ipsum” front_content=”Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ” back_title=”Origins and Discovery” front_use_icon=”on” front_font_icon=”||divi||400″ back_use_icon=”on” back_font_icon=”||divi||400″ back_button_display=”on” front_background_color=”#E09900″ back_background_color=”#E09900″ front_icon_color=”#000000″ front_use_icon_font_size=”on” front_icon_font_size=”60px” back_icon_color=”#E02B20″ back_use_icon_font_size=”on” back_icon_font_size=”60px” _builder_version=”4.16″ _module_preset=”default” front_header_text_color=”#FFFFFF” front_header_font_size=”25px” front_body_text_color=”#FFFFFF” front_body_font_size=”15px” back_header_text_color=”#FFFFFF” back_header_font_size=”25px” back_body_text_color=”#FFFFFF” back_body_font_size=”15px” global_colors_info=”{}”]

Lorem ipsum began as scrambled, nonsensical Latin derived from Cicero’s 1st-century BC text De Finibus Bonorum et Malorum.

[/dipl_flipbox]

If you want to activate this module and increase your website interactions, download Divi Extended.

More Module Demos

The plugins needed for this feature are included when we build websites.

With Pressific, your website comes fully equipped with a range of licensed premium plugins and is ensured perpetual renewal and maintenance while hosted with us.