{"id":787,"date":"2016-09-13T12:07:51","date_gmt":"2016-09-13T12:07:51","guid":{"rendered":"http:\/\/demo.diywithwp.com\/dividemo1\/?page_id=787"},"modified":"2026-02-27T03:00:56","modified_gmt":"2026-02-27T03:00:56","slug":"divi-timeline-module-demo","status":"publish","type":"page","link":"https:\/\/demo.diywithwp.com\/dividemo1\/divi-timeline-module-demo\/","title":{"rendered":"Divi Timeline Module Demo"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_pb_fullwidth_section et_section_regular et_block_section\"><section class=\"et_pb_fullwidth_header_0 et_pb_fullwidth_header et_pb_bg_layout_dark et_pb_text_align_left et_pb_module et_flex_module\"><div class=\"et_pb_fullwidth_header_container left\"><div class=\"header-content-container center\"><div class=\"header-content et_flex_module\"><h1 class=\"et_pb_module_header\">Vertical Timeline Layout: Side by Side | Two Cards | One Sided (Left, Right)<\/h1><div class=\"et_pb_header_button_wrapper\"><\/div><\/div><\/div><\/div><div class=\"et_pb_fullwidth_header_overlay\"><\/div><div class=\"et_pb_fullwidth_header_scroll\"><\/div><\/section><\/div><div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section\"><div class=\"et_pb_row_0 et_pb_row et_block_row\"><div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_module et_d4_element diti_timeline diti_timeline_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_module diti_divi_timeline diti-timeline-side_by_side position_left\"  >\r\n                <div class=\"timeline-line \">\r\n                <div class=\"timeline-line-inner\"><\/div>\r\n            <\/div>\r\n            <ul class=\"timeline\">\r\n                <div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/1w.png\" alt=\"Divi Timeline Module GTMetrix Score\"\/><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_top\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">GTmetrix Score of This Page<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                <div class=\"timeline-image-wrapper et_always_center_on_mobile\">\r\n                    <a href=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2023\/07\/Timeline-Module-GTMetrix-Score.jpg\" class=\"et_pb_lightbox_image\" title=\"\" data-mfp-src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2023\/07\/Timeline-Module-GTMetrix-Score.jpg\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2023\/07\/Timeline-Module-GTMetrix-Score.jpg\" alt=\"\" title=\"\"><\/span><\/a>\r\n                    <\/div>\r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Our Divi timeline plugin is the most speed optimized solution in the market!<\/p>\n<p>* Above Image Open in a Lightbox.<\/p>\r\n            <\/div> \r\n            <div class=\"timeline-button \">\r\n                <a class=\"et_pb_button timeline-button-link \" \r\n                href=\"#\" \r\n                target=\"\"\r\n                data-icon=\"\">This is a Button<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_1\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/2w.png\" alt=\"\"\/><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Diverge<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p style=\"text-align: center;\">Read about all possible related topics<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_2\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/3w.png\" alt=\"\"\/><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Converge<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Analyze all the research in past two weeks and plan the initial prototype<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_3\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/4w.png\" alt=\"\"\/><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Prototyping<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Build a quick and dirty prototype<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_4\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/5w.png\" alt=\"\"\/><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Testing<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Test the prototype for any errors<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_5\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/6w.png\" alt=\"\"\/><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Reiteration<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Make adjustments to prototype and prepare for beta test<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_6\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/7w.png\" alt=\"\"\/><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Review<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Review the beta test result and build the final prototype<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_7\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/8w.png\" alt=\"\"\/><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Finalize<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Make final adjustments and release the prototype for expert analysis<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\r\n            <\/ul>\r\n\t\t    <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div><\/div><\/div><div class=\"et_pb_section_2 et_pb_section et_section_regular et_block_section\"><div class=\"et_pb_row_1 et_pb_row et_block_row\"><div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_module et_d4_element diti_timeline diti_timeline_1 wedding\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_module diti_divi_timeline wedding diti-timeline-side_by_side two-item-side-by-side position_left\"  >\r\n                <div class=\"timeline-line inside-only\">\r\n                <div class=\"timeline-line-inner\"><\/div>\r\n            <\/div>\r\n            <ul class=\"timeline\">\r\n                <div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_8\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n                    <div class=\"timeline-panel timeline-box timeline-box-left et-waypoint et_pb_animation_left\">\r\n                    <div class=\"timeline-heading\">\r\n                        <h4 class=\"timeline-title\">8 am<\/h4>\r\n                    <\/div>\r\n                    <div class=\"timeline-main-image-wrap\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"timeline-body\">\r\n                        <h1 style=\"text-align: center;\"><span style=\"font-size: xx-large;\"><strong><span style=\"color: #99616f; font-family: 'Alex Brush';\">Get Ready<\/span><\/strong><\/span><\/h1>\n<hr \/>\n<p style=\"font-size: 18px; text-align: center;\">Get Hair and Makeup done<\/p>\n<p style=\"font-size: 18px; text-align: center;\">Prepare Dress &amp; Suit<\/p>\n<p style=\"font-size: 18px; text-align: center;\">Pack Wedding Emergency Kit<\/p>\r\n                    <\/div> \r\n                    \r\n                <\/div>\r\n                    <div class=\"timeline-badge  timeline-badge-vertical_two_items timeline-badge-vertical_two_items-text\"><span class=\"et-pb-icon timeline-text text-circle text-circle-border\">\ud83d\udd57<\/span><\/div>\r\n                    <div class=\"timeline-panel timeline-box timeline-box-right et-waypoint et_pb_animation_left\">\r\n                    <div class=\"timeline-heading\">\r\n                        <h4 class=\"timeline-title\">9 am<\/h4>\r\n                    <\/div>\r\n                    <div class=\"timeline-main-image-wrap\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"timeline-body\">\r\n                        <h1 style=\"text-align: center;\"><span style=\"font-size: xx-large;\"><strong><span style=\"color: #99616f; font-family: 'Alex Brush';\">Photos<\/span><\/strong><\/span><\/h1>\n<hr \/>\n<p style=\"font-size: 18px; text-align: center;\">Group photos with the bride and groom<\/p>\r\n                    <\/div> \r\n                    \r\n                <\/div>\r\n                <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_9\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n                    <div class=\"timeline-panel timeline-box timeline-box-left et-waypoint et_pb_animation_left\">\r\n                    <div class=\"timeline-heading\">\r\n                        <h4 class=\"timeline-title\">12 pm<\/h4>\r\n                    <\/div>\r\n                    <div class=\"timeline-main-image-wrap\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"timeline-body\">\r\n                        <h1 style=\"text-align: center;\"><span style=\"font-size: xx-large;\"><strong><span style=\"color: #99616f; font-family: 'Alex Brush';\">Limo to Venue<\/span><\/strong><\/span><\/h1>\n<hr \/>\n<p style=\"font-size: 18px; text-align: center;\">Our rides will make our way to the chapel 12pm sharp!<\/p>\r\n                    <\/div> \r\n                    <div class=\"timeline-button \">\r\n                <a class=\"et_pb_button timeline-button-link \" \r\n                href=\"#\" \r\n                target=\"\"\r\n                data-icon=\"\">Venue Info<\/a>\r\n                <\/div>\r\n                <\/div>\r\n                    <div class=\"timeline-badge  timeline-badge-vertical_two_items timeline-badge-vertical_two_items-text\"><span class=\"et-pb-icon timeline-text text-circle text-circle-border\">\ud83d\udd5b<\/span><\/div>\r\n                    <div class=\"timeline-panel timeline-box timeline-box-right et-waypoint et_pb_animation_left\">\r\n                    <div class=\"timeline-heading\">\r\n                        <h4 class=\"timeline-title\">1 pm<\/h4>\r\n                    <\/div>\r\n                    <div class=\"timeline-main-image-wrap\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"timeline-body\">\r\n                        <h1 style=\"text-align: center;\"><span style=\"font-size: xx-large;\"><strong><span style=\"color: #99616f; font-family: 'Alex Brush';\">Ceremony<\/span><\/strong><\/span><\/h1>\n<hr \/>\n<p style=\"font-size: 18px; text-align: center;\">Service will be around an hour long<\/p>\r\n                    <\/div> \r\n                    \r\n                <\/div>\r\n                <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_10\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n                    <div class=\"timeline-panel timeline-box timeline-box-left et-waypoint et_pb_animation_left\">\r\n                    <div class=\"timeline-heading\">\r\n                        <h4 class=\"timeline-title\">2 pm<\/h4>\r\n                    <\/div>\r\n                    <div class=\"timeline-main-image-wrap\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"timeline-body\">\r\n                        <h1 style=\"text-align: center;\"><span style=\"font-size: xx-large;\"><strong><span style=\"color: #99616f; font-family: 'Alex Brush';\">Photos<\/span><\/strong><\/span><\/h1>\n<hr \/>\n<p style=\"font-size: 18px; text-align: center;\">Another round of photos with guest &amp; family members<\/p>\r\n                    <\/div> \r\n                    \r\n                <\/div>\r\n                    <div class=\"timeline-badge  timeline-badge-vertical_two_items timeline-badge-vertical_two_items-text\"><span class=\"et-pb-icon timeline-text text-circle text-circle-border\">\ud83d\udd51<\/span><\/div>\r\n                    <div class=\"timeline-panel timeline-box timeline-box-right et-waypoint et_pb_animation_left\">\r\n                    <div class=\"timeline-heading\">\r\n                        <h4 class=\"timeline-title\">4 pm<\/h4>\r\n                    <\/div>\r\n                    <div class=\"timeline-main-image-wrap\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"timeline-body\">\r\n                        <h1 style=\"text-align: center;\"><span style=\"font-size: xx-large;\"><strong><span style=\"color: #99616f; font-family: 'Alex Brush';\">Reception<\/span><\/strong><\/span><\/h1>\n<hr \/>\n<p style=\"font-size: 18px; text-align: center;\">Dinner will be served<\/p>\r\n                    <\/div> \r\n                    \r\n                <\/div>\r\n                <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_11\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n                    <div class=\"timeline-panel timeline-box timeline-box-left et-waypoint et_pb_animation_left\">\r\n                    <div class=\"timeline-heading\">\r\n                        <h4 class=\"timeline-title\">6 pm<\/h4>\r\n                    <\/div>\r\n                    <div class=\"timeline-main-image-wrap\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"timeline-body\">\r\n                        <h1 style=\"text-align: center;\"><span style=\"font-size: xx-large;\"><strong><span style=\"color: #99616f; font-family: 'Alex Brush';\">Dance!<\/span><\/strong><\/span><\/h1>\n<hr \/>\n<p style=\"font-size: 18px; text-align: center;\">Party the nigh away<\/p>\r\n                    <\/div> \r\n                    \r\n                <\/div>\r\n                    <div class=\"timeline-badge  timeline-badge-vertical_two_items timeline-badge-vertical_two_items-text\"><span class=\"et-pb-icon timeline-text text-circle text-circle-border\">\ud83d\udd55<\/span><\/div>\r\n                    <div class=\"timeline-panel timeline-box timeline-box-right et-waypoint et_pb_animation_left\">\r\n                    <div class=\"timeline-heading\">\r\n                        <h4 class=\"timeline-title\">11 pm<\/h4>\r\n                    <\/div>\r\n                    <div class=\"timeline-main-image-wrap\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"timeline-body\">\r\n                        <h1 style=\"text-align: center;\"><span style=\"font-size: xx-large;\"><strong><span style=\"color: #99616f; font-family: 'Alex Brush';\">Good Night<\/span><\/strong><\/span><\/h1>\n<hr \/>\n<p style=\"font-size: 18px; text-align: center;\">Let's Cherish the Memories<\/p>\r\n                    <\/div> \r\n                    \r\n                <\/div>\r\n                <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\r\n            <\/ul>\r\n\t\t    <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div><\/div><\/div><div class=\"et_pb_section_3 et_pb_section et_section_regular et_block_section\"><div class=\"et_pb_row_2 et_pb_row et_block_row\"><div class=\"et_pb_column_2 et_pb_column et_pb_column_1_2 et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_module et_d4_element diti_timeline diti_timeline_2\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_module diti_divi_timeline diti-timeline-one_sided node_left \"  >\r\n                <div class=\"timeline-line \">\r\n                <div class=\"timeline-line-inner\"><\/div>\r\n            <\/div>\r\n            <ul class=\"timeline\">\r\n                <div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_12\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe09d;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_top\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2002 - LinkedIn<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>A business and employment oriented social networking service that operates via website and mobile apps<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_13\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe093;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_top\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2004 - Facebook<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>An online social media and social networking service based in California<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_14\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe0a3;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_top\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2005 - YouTube<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>First large scale video sharing website that makes it easy to watch videos online<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_15\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe094;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_top\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2006 - Twitter<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>A service for friends, family and co-workers to communicate and stay connected through the exchange of quick, frequent messages<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_16\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe097;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_top\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2007 - Tumblr<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Lets you effortlessly share anything post text, photos, quotes, links, music, and videos from your browser, phone, desktop, email<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_17\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe09a;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_top\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2010 - Instagram<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>The home for visual storytelling for everyone from celebrities, news rooms and brands, to teens, musicians and everyone with a creative passion<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_18\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe095;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_top\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2010 - Pinterest<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>A visual book marking tool that helps you discover and save creative ideas<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\r\n            <\/ul>\r\n\t\t    <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div><div class=\"et_pb_column_3 et_pb_column et_pb_column_1_2 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_module et_d4_element diti_timeline diti_timeline_3\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_module diti_divi_timeline diti-timeline-one_sided node_right \"  >\r\n                <div class=\"timeline-line \">\r\n                <div class=\"timeline-line-inner\"><\/div>\r\n            <\/div>\r\n            <ul class=\"timeline\">\r\n                <div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_19\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe09d;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2002 - LinkedIn<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>A business and employment oriented social networking service that operates via website and mobile apps<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_20\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe093;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2004 - Facebook<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>An online social media and social networking service based in California<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_21\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe0a3;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2005 - YouTube<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>First large scale video sharing website that makes it easy to watch videos online<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_22\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe094;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2006 - Twitter<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>A service for friends, family and co-workers to communicate and stay connected through the exchange of quick, frequent messages<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_23\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe097;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2007 - Tumblr<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Lets you effortlessly share anything post text, photos, quotes, links, music, and videos from your browser, phone, desktop, email<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_24\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe09a;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2010 - Instagram<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>The home for visual storytelling for everyone from celebrities, news rooms and brands, to teens, musicians and everyone with a creative passion<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_25\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<li class=\"flex-container\">\r\n            <div class=\"empty-col\"><\/div>\r\n            <div class=\"timeline-badge  timeline-badge-vertical timeline-badge-vertical-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#xe095;<\/span><\/div>\r\n            <div class=\"timeline-panel timeline-box et-waypoint et_pb_animation_bottom\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">2010 - Pinterest<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>A visual book marking tool that helps you discover and save creative ideas<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n            <\/li>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\r\n            <\/ul>\r\n\t\t    <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div><\/div><\/div><div class=\"et_pb_section_4 et_pb_section et_pb_fullwidth_section et_section_regular et_block_section\"><section class=\"et_pb_fullwidth_header_1 et_pb_fullwidth_header et_pb_bg_layout_dark et_pb_text_align_left et_pb_module et_flex_module\"><div class=\"et_pb_fullwidth_header_container left\"><div class=\"header-content-container center\"><div class=\"header-content et_flex_module\"><h1 class=\"et_pb_module_header\">Horizontal Timeline and Info List Layouts: Top | Bottom | Side by Side<\/h1><div class=\"et_pb_header_button_wrapper\"><\/div><\/div><\/div><\/div><div class=\"et_pb_fullwidth_header_overlay\"><\/div><div class=\"et_pb_fullwidth_header_scroll\"><\/div><\/section><\/div><div class=\"et_pb_section_5 et_pb_section et_section_regular et_block_section\"><div class=\"et_pb_row_3 et_pb_row et_block_row\"><div class=\"et_pb_column_4 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_module et_d4_element diti_timeline diti_timeline_4\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_module diti_divi_timeline diti-timeline-horizontal \"  swiper_id=\"21\"  swiper_count=\"2\">\r\n                <div class=\"swiper divi_timeline_swipper swiper_down show_dots diti-pointer-active\" id=\"divi_timeline_swipper-21\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        <div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_26\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t\r\n                    <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                    <div class=\"card\">\r\n                    <div class=\"card-wrapper timeline-box\">\r\n                    <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">GTmetrix grade of this page<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                <div class=\"timeline-image-wrapper et_always_center_on_mobile\">\r\n                    <a href=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2023\/07\/Timeline-Module-GTMetrix-Score.jpg\" class=\"et_pb_lightbox_image\" title=\"\" data-mfp-src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2023\/07\/Timeline-Module-GTMetrix-Score.jpg\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2023\/07\/Timeline-Module-GTMetrix-Score.jpg\" alt=\"\" title=\"\"><\/span><\/a>\r\n                    <\/div>\r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Fastest loading Divi timeline module in the market!<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                    <\/div>\r\n                    <\/div>\r\n                    <\/div><div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#x5d;<\/span><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_27\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t\r\n                    <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                    <div class=\"card\">\r\n                    <div class=\"card-wrapper timeline-box\">\r\n                    <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Diverge<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p style=\"text-align: center;\">Read about all possible related topics<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                    <\/div>\r\n                    <\/div>\r\n                    <\/div><div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#x5d;<\/span><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_28\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t\r\n                    <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                    <div class=\"card\">\r\n                    <div class=\"card-wrapper timeline-box\">\r\n                    <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Converge<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Analyze all the research in past two weeks and plan the initial prototype<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                    <\/div>\r\n                    <\/div>\r\n                    <\/div><div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#x5d;<\/span><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_29\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t\r\n                    <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                    <div class=\"card\">\r\n                    <div class=\"card-wrapper timeline-box\">\r\n                    <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Prototyping<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Build a quick and dirty prototype<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                    <\/div>\r\n                    <\/div>\r\n                    <\/div><div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#x5d;<\/span><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_30\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t\r\n                    <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                    <div class=\"card\">\r\n                    <div class=\"card-wrapper timeline-box\">\r\n                    <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Testing<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Test the prototype for any errors<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                    <\/div>\r\n                    <\/div>\r\n                    <\/div><div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-icon\"><span class=\"et-pb-icon timeline-icon et-pb-icon-circle et-pb-icon-circle-border\">&#x5d;<\/span><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\r\n                        \r\n                    <\/div>\r\n                    <div class=\"swiper-button-next timeline-swiper-button\"><\/div>\r\n                    <div class=\"swiper-button-prev timeline-swiper-button\"><\/div>\r\n                    <div class=\"swiper-pagination\"><\/div><div class=\"swiper-pagination2 show_dots\"><\/div>\r\n                <\/div>\r\n\t\t    <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div><\/div><div class=\"et_pb_row_4 et_pb_row et_block_row\"><div class=\"et_pb_column_5 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_module et_d4_element diti_timeline diti_timeline_5\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_module diti_divi_timeline diti-timeline-horizontal \"  swiper_id=\"62\"  swiper_count=\"3\">\r\n                <div class=\"swiper divi_timeline_swipper swiper_up disable_dots diti-pointer-active\" id=\"divi_timeline_swipper-62\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        <div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_31\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-text\"><span class=\"et-pb-icon timeline-text text-circle text-circle-border\">Week One<\/span><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Understand<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Gather existing knowledge about the subject<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_32\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-text\"><span class=\"et-pb-icon timeline-text text-circle text-circle-border\">Week Two<\/span><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Diverge<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p style=\"text-align: center;\">Read about all possible related topics<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_33\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-text\"><span class=\"et-pb-icon timeline-text text-circle text-circle-border\">Week Three<\/span><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Converge<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Analyze all the research in past two weeks and plan the initial prototype<\/p>\r\n            <\/div> \r\n            <div class=\"timeline-button \">\r\n                <a class=\"et_pb_button timeline-button-link \" \r\n                href=\"#\" \r\n                target=\"\"\r\n                data-icon=\"\">Button<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_34\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-text\"><span class=\"et-pb-icon timeline-text text-circle text-circle-border\">Week Four<\/span><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Prototyping<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Build a quick and dirty prototype<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_35\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-text\"><span class=\"et-pb-icon timeline-text text-circle text-circle-border\">Week Five<\/span><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Testing<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Test the prototype for any errors<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\r\n                        \r\n                    <\/div>\r\n                    <div class=\"swiper-button-next timeline-swiper-button\"><\/div>\r\n                    <div class=\"swiper-button-prev timeline-swiper-button\"><\/div>\r\n                    \r\n                <\/div>\r\n\t\t    <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div><\/div><div class=\"et_pb_row_5 et_pb_row et_block_row\"><div class=\"et_pb_column_6 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_module et_d4_element diti_timeline diti_timeline_6\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_module diti_divi_timeline diti-timeline-horizontal \"  swiper_id=\"68\"  swiper_count=\"5\">\r\n                <div class=\"swiper divi_timeline_swipper swiper_mixed position_bottom disable_dots diti-pointer-active\" id=\"divi_timeline_swipper-68\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        <div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_36\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/1w.png\" alt=\"\"\/><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Understand<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Gather existing knowledge about the subject<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_37\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/2w.png\" alt=\"\"\/><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Diverge<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p style=\"text-align: center;\">Read about all possible related topics<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_38\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/3w.png\" alt=\"\"\/><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Converge<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Analyze all the research in past two weeks and plan the initial prototype<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_39\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/4w.png\" alt=\"\"\/><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Prototyping<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Build a quick and dirty prototype<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element diti_timeline_item diti_timeline_item_40\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"timeline-badge  timeline-badge-horizontal timeline-badge-horizontal-image\"><img decoding=\"async\" src=\"https:\/\/demo.diywithwp.com\/dividemo1\/wp-content\/uploads\/sites\/33\/2018\/08\/5w.png\" alt=\"\"\/><\/div>\r\n                <div class=\"card-outter diti-timeline-horizontal-item\">\r\n                <div class=\"card\">\r\n                <div class=\"card-wrapper timeline-box\">\r\n                <div class=\"timeline-panel\">\r\n            <div class=\"timeline-heading\">\r\n                <h4 class=\"timeline-title\">Testing<\/h4>\r\n            <\/div>\r\n            <div class=\"timeline-main-image-wrap\">\r\n                \r\n            <\/div>\r\n            <div class=\"timeline-body\">\r\n            <p>Test the prototype for any errors<\/p>\r\n            <\/div> \r\n            \r\n            <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\r\n                        \r\n                    <\/div>\r\n                    <div class=\"swiper-button-next timeline-swiper-button\"><\/div>\r\n                    <div class=\"swiper-button-prev timeline-swiper-button\"><\/div>\r\n                    <div class=\"swiper-pagination\"><\/div><div class=\"swiper-pagination2 disable_dots\"><\/div>\r\n                <\/div>\r\n\t\t    <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-787","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.diywithwp.com\/dividemo1\/wp-json\/wp\/v2\/pages\/787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.diywithwp.com\/dividemo1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.diywithwp.com\/dividemo1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.diywithwp.com\/dividemo1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.diywithwp.com\/dividemo1\/wp-json\/wp\/v2\/comments?post=787"}],"version-history":[{"count":0,"href":"https:\/\/demo.diywithwp.com\/dividemo1\/wp-json\/wp\/v2\/pages\/787\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.diywithwp.com\/dividemo1\/wp-json\/wp\/v2\/media?parent=787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}