Module Demo – DP Image Cards

The Image Card module enables you to easily add image cards with extra information like title, content, customized read more button, and icons on the webpage. Through this module, you can create Divi blurb layouts using an image and an icon at the same time.

DP Image Card 1

[dipl_image_card title=”Lorem Ipsum” image=”https://pressific.com/wp-content/uploads/2021/07/planting-trees-HUMVMND.jpg” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]

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.

[/dipl_image_card][dipl_form_styler _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_form_styler]

DP Image Card 2

[dipl_image_card title=”Lorem Ipsum” image=”https://pressific.com/wp-content/uploads/2021/07/planting-trees-HUMVMND.jpg” content_bg_color=”#5B8500″ _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” content_text_color=”#FFFFFF” global_colors_info=”{}”]

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.

[/dipl_image_card][dipl_form_styler _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_form_styler]

DP Image Card 3

[dipl_image_card title=”Lorem Ipsum” image=”https://pressific.com/wp-content/uploads/2021/07/planting-trees-HUMVMND.jpg” show_button=”on” content_bg_color=”rgba(91,133,0,0.59)” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” content_text_color=”#FFFFFF” custom_button=”on” button_text_size=”16px” button_text_color=”#FFFFFF” global_colors_info=”{}”]

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.

[/dipl_image_card][dipl_form_styler _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_form_styler]

DP Image Card Shadow 1

[dipl_image_card title=”Lorem Ipsum” image=”https://pressific.com/wp-content/uploads/2021/07/forest-PVFH6S8.jpg” show_button=”on” content_bg_color=”#574200″ _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” content_text_color=”#FFFFFF” custom_button=”on” button_text_size=”16px” button_text_color=”#FFFFFF” button_use_icon=”off” button_alignment=”center” background_layout=”dark” box_shadow_style=”preset2″ global_colors_info=”{}”]

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.

[/dipl_image_card][dipl_form_styler _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_form_styler]

DP Image Card Shadow 2

[dipl_image_card title=”Lorem Ipsum” image=”https://pressific.com/wp-content/uploads/2021/07/forest-PVFH6S8.jpg” show_button=”on” content_bg_color=”#DDA188″ _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” content_text_color=”#FFFFFF” custom_button=”on” button_text_size=”16px” button_text_color=”#FFFFFF” button_use_icon=”off” button_alignment=”center” background_layout=”dark” box_shadow_style=”preset4″ global_colors_info=”{}”]

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.

[/dipl_image_card][dipl_form_styler _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_form_styler]

DP Image Card Shadow 3

[dipl_image_card title=”Lorem Ipsum” image=”https://pressific.com/wp-content/uploads/2021/07/forest-PVFH6S8.jpg” show_button=”on” content_bg_color=”#88D9DD” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” content_text_color=”#FFFFFF” custom_button=”on” button_text_size=”16px” button_text_color=”#FFFFFF” button_use_icon=”off” button_alignment=”center” background_layout=”dark” box_shadow_style=”preset5″ global_colors_info=”{}”]

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.

[/dipl_image_card][dipl_form_styler _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_form_styler]

DP Image Card with Animation 1

[dipl_image_card title=”Lorem Ipsum” image=”https://pressific.com/wp-content/uploads/2021/03/future-green-energy-PSYPTAP-copy.jpg” show_button=”on” content_bg_color=”#00457A” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” content_text_color=”#FFFFFF” custom_button=”on” button_text_size=”16px” button_text_color=”#FFFFFF” button_use_icon=”off” button_alignment=”center” background_layout=”dark” animation_style=”zoom” global_colors_info=”{}”]

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.

[/dipl_image_card][dipl_form_styler _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_form_styler]

DP Image Card with Animation 2

[dipl_image_card title=”Lorem Ipsum” image=”https://pressific.com/wp-content/uploads/2021/03/future-green-energy-PSYPTAP-copy.jpg” show_button=”on” content_bg_color=”#8F8F8F” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” content_text_color=”#FFFFFF” custom_button=”on” button_text_size=”16px” button_text_color=”#FFFFFF” button_use_icon=”off” button_alignment=”center” background_layout=”dark” animation_style=”flip” global_colors_info=”{}”]

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.

[/dipl_image_card][dipl_form_styler _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_form_styler]

DP Image Card with Animation 3

[dipl_image_card title=”Lorem Ipsum” image=”https://pressific.com/wp-content/uploads/2021/07/forest-PVFH6S8.jpg” show_button=”on” content_bg_color=”#8B68EE” _builder_version=”4.16″ _module_preset=”default” title_text_color=”#FFFFFF” content_text_color=”#FFFFFF” custom_button=”on” button_text_size=”16px” button_text_color=”#FFFFFF” button_use_icon=”off” button_alignment=”center” background_layout=”dark” animation_style=”fold” global_colors_info=”{}”]

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.

[/dipl_image_card][dipl_form_styler _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][/dipl_form_styler]

To create beautiful Image Cards on your website, check out Divi Extended.

More Module Demos

Exit Intent Popup

Module Demo – Countdown Timer

Module Demo – Dp Timeline

Module Demo – Image Magnifier

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.