Timeline
Tingkatkan tapak web anda dengan keanggunan modul Divi Pixel Timeline, disepadukan dengan lancar ke dalam Divi Builder. Buat garis masa yang menakjubkan secara visual yang mempamerkan acara dan naratif anda dalam urutan kronologi, menambahkan kejelasan dan sentuhan kecanggihan pada pembentangan kandungan anda.
[dipi_timeline timeline_line_color=”#FFFFFF” timeline_active_line_color=”#FF4200″ card_arrow_color=”#ffffff” line_area_size_tablet=”70px” line_area_size_phone=”70px” line_area_size_last_edited=”on|tablet” _builder_version=”4.23.2″ _module_preset=”default” width=”100%” max_width=”100%” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_timeline_item admin_label=”Plugin Release” ribbon=”March 2020″ title=”Divi Pixel released” timeline_icon_color=”#FF4200″ ribbon_circle_color=”#FFFFFF” ribbon_text_bgcolor=”#FF4200″ image=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-doc-15.png” card_max_width=”560px” ribbon_text_margin=”||||false|false” ribbon_text_padding=”4px|20px|4px|20px|false|false” card_margin_tablet=”” card_margin_phone=”||||false|false” card_margin_last_edited=”on|desktop” ribbon_text_margin_tablet=”” ribbon_text_margin_phone=”||10px||false|false” ribbon_text_margin_last_edited=”on|phone” ribbon_text_padding_tablet=”” ribbon_text_padding_phone=”4px|10px|4px|10px|false|false” ribbon_text_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”|700||on|||||” header_font_size=”18px” body_font=”|300|||||||” body_font_size=”15px” body_line_height=”1.6em” ribbon_text_text_color=”#FFFFFF” ribbon_text_font_size=”10px” background_color=”#FFFFFF” background_enable_color=”on” ribbon_text_line_height_tablet=”” ribbon_text_line_height_phone=”1.4em” ribbon_text_line_height_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” border_radii_ribbon_text=”on|100px|100px|100px|100px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_color=”rgba(21,2,42,0.09)” global_colors_info=”{}” timeline_icon_color__hover_enabled=”on|hover” ribbon_circle_color__hover_enabled=”on|desktop” ribbon_circle_color__hover=”#FF4200″ transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” transform_scale__hover=”102%|102%” timeline_icon_color__hover=”#FFFFFF” theme_builder_area=”post_content”]
After months of developing, testing, designing, we have released the Divi Pixel plugin, which has completely changed the way you work with Divi!
[/dipi_timeline_item][dipi_timeline_item admin_label=”Export Import” ribbon=”March 2020″ title=”Import/Export settings” timeline_icon_color=”#FF4200″ ribbon_circle_color=”#FFFFFF” ribbon_text_bgcolor=”#FF4200″ image=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-import-export.png” card_max_width=”560px” ribbon_text_margin=”||||false|false” ribbon_text_padding=”4px|20px|4px|20px|false|false” card_margin_tablet=”” card_margin_phone=”||||false|false” card_margin_last_edited=”on|desktop” ribbon_text_margin_tablet=”” ribbon_text_margin_phone=”||10px||false|false” ribbon_text_margin_last_edited=”on|phone” ribbon_text_padding_tablet=”” ribbon_text_padding_phone=”4px|10px|4px|10px|false|false” ribbon_text_padding_last_edited=”on|phone” _builder_version=”4.18.1″ _module_preset=”default” header_font=”|700||on|||||” header_font_size=”18px” body_font=”|300|||||||” body_font_size=”15px” body_line_height=”1.6em” ribbon_text_text_color=”#FFFFFF” ribbon_text_font_size=”10px” background_color=”#FFFFFF” background_enable_color=”on” ribbon_text_line_height_tablet=”” ribbon_text_line_height_phone=”1.4em” ribbon_text_line_height_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” border_radii_ribbon_text=”on|100px|100px|100px|100px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_color=”rgba(21,2,42,0.09)” global_colors_info=”{}” timeline_icon_color__hover_enabled=”on|hover” ribbon_circle_color__hover_enabled=”on|desktop” ribbon_circle_color__hover=”#FF4200″ transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” transform_scale__hover=”102%|102%” timeline_icon_color__hover=”#FFFFFF” theme_builder_area=”post_content”]Divi Pixel can save you hours over hours of customization and can really help you to build more amazing websites. Exporting and importing options are important, especially for our power users like web design agencies.[/dipi_timeline_item][dipi_timeline_item admin_label=”Hotspot Image” ribbon=”March 2020″ title=”Hotspot Image” timeline_icon_color=”#FF4200″ ribbon_circle_color=”#FFFFFF” ribbon_text_bgcolor=”#FF4200″ image=”https://www.fastudio.my/wp-content/uploads/2024/10/dp-image-hotspot-demo.jpg” card_max_width=”560px” ribbon_text_margin=”||||false|false” ribbon_text_padding=”4px|20px|4px|20px|false|false” card_margin_tablet=”” card_margin_phone=”||||false|false” card_margin_last_edited=”on|desktop” ribbon_text_margin_tablet=”” ribbon_text_margin_phone=”||10px||false|false” ribbon_text_margin_last_edited=”on|phone” ribbon_text_padding_tablet=”” ribbon_text_padding_phone=”4px|10px|4px|10px|false|false” ribbon_text_padding_last_edited=”on|phone” _builder_version=”4.18.1″ _module_preset=”default” header_font=”|700||on|||||” header_font_size=”18px” body_font=”|300|||||||” body_font_size=”15px” body_line_height=”1.6em” ribbon_text_text_color=”#FFFFFF” ribbon_text_font_size=”10px” background_color=”#FFFFFF” background_enable_color=”on” ribbon_text_line_height_tablet=”” ribbon_text_line_height_phone=”1.4em” ribbon_text_line_height_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” border_radii_ribbon_text=”on|100px|100px|100px|100px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_color=”rgba(21,2,42,0.09)” global_colors_info=”{}” timeline_icon_color__hover_enabled=”on|hover” ribbon_circle_color__hover_enabled=”on|desktop” ribbon_circle_color__hover=”#FF4200″ transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” transform_scale__hover=”102%|102%” timeline_icon_color__hover=”#FFFFFF” theme_builder_area=”post_content”]Image Hotspot allows you to place multiple hotspots on an image and display tooltips when users hover over them (or touch them on mobiles). But thats not all. Beyond the usual ad-hoc content created right from inside the module, our Image Hotspot module also supports Divi Library items, so you can display whatever you want in the tooltip![/dipi_timeline_item][/dipi_timeline]
[dipi_timeline timeline_line_color=”#FAF9FD” timeline_active_line_color=”#F32A46″ line_area_size_tablet=”70px” line_area_size_phone=”70px” line_area_size_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” max_width_tablet=”” max_width_phone=”90%” max_width_last_edited=”on|phone” custom_margin=”||||false|false” custom_padding=”0px||||false|false” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_timeline_item ribbon=”wild Prawns” title=”Lorem ipsum dolor fringilla” show_button=”on” button_text=”Learn More” button_url=”#” timeline_icon=”||fa||400″ timeline_icon_color=”#F32A46″ ribbon_circle_color=”#FAF9FD” image=”https://www.fastudio.my/wp-content/uploads/2024/10/fish-02.webp” icon_alignment=”left” custom_card_arrow=”on” card_arrow_color=”#FAF9FD” child_animation=”fadeInUpShort” image_max_width_tablet=”” image_max_width_phone=”64px” image_max_width_last_edited=”on|phone” card_padding_tablet=”” card_padding_phone=”20px|20px|20px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_color=”#2A2A2A” header_font_size=”18px” body_text_color=”#696969″ body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|600||on|||||” ribbon_text_text_color=”#F32A46″ ribbon_text_font_size=”14px” ribbon_text_letter_spacing=”2px” background_color=”#FAF9FD” background_enable_color=”on” background_enable_image=”off” background_size=”custom” background_position=”center_right” custom_button=”on” button_text_size=”14px” button_bg_color=”#0a0a0a” button_border_width=”0px” button_font=”Poppins|300|||||||” button_use_icon=”off” button_custom_padding=”10px|20px|10px|20px|true|true” header_line_height_tablet=”” header_line_height_phone=”1.4em” header_line_height_last_edited=”on|phone” body_font_size_tablet=”14px” body_font_size_phone=”13px” body_font_size_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#F32A46″ custom_css_timeline_item_ribbon_text_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text_tablet=”margin-bottom: 5px;” custom_css_timeline_item_ribbon_text_phone=”margin-bottom: 5px;” button_border_width__hover_enabled=”on|hover” button_border_width__hover=”0px” button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”rgba(10,10,10,0.75)” button_bg_enable_color__hover=”on” theme_builder_area=”post_content”]
Lorem ipsum eget teimpor dolor sit amet consectetur adipiscing elit Fusce scelerisque consectetur accumsan Vivamus maximus vehicula tortor ac purus maximus lacinia lorem lacus.
[/dipi_timeline_item][dipi_timeline_item ribbon=”COD” title=”Lorem ipsum dolor fringilla” show_button=”on” button_text=”Learn More” button_url=”#” timeline_icon=”||fa||400″ timeline_icon_color=”#F32A46″ ribbon_circle_color=”#FAF9FD” image=”https://www.fastudio.my/wp-content/uploads/2024/10/fish-04.webp” icon_alignment=”left” custom_card_arrow=”on” card_arrow_color=”#FAF9FD” child_animation=”fadeInUpShort” image_max_width_tablet=”” image_max_width_phone=”64px” image_max_width_last_edited=”on|phone” card_padding_tablet=”” card_padding_phone=”20px|20px|20px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_color=”#2A2A2A” header_font_size=”18px” body_text_color=”#696969″ body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|600||on|||||” ribbon_text_text_color=”#F32A46″ ribbon_text_font_size=”14px” ribbon_text_letter_spacing=”2px” background_color=”#FAF9FD” background_enable_color=”on” background_enable_image=”off” background_size=”custom” background_position=”center_right” custom_button=”on” button_text_size=”14px” button_bg_color=”#0a0a0a” button_border_width=”0px” button_font=”Poppins|300|||||||” button_use_icon=”off” button_custom_padding=”10px|20px|10px|20px|true|true” header_line_height_tablet=”” header_line_height_phone=”1.4em” header_line_height_last_edited=”on|phone” body_font_size_tablet=”14px” body_font_size_phone=”13px” body_font_size_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#F32A46″ custom_css_timeline_item_ribbon_text_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text_tablet=”margin-bottom: 5px;” custom_css_timeline_item_ribbon_text_phone=”margin-bottom: 5px;” button_bg_color__hover=”rgba(10,10,10,0.75)” button_bg_color__hover_enabled=”on|hover” button_border_width__hover=”0px” button_border_width__hover_enabled=”on|hover” theme_builder_area=”post_content”]Lorem ipsum eget teimpor dolor sit amet consectetur adipiscing elit Fusce scelerisque consectetur accumsan Vivamus maximus vehicula tortor ac purus maximus lacinia lorem lacus.
[/dipi_timeline_item][dipi_timeline_item ribbon=”Salmon” title=”Lorem ipsum dolor fringilla” show_button=”on” button_text=”Learn More” button_url=”#” timeline_icon=”||fa||400″ timeline_icon_color=”#F32A46″ ribbon_circle_color=”#FAF9FD” image=”https://www.fastudio.my/wp-content/uploads/2024/10/fish-05.webp” icon_alignment=”left” custom_card_arrow=”on” card_arrow_color=”#FAF9FD” child_animation=”fadeInUpShort” image_max_width_tablet=”” image_max_width_phone=”64px” image_max_width_last_edited=”on|phone” card_padding_tablet=”” card_padding_phone=”20px|20px|20px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_color=”#2A2A2A” header_font_size=”18px” body_text_color=”#696969″ body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|600||on|||||” ribbon_text_text_color=”#F32A46″ ribbon_text_font_size=”14px” ribbon_text_letter_spacing=”2px” background_color=”#FAF9FD” background_enable_color=”on” background_enable_image=”off” background_size=”custom” background_position=”center_right” custom_button=”on” button_text_size=”14px” button_bg_color=”#0a0a0a” button_border_width=”0px” button_font=”Poppins|300|||||||” button_use_icon=”off” button_custom_padding=”10px|20px|10px|20px|true|true” header_line_height_tablet=”” header_line_height_phone=”1.4em” header_line_height_last_edited=”on|phone” body_font_size_tablet=”14px” body_font_size_phone=”13px” body_font_size_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#F32A46″ custom_css_timeline_item_ribbon_text_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text_tablet=”margin-bottom: 5px;” custom_css_timeline_item_ribbon_text_phone=”margin-bottom: 5px;” button_bg_color__hover=”rgba(10,10,10,0.75)” button_bg_color__hover_enabled=”on|hover” button_border_width__hover=”0px” button_border_width__hover_enabled=”on|hover” theme_builder_area=”post_content”]Lorem ipsum eget teimpor dolor sit amet consectetur adipiscing elit Fusce scelerisque consectetur accumsan Vivamus maximus vehicula tortor ac purus maximus lacinia lorem lacus.
[/dipi_timeline_item][/dipi_timeline]Process Steps
Display your process in a beautiful way
[dipi_timeline layout=”right” line_area_size=”100px” timeline_active_line_color=”#5931B4″ line_area_size_tablet=”75px” line_area_size_phone=”75px” line_area_size_last_edited=”on|tablet” _builder_version=”4.23.2″ _module_preset=”default” max_width_tablet=”” max_width_phone=”90%” max_width_last_edited=”on|phone” text_orientation_phone=”left” text_orientation_last_edited=”off|phone” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_timeline_item ribbon=”Step 01″ title=”Maecenas Semper” timeline_icon=”||divi||400″ timeline_icon_color=”#D6D6D6″ ribbon_circle_color=”#FFFFFF” image=”https://www.divi-pixel.com/wp-content/uploads/2022/02/food-icon-01.svg” icon_placement=”left” custom_card_arrow=”on” card_arrow_color=”#FFFFFF” card_padding=”40px|40px|40px|40px|true|true” child_animation=”fadeInRightShort” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” image_max_width_tablet=”” image_max_width_phone=”20%” image_max_width_last_edited=”on|phone” card_padding_tablet=”40px|40px|40px|40px|true|true” card_padding_phone=”20px|5px|20px|5px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_font_size=”18px” header_line_height=”1em” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|300||on|||||” ribbon_text_text_color=”#5931B4″ ribbon_text_font_size=”11px” ribbon_text_letter_spacing=”4px” background_color=”#FFFFFF” background_enable_color=”on” header_text_align_tablet=”” header_text_align_phone=”left” header_text_align_last_edited=”on|phone” body_text_align_tablet=”” body_text_align_phone=”left” body_text_align_last_edited=”on|phone” custom_css_timeline_item_image=”background-color: #5931B4;||padding: 30px 10px 10px 10px;||border-radius: 3px;” custom_css_timeline_item_ribbon_text=”margin-bottom: 3px;” border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset1″ box_shadow_blur=”35px” box_shadow_color=”rgba(89,49,180,0.1)” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#5931B4″ custom_css_timeline_item_image_last_edited=”on|phone” custom_css_timeline_item_image_phone=”background-color: #5931B4;||padding: 20px 10px 20px 10px;||border-radius: 3px;” custom_css_timeline_item_image_tablet=”background-color: #5931B4;||padding: 30px 10px 10px 10px;||border-radius: 3px;” theme_builder_area=”post_content”]
Lorem ipsum dolor sit amet consectetur adipicing elit donec fringilla mauris eget tempor molied
[/dipi_timeline_item][dipi_timeline_item ribbon=”Step 02″ title=”Pellenteque Viverra” timeline_icon=”||divi||400″ timeline_icon_color=”#D6D6D6″ ribbon_circle_color=”#FFFFFF” image=”https://www.divi-pixel.com/wp-content/uploads/2022/02/food-icon-03.svg” icon_placement=”left” custom_card_arrow=”on” card_arrow_color=”#FFFFFF” card_padding=”40px|40px|40px|40px|true|true” child_animation=”fadeInRightShort” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” image_max_width_tablet=”” image_max_width_phone=”20%” image_max_width_last_edited=”on|phone” card_padding_tablet=”40px|40px|40px|40px|true|true” card_padding_phone=”20px|5px|20px|5px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_align=”left” header_font_size=”18px” header_line_height=”1em” body_text_align=”left” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|300||on|||||” ribbon_text_text_color=”#5931B4″ ribbon_text_font_size=”11px” ribbon_text_letter_spacing=”4px” background_color=”#FFFFFF” background_enable_color=”on” custom_css_timeline_item_image=”background-color: #5931B4;||padding: 30px 10px 10px 10px;||border-radius: 3px;” custom_css_timeline_item_ribbon_text=”margin-bottom: 3px;” border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset1″ box_shadow_blur=”35px” box_shadow_color=”rgba(89,49,180,0.1)” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#5931B4″ custom_css_timeline_item_image_last_edited=”on|phone” custom_css_timeline_item_image_phone=”background-color: #5931B4;||padding: 20px 10px 20px 10px;||border-radius: 3px;” custom_css_timeline_item_image_tablet=”background-color: #5931B4;||padding: 30px 10px 10px 10px;||border-radius: 3px;” theme_builder_area=”post_content”]Lorem ipsum dolor sit amet consectetur adipicing elit donec fringilla mauris eget tempor molied
[/dipi_timeline_item][dipi_timeline_item ribbon=”Step 03″ title=”Susndisse elemtum” timeline_icon=”||divi||400″ timeline_icon_color=”#D6D6D6″ ribbon_circle_color=”#FFFFFF” image=”https://www.divi-pixel.com/wp-content/uploads/2022/02/food-icon-05.svg” icon_placement=”left” custom_card_arrow=”on” card_arrow_color=”#FFFFFF” card_padding=”40px|40px|40px|40px|true|true” child_animation=”fadeInRightShort” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” image_max_width_tablet=”” image_max_width_phone=”20%” image_max_width_last_edited=”on|phone” card_padding_tablet=”40px|40px|40px|40px|true|true” card_padding_phone=”20px|5px|20px|5px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_align=”left” header_font_size=”18px” header_line_height=”1em” body_text_align=”left” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|300||on|||||” ribbon_text_text_color=”#5931B4″ ribbon_text_font_size=”11px” ribbon_text_letter_spacing=”4px” background_color=”#FFFFFF” background_enable_color=”on” custom_css_timeline_item_image=”background-color: #5931B4;||padding: 30px 10px 10px 10px;||border-radius: 3px;” custom_css_timeline_item_ribbon_text=”margin-bottom: 3px;” border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset1″ box_shadow_blur=”35px” box_shadow_color=”rgba(89,49,180,0.1)” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#5931B4″ custom_css_timeline_item_image_last_edited=”on|phone” custom_css_timeline_item_image_phone=”background-color: #5931B4;||padding: 20px 10px 20px 10px;||border-radius: 3px;” custom_css_timeline_item_image_tablet=”background-color: #5931B4;||padding: 30px 10px 10px 10px;||border-radius: 3px;” theme_builder_area=”post_content”]Lorem ipsum dolor sit amet consectetur adipicing elit donec fringilla mauris eget tempor molied
[/dipi_timeline_item][/dipi_timeline]Custom Timeline Icons
Add custom timeline icons
Lorem ipsum dolor sit quis amet consectetur adipiscing elit mauris vitae gravida sem at pretium nulla sed ipssum magna pulvinar idty scelerisque eget tempor justo.
[/dipi_timeline_item][dipi_timeline_item ribbon=”March 2020″ title=”Lightweight” timeline_icon=”||divi||400″ timeline_icon_color=”rgba(105,105,105,0.5)” ribbon_circle_color=”#FAF9FD” ribbon_text_bgcolor=”#FF4200″ image=”https://www.divi-pixel.com/wp-content/uploads/2022/12/dp-icon-09-1.svg” image_max_width=”25%” custom_card_arrow=”on” card_arrow_color=”#FAF9FD” child_animation=”fadeInLeftShort” image_max_width_tablet=”25%” image_max_width_phone=”40%” image_max_width_last_edited=”on|phone” card_padding_tablet=”” card_padding_phone=”20px|20px|20px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_color=”#2A2A2A” header_font_size=”22px” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|||on|||||” ribbon_text_text_color=”#FFFFFF” ribbon_text_font_size=”14px” ribbon_text_letter_spacing=”0px” background_color=”#FAF9FD” background_enable_color=”on” background_enable_image=”off” header_font_size_tablet=”22px” header_font_size_phone=”20px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”14px” body_font_size_phone=”13px” body_font_size_last_edited=”on|phone” ribbon_text_font_size_tablet=”12px” ribbon_text_font_size_phone=”12px” ribbon_text_font_size_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text=”padding: 5px 15px 5px 15px;” border_radii=”on|10px|10px|10px|10px” border_radii_ribbon_text=”on|50px|50px|50px|50px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#FF4200″ custom_css_timeline_item_ribbon_text_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text_tablet=”padding: 0px 10px 0px 10px;||margin-bottom: 10px;” custom_css_timeline_item_ribbon_text_phone=”padding: 0px 10px 0px 10px;||margin-bottom: 10px;” timeline_icon_color__hover=”#FFFFFF” timeline_icon_color__hover_enabled=”on|hover” theme_builder_area=”post_content”]Lorem ipsum dolor sit quis amet consectetur adipiscing elit mauris vitae gravida sem at pretium nulla sed ipssum magna pulvinar idty scelerisque eget tempor justo.
[/dipi_timeline_item][dipi_timeline_item ribbon=”March 2020″ title=”High Performance” timeline_icon=”||divi||400″ timeline_icon_color=”rgba(105,105,105,0.5)” ribbon_circle_color=”#FAF9FD” ribbon_text_bgcolor=”#FF4200″ image=”https://www.divi-pixel.com/wp-content/uploads/2022/12/dp-icon-06-1.svg” image_max_width=”25%” custom_card_arrow=”on” card_arrow_color=”#FAF9FD” child_animation=”fadeInRightShort” image_max_width_tablet=”25%” image_max_width_phone=”40%” image_max_width_last_edited=”on|phone” card_padding_tablet=”” card_padding_phone=”20px|20px|20px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_color=”#2A2A2A” header_font_size=”22px” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|||on|||||” ribbon_text_text_color=”#FFFFFF” ribbon_text_font_size=”14px” ribbon_text_letter_spacing=”0px” background_color=”#FAF9FD” background_enable_color=”on” background_enable_image=”off” header_font_size_tablet=”22px” header_font_size_phone=”20px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”14px” body_font_size_phone=”13px” body_font_size_last_edited=”on|phone” ribbon_text_font_size_tablet=”12px” ribbon_text_font_size_phone=”12px” ribbon_text_font_size_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text=”padding: 5px 15px 5px 15px;” border_radii=”on|10px|10px|10px|10px” border_radii_ribbon_text=”on|50px|50px|50px|50px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#FF4200″ custom_css_timeline_item_ribbon_text_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text_tablet=”padding: 0px 10px 0px 10px;||margin-bottom: 10px;” custom_css_timeline_item_ribbon_text_phone=”padding: 0px 10px 0px 10px;||margin-bottom: 10px;” timeline_icon_color__hover=”#FFFFFF” timeline_icon_color__hover_enabled=”on|hover” theme_builder_area=”post_content”]Lorem ipsum dolor sit quis amet consectetur adipiscing elit mauris vitae gravida sem at pretium nulla sed ipssum magna pulvinar idty scelerisque eget tempor justo.
[/dipi_timeline_item][/dipi_timeline]Custom Layout
Display timeline cards on left, right, or select mixed layout.
[dipi_timeline layout=”left” line_area_size=”100px” timeline_active_line_color=”#5931B4″ line_area_size_tablet=”100px” line_area_size_phone=”70px” line_area_size_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” max_width_tablet=”” max_width_phone=”90%” max_width_last_edited=”on|phone” text_orientation_phone=”left” text_orientation_last_edited=”off|phone” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_timeline_item ribbon=”Step 1″ title=”Maecenas Semper” show_button=”on” button_text=”Learn More” button_url=”#” timeline_icon=”3||divi||400″ timeline_icon_color=”#D6D6D6″ ribbon_circle_color=”#FFFFFF” custom_card_arrow=”on” card_arrow_color=”#FFFFFF” card_padding=”40px|40px|40px|40px|true|true” child_animation=”none” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” image_max_width_tablet=”” image_max_width_phone=”20%” image_max_width_last_edited=”on|phone” card_padding_tablet=”40px|40px|40px|40px|true|true” card_padding_phone=”30px|10px|30px|10px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_font_size=”18px” header_line_height=”1em” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|600||on|||||” ribbon_text_text_color=”#5931B4″ ribbon_text_font_size=”11px” ribbon_text_letter_spacing=”4px” ribbon_text_line_height=”1.3em” background_color=”#FFFFFF” background_enable_color=”on” custom_button=”on” button_text_size=”13px” button_text_color=”#FFFFFF” button_bg_color=”#5931B4″ button_border_radius=”3px” button_use_icon=”off” button_alignment=”left” button_custom_padding=”11px|28px|11px|28px|true|true” header_text_align_tablet=”” header_text_align_phone=”left” header_text_align_last_edited=”on|phone” body_text_align_tablet=”” body_text_align_phone=”left” body_text_align_last_edited=”on|phone” body_font_size_tablet=”14px” body_font_size_phone=”13px” body_font_size_last_edited=”on|phone” custom_css_timeline_item_ribbon_text=”margin-bottom: 10px;||padding-left: 5px;” border_radii=”on|10px|10px|10px|10px” border_width_left_ribbon_text=”3px” border_color_left_ribbon_text=”#5931B4″ box_shadow_style=”preset1″ box_shadow_blur=”35px” box_shadow_color=”rgba(89,49,180,0.1)” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#5931B4″ custom_css_timeline_item_image_last_edited=”off|desktop” custom_css_timeline_item_image_phone=”background-color: #5931B4;||padding: 20px 10px 20px 10px;||border-radius: 3px;” custom_css_timeline_item_image_tablet=”background-color: #5931B4;||padding: 30px 10px 10px 10px;||border-radius: 3px;” theme_builder_area=”post_content”]
Lorem ipsum dolor sit amet consectetur adipicing elit donec ultrices finibus elit eget tristique fringilla mauris eget tempor consectetur adipiscing eget.
[/dipi_timeline_item][dipi_timeline_item ribbon=”Step 2″ title=”Maecenas Semper” show_button=”on” button_text=”Learn More” button_url=”#” timeline_icon=”3||divi||400″ timeline_icon_color=”#D6D6D6″ ribbon_circle_color=”#FFFFFF” custom_card_arrow=”on” card_arrow_color=”#FFFFFF” card_padding=”40px|40px|40px|40px|true|true” child_animation=”none” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” image_max_width_tablet=”” image_max_width_phone=”20%” image_max_width_last_edited=”on|phone” card_padding_tablet=”40px|40px|40px|40px|true|true” card_padding_phone=”30px|10px|30px|10px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_font_size=”18px” header_line_height=”1em” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|600||on|||||” ribbon_text_text_color=”#5931B4″ ribbon_text_font_size=”11px” ribbon_text_letter_spacing=”4px” ribbon_text_line_height=”1.3em” background_color=”#FFFFFF” background_enable_color=”on” custom_button=”on” button_text_size=”13px” button_text_color=”#FFFFFF” button_bg_color=”#5931B4″ button_border_radius=”3px” button_use_icon=”off” button_alignment=”left” button_custom_padding=”11px|28px|11px|28px|true|true” header_text_align_tablet=”” header_text_align_phone=”left” header_text_align_last_edited=”on|phone” body_text_align_tablet=”” body_text_align_phone=”left” body_text_align_last_edited=”on|phone” body_font_size_tablet=”14px” body_font_size_phone=”13px” body_font_size_last_edited=”on|phone” custom_css_timeline_item_ribbon_text=”margin-bottom: 10px;||padding-left: 5px;” border_radii=”on|10px|10px|10px|10px” border_width_left_ribbon_text=”3px” border_color_left_ribbon_text=”#5931B4″ box_shadow_style=”preset1″ box_shadow_blur=”35px” box_shadow_color=”rgba(89,49,180,0.1)” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#5931B4″ custom_css_timeline_item_image_last_edited=”off|desktop” custom_css_timeline_item_image_phone=”background-color: #5931B4;||padding: 20px 10px 20px 10px;||border-radius: 3px;” custom_css_timeline_item_image_tablet=”background-color: #5931B4;||padding: 30px 10px 10px 10px;||border-radius: 3px;” theme_builder_area=”post_content”]Lorem ipsum dolor sit amet consectetur adipicing elit donec ultrices finibus elit eget tristique fringilla mauris eget tempor consectetur adipiscing eget.
[/dipi_timeline_item][dipi_timeline_item ribbon=”Step 3″ title=”Maecenas Semper” show_button=”on” button_text=”Learn More” button_url=”#” timeline_icon=”\||divi||400″ timeline_icon_color=”#D6D6D6″ ribbon_circle_color=”#FFFFFF” custom_card_arrow=”on” card_arrow_color=”#FFFFFF” card_padding=”40px|40px|40px|40px|true|true” child_animation=”none” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” image_max_width_tablet=”” image_max_width_phone=”20%” image_max_width_last_edited=”on|phone” card_padding_tablet=”40px|40px|40px|40px|true|true” card_padding_phone=”30px|10px|30px|10px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.23.2″ _module_preset=”default” header_font=”Poppins|600|||||||” header_font_size=”18px” header_line_height=”1em” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|600||on|||||” ribbon_text_text_color=”#5931B4″ ribbon_text_font_size=”11px” ribbon_text_letter_spacing=”4px” ribbon_text_line_height=”1.3em” background_color=”#FFFFFF” background_enable_color=”on” custom_button=”on” button_text_size=”13px” button_text_color=”#FFFFFF” button_bg_color=”#5931B4″ button_border_radius=”3px” button_use_icon=”off” button_alignment=”left” button_custom_padding=”11px|28px|11px|28px|true|true” header_text_align_tablet=”” header_text_align_phone=”left” header_text_align_last_edited=”on|phone” body_text_align_tablet=”” body_text_align_phone=”left” body_text_align_last_edited=”on|phone” body_font_size_tablet=”14px” body_font_size_phone=”13px” body_font_size_last_edited=”on|phone” custom_css_timeline_item_ribbon_text=”margin-bottom: 10px;||padding-left: 5px;” border_radii=”on|10px|10px|10px|10px” border_width_left_ribbon_text=”3px” border_color_left_ribbon_text=”#5931B4″ box_shadow_style=”preset1″ box_shadow_blur=”35px” box_shadow_color=”rgba(89,49,180,0.1)” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#5931B4″ custom_css_timeline_item_image_last_edited=”off|desktop” custom_css_timeline_item_image_phone=”background-color: #5931B4;||padding: 20px 10px 20px 10px;||border-radius: 3px;” custom_css_timeline_item_image_tablet=”background-color: #5931B4;||padding: 30px 10px 10px 10px;||border-radius: 3px;” theme_builder_area=”post_content”]Lorem ipsum dolor sit amet consectetur adipicing elit donec ultrices finibus elit eget tristique fringilla mauris eget tempor consectetur adipiscing eget.
[/dipi_timeline_item][/dipi_timeline]
[dipi_timeline timeline_active_line_color=”#699a55″ line_area_size_tablet=”90px” line_area_size_phone=”75px” line_area_size_last_edited=”on|tablet” _builder_version=”4.17.4″ _module_preset=”default” max_width_tablet=”” max_width_phone=”90%” max_width_last_edited=”on|phone” text_orientation_tablet=”” text_orientation_phone=”” text_orientation_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_timeline_item ribbon=”Motivation” title=”Don’t cry because it’s over smile because it happened” timeline_icon=”3||divi||400″ timeline_icon_color=”#696969″ ribbon_circle_color=”#f5fbf4″ use_icon=”on” font_icon=”||fa||900″ icon_color=”#699a55″ icon_placement=”left” use_icon_font_size=”on” icon_font_size=”40px” custom_card_arrow=”on” card_arrow_color=”#f5fbf4″ card_padding=”40px|30px|40px|30px|true|false” child_animation=”none” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” card_padding_tablet=”40px|30px|40px|30px|true|false” card_padding_phone=”40px|20px|40px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.17.4″ _module_preset=”default” header_font=”|600|||||||” header_font_size=”20px” header_line_height=”1.4em” body_text_color=”#696969″ ribbon_text_font=”Poppins|600|||||||” ribbon_text_text_color=”#699A55″ ribbon_text_font_size=”14px” background_color=”#f5fbf4″ background_enable_color=”on” header_text_align_last_edited=”off|phone” header_font_size_tablet=”20px” header_font_size_phone=”16px” header_font_size_last_edited=”on|phone” body_text_align_last_edited=”off|phone” body_font_size_tablet=”” body_font_size_phone=”14px” body_font_size_last_edited=”on|phone” ribbon_text_text_align_tablet=”” ribbon_text_text_align_phone=”center” ribbon_text_text_align_last_edited=”on|phone” ribbon_text_font_size_tablet=”16px” ribbon_text_font_size_phone=”12px” ribbon_text_font_size_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#699a55″ custom_css_timeline_item_ribbon_text_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text_phone=”width: 100%;” theme_builder_area=”post_content”]
by Dr. Seuss
[/dipi_timeline_item][dipi_timeline_item ribbon=”Happiness” title=”Don’t let your happiness depend on something you may lose” timeline_icon=”3||divi||400″ timeline_icon_color=”#696969″ ribbon_circle_color=”#f5fbf4″ use_icon=”on” font_icon=”||fa||900″ icon_color=”#699a55″ icon_placement=”left” use_icon_font_size=”on” icon_font_size=”40px” custom_card_arrow=”on” card_arrow_color=”#f5fbf4″ card_padding=”40px|30px|40px|30px|true|false” child_animation=”none” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” card_padding_tablet=”40px|30px|40px|30px|true|false” card_padding_phone=”|20px||20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.17.4″ _module_preset=”default” header_font=”|600|||||||” header_font_size=”20px” header_line_height=”1.4em” body_text_color=”#696969″ ribbon_text_font=”Poppins|600|||||||” ribbon_text_text_color=”#699A55″ ribbon_text_font_size=”14px” background_color=”#f5fbf4″ background_enable_color=”on” header_font_size_tablet=”20px” header_font_size_phone=”16px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”” body_font_size_phone=”14px” body_font_size_last_edited=”on|phone” ribbon_text_font_size_tablet=”16px” ribbon_text_font_size_phone=”12px” ribbon_text_font_size_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#699a55″ custom_css_timeline_item_ribbon_text_last_edited=”on|phone” custom_css_timeline_item_ribbon_text_phone=”width: 100%;” theme_builder_area=”post_content”]by C.S. Lewis
[/dipi_timeline_item][dipi_timeline_item ribbon=”Motivation” title=”Sooner or later even the fastest runners have to stand and fight” timeline_icon=”3||divi||400″ timeline_icon_color=”#696969″ ribbon_circle_color=”#f5fbf4″ use_icon=”on” font_icon=”||fa||900″ icon_color=”#699a55″ icon_placement=”left” use_icon_font_size=”on” icon_font_size=”40px” custom_card_arrow=”on” card_arrow_color=”#f5fbf4″ card_padding=”40px|30px|40px|30px|true|false” child_animation=”none” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” card_padding_tablet=”40px|30px|40px|30px|true|false” card_padding_phone=”40px|20px|40px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.17.4″ _module_preset=”default” header_font=”|600|||||||” header_font_size=”20px” header_line_height=”1.4em” body_text_color=”#696969″ ribbon_text_font=”Poppins|600|||||||” ribbon_text_text_color=”#699A55″ ribbon_text_font_size=”14px” background_color=”#f5fbf4″ background_enable_color=”on” header_font_size_tablet=”20px” header_font_size_phone=”16px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”” body_font_size_phone=”14px” body_font_size_last_edited=”on|phone” ribbon_text_font_size_tablet=”16px” ribbon_text_font_size_phone=”12px” ribbon_text_font_size_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#699a55″ custom_css_timeline_item_ribbon_text_last_edited=”on|phone” custom_css_timeline_item_ribbon_text_phone=”width: 100%;” theme_builder_area=”post_content”]by Stephen King
[/dipi_timeline_item][dipi_timeline_item ribbon=”Reality” title=”The clearest way into the universe is through a forest wilderness” timeline_icon=”L||divi||400″ timeline_icon_color=”#696969″ ribbon_circle_color=”#f5fbf4″ use_icon=”on” font_icon=”||fa||900″ icon_color=”#699a55″ icon_placement=”left” use_icon_font_size=”on” icon_font_size=”40px” custom_card_arrow=”on” card_arrow_color=”#f5fbf4″ card_padding=”40px|30px|40px|30px|true|false” child_animation=”none” icon_placement_tablet=”left” icon_placement_phone=”top” icon_placement_last_edited=”on|phone” card_padding_tablet=”40px|30px|40px|30px|true|false” card_padding_phone=”40px|20px|40px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.17.4″ _module_preset=”default” header_font=”|600|||||||” header_font_size=”20px” header_line_height=”1.4em” body_text_color=”#696969″ ribbon_text_font=”Poppins|600|||||||” ribbon_text_text_color=”#699A55″ ribbon_text_font_size=”14px” background_color=”#f5fbf4″ background_enable_color=”on” header_font_size_tablet=”20px” header_font_size_phone=”16px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”” body_font_size_phone=”14px” body_font_size_last_edited=”on|phone” ribbon_text_font_size_tablet=”16px” ribbon_text_font_size_phone=”12px” ribbon_text_font_size_last_edited=”on|phone” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#699a55″ custom_css_timeline_item_ribbon_text_last_edited=”on|phone” custom_css_timeline_item_ribbon_text_phone=”width: 100%;” theme_builder_area=”post_content”]by John Muir
[/dipi_timeline_item][/dipi_timeline]Timeline Card Customization
Showcase your content in more engaging way
Lorem ipsum eget teimpor dolor sit amet consectetur adipiscing elit Fusce scelerisque consectetur accumsan Vivamus maximus vehicula tortor ac purus maximus lacinia lorem lacus.
[/dipi_timeline_item][dipi_timeline_item ribbon=”12 February 2022″ title=”Consectetur mollis adipiscing” show_button=”on” button_text=”Learn More” button_url=”#” timeline_icon=”\||divi||400″ timeline_icon_color=”#8F30E4″ ribbon_circle_color=”#FFFFFF” use_icon=”on” font_icon=”||divi||400″ icon_color=”#FFFFFF” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”40px” custom_card_arrow=”on” card_arrow_color=”#5118b7″ card_padding=”45px|40px|45px|40px|true|true” card_padding_tablet=”45px|40px|45px|40px|true|true” card_padding_phone=”35px|20px|35px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.17.4″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_color=”#FFFFFF” header_font_size=”18px” body_text_color=”rgba(255,255,255,0.61)” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|600||on|||||” ribbon_text_text_color=”#8F30E4″ ribbon_text_font_size=”14px” ribbon_text_letter_spacing=”2px” background_enable_color=”off” use_background_color_gradient=”on” background_color_gradient_direction=”30deg” background_color_gradient_stops=”#3b0ea6 0%|#8f30e4 100%” background_enable_image=”off” background_size=”custom” background_position=”center_right” custom_button=”on” button_text_size=”14px” button_bg_color=”RGBA(255,255,255,0.28)” button_font=”Poppins|300|||||||” button_use_icon=”off” button_custom_padding=”12px|27px|12px|27px|true|true” header_line_height_tablet=”” header_line_height_phone=”1.4em” header_line_height_last_edited=”on|phone” ribbon_text_text_color_tablet=”#FFFFFF” ribbon_text_text_color_phone=”#FFFFFF” ribbon_text_text_color_last_edited=”on|desktop” ribbon_text_line_height_last_edited=”off|phone” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|desktop” ribbon_circle_color__hover=”#8F30E4″ custom_css_timeline_item_ribbon_text_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text_tablet=”margin-bottom: 5px;” custom_css_timeline_item_ribbon_text_phone=”margin-bottom: 5px;” theme_builder_area=”post_content”]Lorem ipsum eget teimpor dolor sit amet consectetur adipiscing elit Fusce scelerisque consectetur accumsan Vivamus maximus vehicula tortor ac purus maximus lacinia lorem lacus.
[/dipi_timeline_item][dipi_timeline_item ribbon=”17 March 2022″ title=”Fermentum justo molestie” show_button=”on” button_text=”Learn More” button_url=”#” timeline_icon=”\||divi||400″ timeline_icon_color=”#8F30E4″ ribbon_circle_color=”#FFFFFF” use_icon=”on” font_icon=”||divi||400″ icon_color=”#FFFFFF” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”40px” custom_card_arrow=”on” card_arrow_color=”#7b28d5″ card_padding=”45px|40px|45px|40px|true|true” card_arrow_color_tablet=”#5117b6″ card_arrow_color_phone=”#5117b6″ card_arrow_color_last_edited=”on|tablet” card_padding_tablet=”45px|40px|45px|40px|true|true” card_padding_phone=”35px|20px|35px|20px|true|true” card_padding_last_edited=”on|phone” _builder_version=”4.17.4″ _module_preset=”default” header_font=”Poppins|600|||||||” header_text_color=”#FFFFFF” header_font_size=”18px” body_text_color=”rgba(255,255,255,0.61)” body_font_size=”14px” body_line_height=”1.7em” ribbon_text_font=”Poppins|600||on|||||” ribbon_text_text_color=”#8F30E4″ ribbon_text_font_size=”14px” ribbon_text_letter_spacing=”2px” background_enable_color=”off” use_background_color_gradient=”on” background_color_gradient_direction=”30deg” background_color_gradient_stops=”#3b0ea6 0%|#8f30e4 100%” background_enable_image=”off” background_size=”custom” background_position=”center_right” custom_button=”on” button_text_size=”14px” button_bg_color=”RGBA(255,255,255,0.28)” button_font=”Poppins|300|||||||” button_use_icon=”off” button_custom_padding=”12px|27px|12px|27px|true|true” header_line_height_tablet=”” header_line_height_phone=”1.4em” header_line_height_last_edited=”on|phone” ribbon_text_text_color_tablet=”#FFFFFF” ribbon_text_text_color_phone=”#FFFFFF” ribbon_text_text_color_last_edited=”on|tablet” border_radii=”on|10px|10px|10px|10px” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|desktop” ribbon_circle_color__hover=”#8F30E4″ custom_css_timeline_item_ribbon_text_last_edited=”on|tablet” custom_css_timeline_item_ribbon_text_tablet=”margin-bottom: 5px;” custom_css_timeline_item_ribbon_text_phone=”margin-bottom: 5px;” theme_builder_area=”post_content”]Lorem ipsum eget teimpor dolor sit amet consectetur adipiscing elit Fusce scelerisque consectetur accumsan Vivamus maximus vehicula tortor ac purus maximus lacinia lorem lacus.
[/dipi_timeline_item][/dipi_timeline]Timeline Module Features
Divi Pixel Timeline module offers powerful settings which can help you create beautiful and fully functional timelines on your Divi website.
Add date for each timeline item
Responsive layout settings
Individual settings for each item
Interactive timeline line and icons
Add links/buttons to each timeline card
3 Timeline Layouts (Mixed/Left/Right)
Custom CSS for all elements
[dipi_timeline layout=”right” line_area_size=”89px” timeline_active_line_color=”#440099″ layout_tablet=”” layout_phone=”left” layout_last_edited=”on|phone” line_area_size_tablet=”75px” line_area_size_phone=”75px” line_area_size_last_edited=”on|phone” _builder_version=”4.18.1″ _module_preset=”default” width=”100%” max_width=”100%” custom_margin=”||||false|false” custom_margin_tablet=”||80px||false|false” custom_margin_phone=”||||false|false” custom_margin_last_edited=”on|tablet” custom_padding=”||||false|false” custom_padding_tablet=”” custom_padding_phone=”|||20px|false|false” custom_padding_last_edited=”on|phone” global_colors_info=”{}” theme_builder_area=”post_content”][dipi_timeline_item ribbon=”March 2020″ title=”Hover Box module” show_button=”on” button_text=”Read More” button_url=”https://www.divi-pixel.com/introducing-countdown-and-hover-box-modules/” button_url_new_window=”on” timeline_icon=”i||divi||400″ ribbon_circle_color=”#f2f4f7″ timeline_icon_color_tablet=”” timeline_icon_color_phone=”” timeline_icon_color_last_edited=”on|desktop” _builder_version=”4.18.1″ _module_preset=”default” header_font=”|700|||||||” header_text_color=”#15022A” header_font_size=”21px” body_font=”|300|||||||” body_font_size=”15px” background_color=”#f2f4f7″ background_enable_color=”on” custom_button=”on” button_text_size=”12px” button_text_color=”#15022A” button_bg_color=”#FFFFFF” button_border_width=”1px” button_border_color=”#FFFFFF” button_letter_spacing=”1px” button_font=”|||on|||||” button_use_icon=”on” button_icon=”%%3%%” global_colors_info=”{}” timeline_icon_color__hover_enabled=”on|hover” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#440099″ button_border_color__hover_enabled=”on|hover” button_border_color__hover=”#440099″ button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”#440099″ button_bg_enable_color__hover=”on” button_text_color__hover_enabled=”on|desktop” button_text_color__hover=”#FFFFFF” timeline_icon_color__hover=”#FFFFFF” theme_builder_area=”post_content”]Our family of Divi Pixel modules is growing fast! In March 2020, we introduced 2 brand new modules that enhanced your Divi Builder even more![/dipi_timeline_item][dipi_timeline_item ribbon=”April 2020″ title=”Masonry Gallery module for Divi” show_button=”on” button_text=”Read More” button_url=”https://www.divi-pixel.com/create-amazing-galleries-with-the-masonry-gallery-module/” button_url_new_window=”on” timeline_icon=”||divi||400″ ribbon_circle_color=”#f2f4f7″ _builder_version=”4.18.1″ _module_preset=”default” header_font=”|700|||||||” header_text_color=”#15022A” header_font_size=”21px” body_font=”|300|||||||” body_font_size=”15px” background_color=”#f2f4f7″ background_enable_color=”on” custom_button=”on” button_text_size=”12px” button_text_color=”#15022A” button_bg_color=”#FFFFFF” button_border_width=”1px” button_border_color=”#FFFFFF” button_letter_spacing=”1px” button_font=”|||on|||||” button_use_icon=”on” button_icon=”%%3%%” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#440099″ button_border_color__hover=”#440099″ button_border_color__hover_enabled=”on|hover” button_text_color__hover=”#FFFFFF” button_text_color__hover_enabled=”on|desktop” button_bg_color__hover=”#440099″ button_bg_color__hover_enabled=”on|hover” timeline_icon_color__hover_enabled=”on|hover” timeline_icon_color__hover=”#FFFFFF” theme_builder_area=”post_content”]Use Divi Pixels Masonry Gallery module to showcase your images in a beautiful and fully responsive masonry style.[/dipi_timeline_item][dipi_timeline_item ribbon=”April 2020″ title=”Blog Slider” show_button=”on” button_text=”Read More” button_url=”https://www.divi-pixel.com/introducing-blog-slider-module/” button_url_new_window=”on” timeline_icon=”||divi||400″ ribbon_circle_color=”#f2f4f7″ _builder_version=”4.18.1″ _module_preset=”default” header_font=”|700|||||||” header_text_color=”#15022A” header_font_size=”21px” body_font=”|300|||||||” body_font_size=”15px” background_color=”#f2f4f7″ background_enable_color=”on” custom_button=”on” button_text_size=”12px” button_text_color=”#15022A” button_bg_color=”#FFFFFF” button_border_width=”1px” button_border_color=”#FFFFFF” button_letter_spacing=”1px” button_font=”|||on|||||” button_use_icon=”on” button_icon=”%%3%%” global_colors_info=”{}” ribbon_circle_color__hover_enabled=”on|hover” ribbon_circle_color__hover=”#440099″ button_border_color__hover=”#440099″ button_border_color__hover_enabled=”on|hover” button_text_color__hover=”#FFFFFF” button_text_color__hover_enabled=”on|desktop” button_bg_color__hover=”#440099″ button_bg_color__hover_enabled=”on|hover” timeline_icon_color__hover_enabled=”on|hover” timeline_icon_color__hover=”#FFFFFF” theme_builder_area=”post_content”]Blog Slider was the 17th module added to the Divi Pixel plugin. With the Blog Slider, you can easily display your blog posts in a beautiful and interactive slider form.[/dipi_timeline_item][/dipi_timeline]