Image Accordion Demo

[digr_image_accordion active_item=4 icon_size="50px" icon_color="#FFFFFF" content_position="middle_center" content_bg_bgcolor="rgba(0,0,0,0.4)" accordion_transition="2000ms" use_content_animation="on" animation_type="fadeInBottom" item_margin="|5px||5px|false|true" content_wrapper_padding="30px|100px|30px|100px|true|true" content_wrapper_padding_tablet="|50px||50px|true|true" content_wrapper_padding_phone="30px|20px|30px|20px|true|true" content_wrapper_padding_last_edited="on|tablet" _builder_version="4.25.1" _module_preset="default" accordion_title_font="Nunito|700|||||||" accordion_title_text_color="#FFFFFF" accordion_title_font_size="38px" accordion_title_line_height="1.5em" accordion_desc_font="ABeeZee|700|||||||" accordion_desc_text_color="#FFFFFF" hover_enabled=0 accordion_title_font_size_tablet="28px" accordion_title_font_size_phone="22px" accordion_title_font_size_last_edited="on|phone" border_radii_item_border="on|10px|10px|10px|10px" border_radii_image_icon_border="on|10px|10px|10px|10px" border_radii_content_wrapper_border="on|10px|10px|10px|10px" global_colors_info="{}" overlay_color_bgcolor__hover_enabled="off|desktop" overlay_color_bgcolor__hover="rgba(0,0,0,0.5)" sticky_enabled=0][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/img-13.jpg" accordion_title="Merry Wins" accordion_description="

Fashion Designer

" use_icon="on" font_icon="||fa||900" button_url_new_window="on" _builder_version="4.25.1" _module_preset="default" hover_enabled=0 global_colors_info="{}" accordion_main_image__hover_enabled="on|hover" accordion_main_image__hover="https://divigrid.xyz/wp-content/uploads/2023/10/loren.png" use_button="on" button_text="Button" button_url="https://divigrid.com" sticky_enabled=0][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/img-26-2.jpg" accordion_title="JHon William" accordion_description="

Managing Director

" use_icon="on" font_icon="||fa||900" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/06/img-31-1.jpg" accordion_title="Sarah Wills" accordion_description="

Marketing Manager

" use_icon="on" font_icon="||fa||900" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][/digr_image_accordion]

[digr_image_accordion accordion_orientation="column" accordion_height="600px" active_image_size=4 item_margin="3px||3px||true|false" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/05/img-1-1.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/05/img-2-2.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/img-18.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][/digr_image_accordion]

[digr_image_accordion accordion_trigger="digr_accordion_click" accordion_height="600px" content_position="bottom_center" use_content_animation="on" animation_type="fadeInBottom" content_wrapper_padding="||30px||false|false" _builder_version="4.21.0" _module_preset="default" accordion_title_font="Raleway|700|||||||" accordion_title_text_color="#FFFFFF" accordion_title_font_size="58px" custom_button="on" button_text_size="16px" button_text_color="#000000" button_bg_color="#FFFFFF" button_border_color="#FFFFFF" button_border_radius="0px" button_font="ABeeZee|700|||||||" button_use_icon="off" button_custom_margin="10px||||false|false" button_custom_padding="6px|20px|6px|20px|true|true" accordion_title_font_size_tablet="38px" accordion_title_font_size_phone="22px" accordion_title_font_size_last_edited="on|phone" box_shadow_style_button="preset1" box_shadow_vertical_button="0px" box_shadow_color_button="RGBA(255,255,255,0)" global_colors_info="{}" box_shadow_color_button__hover_enabled="on|hover" box_shadow_color_button__hover="#7CDA24"][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/06/bg-img-3-1.jpg" accordion_title="Small Resort" use_button="on" button_text="Book Now" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/05/bg-img-4-1.jpg" accordion_title="Apartment" use_button="on" button_text="Book Now" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/img-56-2.jpg" accordion_title="Luxury Room" use_button="on" button_text="Book Now" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/img-28-1.jpg" accordion_title="Beach Room" use_button="on" button_text="Book Now" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/blog-img-38.jpg" accordion_title="Resort" use_button="on" button_text="Book Now" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][/digr_image_accordion]

[digr_image_accordion accordion_height="600px" use_border_animation="on" border_animation_style="style_8" border_animation_speed="3s" border_animation_width="3px" border_animation_color="#EDF000" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/img-26-1.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/05/img1.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/05/img2.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/05/img3.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/05/img4.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][/digr_image_accordion]

[digr_image_accordion use_border_animation="on" border_animation_style="style_9" border_animation_width="2px" border_animation_color="#EDF000" item_margin="|||5px|false|false" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/blog-img-17.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/blog-img-15.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/blog-img-19.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/blog-img-14.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/blog-img-18.jpg" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][/digr_image_accordion]

[digr_image_accordion equal_item="on" content_position="middle_center" active_item_overlay_color_use_gradient="on" active_item_overlay_color_color_gradient_1="rgba(6,9,61,0.11)" active_item_overlay_color_color_gradient_2="#000030" use_content_animation="on" animation_type="fadeInBottom" animation_speed=2 content_wrapper_padding="|50px||50px|false|true" content_wrapper_padding_tablet="|20px||20px|false|true" content_wrapper_padding_phone="|10px||10px|false|true" content_wrapper_padding_last_edited="on|tablet" accordion_desc_padding="|50px||50px|false|true" accordion_desc_padding_tablet="|50px||50px|false|true" accordion_desc_padding_phone="|0px||0px|false|true" accordion_desc_padding_last_edited="on|phone" accordion_orientation_tablet="" accordion_orientation_phone="column" accordion_orientation_last_edited="on|phone" _builder_version="4.21.0" _module_preset="default" accordion_title_font="Aladin||||||||" accordion_title_text_align="center" accordion_title_text_color="#FFFFFF" accordion_title_font_size="68px" accordion_title_line_height="1.3em" accordion_desc_font="ABeeZee||||||||" accordion_desc_text_color="#FFFFFF" accordion_desc_font_size="16px" accordion_desc_line_height="1.7em" custom_button="on" button_text_size="18px" button_text_color="#FFFFFF" button_bg_color="#ff7723" button_border_color="#ff7723" button_border_radius="50px" button_font="ABeeZee|700|||||||" button_use_icon="off" button_custom_margin="10px||||false|false" button_custom_padding="6px|30px|6px|30px|true|true" accordion_title_font_size_tablet="48px" accordion_title_font_size_phone="28px" accordion_title_font_size_last_edited="on|phone" accordion_desc_font_size_tablet="16px" accordion_desc_font_size_phone="14px" accordion_desc_font_size_last_edited="on|phone" button_text_size_tablet="18px" button_text_size_phone="14px" button_text_size_last_edited="on|phone" box_shadow_style_button="preset1" global_colors_info="{}"][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/05/img-9-1.jpg" accordion_title="Cup Cake" accordion_description="

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus.

" use_button="on" button_text="Buy Now" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/03/img-41-2.jpg" accordion_title="Burger" accordion_description="

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus.

" use_button="on" button_text="Buy Now" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/06/img-20.jpg" accordion_title="Healthy Food" accordion_description="

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus.

" use_button="on" button_text="Buy Now" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/06/img-42-1.jpg" accordion_title="Salad" accordion_description="

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus.

" use_button="on" button_text="Buy Now" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][/digr_image_accordion]

[digr_image_accordion accordion_trigger="digr_accordion_click" accordion_orientation="column" accordion_height="700px" icon_size="38px" icon_color="#EDF000" image_icon_alignment="left" content_position="bottom_center" content_bg_bgcolor="rgba(0,0,0,0.5)" use_content_animation="on" animation_type="lightSpeedInRight" animation_speed=2 item_margin="||5px||false|false" image_icon_margin="||20px||false|false" content_wrapper_margin="|50px|20px|50px|false|true" content_wrapper_margin_tablet="|50px|20px|50px|false|true" content_wrapper_margin_phone="|20px|20px|20px|false|true" content_wrapper_margin_last_edited="on|phone" content_wrapper_padding="30px|100px|30px|50px|true|false" content_wrapper_padding_tablet="30px|100px|30px|50px|true|false" content_wrapper_padding_phone="30px|20px|30px|20px|true|false" content_wrapper_padding_last_edited="on|phone" accordion_height_tablet="750px" accordion_height_phone="800px" accordion_height_last_edited="on|tablet" _builder_version="4.21.0" _module_preset="default" accordion_title_font="Montserrat|700|||||||" accordion_title_text_align="left" accordion_title_text_color="#FFFFFF" accordion_title_font_size="28px" accordion_title_line_height="1.4em" accordion_desc_font="ABeeZee||||||||" accordion_desc_text_align="left" accordion_desc_text_color="#dddddd" accordion_desc_line_height="2em" custom_button="on" button_text_size="18px" button_text_color="#000000" button_bg_color="#EDF000" button_border_color="#EDF000" button_font="ABeeZee||||||||" button_use_icon="off" button_alignment="left" button_custom_margin="10px||||false|false" button_custom_padding="6px|30px|6px|30px|true|true" accordion_title_font_size_tablet="22px" accordion_title_font_size_phone="14px" accordion_title_font_size_last_edited="on|tablet" accordion_desc_font_size_tablet="14px" accordion_desc_font_size_phone="14px" accordion_desc_font_size_last_edited="on|tablet" button_text_size_tablet="14px" button_text_size_phone="14px" button_text_size_last_edited="on|phone" border_radii_content_wrapper_border="on|10px|10px|10px|10px" global_colors_info="{}"][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/04/img-468.jpg" accordion_title="Aliquam tincidunt mauris" accordion_description="

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius. Suspendisse ac urna. Etiam pellentesque mauris ut lectus.

" use_icon="on" font_icon="||fa||900" image_icon_alignment="left" use_button="on" button_text="Read More" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/04/img-46.jpg" accordion_title="Phasellus ultrices nulla" accordion_description="

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius. Suspendisse ac urna. Etiam pellentesque mauris ut lectus.

" use_icon="on" font_icon="||fa||400" use_button="on" button_text="Read More" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/04/img-52.jpg" accordion_title="Sedispi adipiscing ornare" accordion_description="

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius. Suspendisse ac urna. Etiam pellentesque mauris ut lectus.

" use_icon="on" font_icon="||fa||900" use_button="on" button_text="Read More" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][digr_image_accordion_item accordion_main_image="https://divigrid.xyz/wp-content/uploads/2023/04/img-51.jpg" accordion_title="Donec consectetuer ligula" accordion_description="

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius. Suspendisse ac urna. Etiam pellentesque mauris ut lectus.

" use_icon="on" font_icon="||fa||900" use_button="on" button_text="Read More" button_url="#" button_url_new_window=1 _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"][/digr_image_accordion_item][/digr_image_accordion]