{"id":86719,"date":"2026-09-30T20:51:49","date_gmt":"2026-09-30T20:51:49","guid":{"rendered":"https:\/\/demos.restored316.com\/creator-cloud\/?post_type=kadence_cloud&#038;p=86719"},"modified":"2026-09-30T20:51:50","modified_gmt":"2026-09-30T20:51:50","slug":"scroll-drawn-timeline","status":"publish","type":"kadence_cloud","link":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/","title":{"rendered":"Scroll-Drawn Timeline"},"content":{"rendered":"<style>.kb-row-layout-id86719_0baaed-21 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id86719_0baaed-21 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id86719_0baaed-21 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:800px;margin-left:auto;margin-right:auto;padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id86719_0baaed-21 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id86719_0baaed-21 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id86719_0baaed-21 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id86719_0baaed-21 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column86719_fe8880-ef > .kt-inside-inner-col,.kadence-column86719_fe8880-ef > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column86719_fe8880-ef > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column86719_fe8880-ef > .kt-inside-inner-col{flex-direction:column;}.kadence-column86719_fe8880-ef > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column86719_fe8880-ef > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column86719_fe8880-ef{position:relative;}@media all and (max-width: 1024px){.kadence-column86719_fe8880-ef > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column86719_fe8880-ef > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}\/* Scroll-drawn timeline *\/.cc-timeline {  position: relative;}.cc-timeline .cc-tl-item {  position: relative;  padding-left: 64px;}\/* the grey track *\/.cc-tl-line {  position: absolute;  width: 2px;  border-radius: 2px;  background: var(--global-palette7, #e2e8f0);  pointer-events: none;  z-index: 0;}\/* the colored line that draws in *\/.cc-tl-fill {  position: absolute;  inset: 0;  border-radius: inherit;  background: var(--global-palette1, #3182ce);  transform-origin: top center;  transform: scaleY(0);  will-change: transform;}\/* milestone dots *\/.cc-tl-dot {  position: absolute;  left: 16px;  top: var(--cc-tl-dot-top, 12px);  width: 14px;  height: 14px;  border-radius: 50%;  box-sizing: border-box;  background: var(--global-palette9, #ffffff);  border: 2px solid var(--global-palette7, #e2e8f0);  z-index: 1;  transition: background-color 0.3s ease, border-color 0.3s ease,    transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}.cc-tl-item.is-active > .cc-tl-dot {  background: var(--global-palette1, #3182ce);  border-color: var(--global-palette1, #3182ce);  transform: scale(1.15);}\/* milestones start soft and come to full strength when reached *\/.cc-timeline.cc-tl-ready .cc-tl-item {  opacity: 0.45;  transition: opacity 0.4s ease;}.cc-timeline.cc-tl-ready .cc-tl-item.is-active {  opacity: 1;}@media (max-width: 767px) {  .cc-timeline .cc-tl-item {    padding-left: 48px;  }  .cc-tl-dot {    left: 8px;  }}@media (prefers-reduced-motion: reduce) {  .cc-tl-dot,  .cc-timeline.cc-tl-ready .cc-tl-item {    transition: none;  }}<\/style>\n<div class=\"wp-block-kadence-column kadence-column86719_fe8880-ef cc-timeline\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box86719_ac4d89-aa .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box86719_ac4d89-aa .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);margin-bottom:var(--global-kb-spacing-xxl, 5rem);}.kt-info-box86719_ac4d89-aa.wp-block-kadence-infobox{max-width:100%;}.kt-info-box86719_ac4d89-aa .kadence-info-box-image-inner-intrisic-container{max-width:100px;}.kt-info-box86719_ac4d89-aa .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic{padding-bottom:100%;width:1801px;height:0px;max-width:100%;}.kt-info-box86719_ac4d89-aa .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box86719_ac4d89-aa .kt-info-svg-icon-flip, .kt-info-box86719_ac4d89-aa .kt-blocks-info-box-number{font-size:50px;}.kt-info-box86719_ac4d89-aa .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box86719_ac4d89-aa .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box86719_ac4d89-aa .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box86719_ac4d89-aa .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box86719_ac4d89-aa .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}}@media all and (max-width: 767px){.kt-info-box86719_ac4d89-aa .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box86719_ac4d89-aa cc-tl-item\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic-container\"><div class=\"kadence-info-box-image-intrisic kt-info-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png\" alt=\"\" width=\"1801\" height=\"1801\" class=\"kt-info-box-image wp-image-83029\" srcset=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png 1801w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-300x300.png 300w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1024x1024.png 1024w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-150x150.png 150w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-768x768.png 768w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1536x1536.png 1536w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-600x600.png 600w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-100x100.png 100w\" sizes=\"auto, (max-width: 1801px) 100vw, 1801px\" \/><\/div><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\">2020<\/h2><p class=\"kt-blocks-info-box-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam dolor, accumsan sed rutrum vel, dapibus et leo.<\/p><\/div><\/span><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box86719_a9cae3-c9 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box86719_a9cae3-c9 .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);margin-bottom:var(--global-kb-spacing-xxl, 5rem);}.kt-info-box86719_a9cae3-c9.wp-block-kadence-infobox{max-width:100%;}.kt-info-box86719_a9cae3-c9 .kadence-info-box-image-inner-intrisic-container{max-width:100px;}.kt-info-box86719_a9cae3-c9 .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic{padding-bottom:100%;width:1801px;height:0px;max-width:100%;}.kt-info-box86719_a9cae3-c9 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box86719_a9cae3-c9 .kt-info-svg-icon-flip, .kt-info-box86719_a9cae3-c9 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box86719_a9cae3-c9 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box86719_a9cae3-c9 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box86719_a9cae3-c9 .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box86719_a9cae3-c9 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box86719_a9cae3-c9 .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}}@media all and (max-width: 767px){.kt-info-box86719_a9cae3-c9 .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box86719_a9cae3-c9 cc-tl-item\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic-container\"><div class=\"kadence-info-box-image-intrisic kt-info-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png\" alt=\"\" width=\"1801\" height=\"1801\" class=\"kt-info-box-image wp-image-83029\" srcset=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png 1801w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-300x300.png 300w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1024x1024.png 1024w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-150x150.png 150w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-768x768.png 768w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1536x1536.png 1536w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-600x600.png 600w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-100x100.png 100w\" sizes=\"auto, (max-width: 1801px) 100vw, 1801px\" \/><\/div><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\">2022<\/h2><p class=\"kt-blocks-info-box-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam dolor, accumsan sed rutrum vel, dapibus et leo.<\/p><\/div><\/span><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box86719_127139-b6 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box86719_127139-b6 .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);margin-bottom:var(--global-kb-spacing-xxl, 5rem);}.kt-info-box86719_127139-b6.wp-block-kadence-infobox{max-width:100%;}.kt-info-box86719_127139-b6 .kadence-info-box-image-inner-intrisic-container{max-width:100px;}.kt-info-box86719_127139-b6 .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic{padding-bottom:100%;width:1801px;height:0px;max-width:100%;}.kt-info-box86719_127139-b6 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box86719_127139-b6 .kt-info-svg-icon-flip, .kt-info-box86719_127139-b6 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box86719_127139-b6 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box86719_127139-b6 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box86719_127139-b6 .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box86719_127139-b6 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box86719_127139-b6 .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}}@media all and (max-width: 767px){.kt-info-box86719_127139-b6 .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box86719_127139-b6 cc-tl-item\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic-container\"><div class=\"kadence-info-box-image-intrisic kt-info-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png\" alt=\"\" width=\"1801\" height=\"1801\" class=\"kt-info-box-image wp-image-83029\" srcset=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png 1801w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-300x300.png 300w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1024x1024.png 1024w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-150x150.png 150w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-768x768.png 768w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1536x1536.png 1536w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-600x600.png 600w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-100x100.png 100w\" sizes=\"auto, (max-width: 1801px) 100vw, 1801px\" \/><\/div><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\">2024<\/h2><p class=\"kt-blocks-info-box-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam dolor, accumsan sed rutrum vel, dapibus et leo.<\/p><\/div><\/span><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box86719_fbe298-c8 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box86719_fbe298-c8 .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);margin-bottom:var(--global-kb-spacing-xxl, 5rem);}.kt-info-box86719_fbe298-c8.wp-block-kadence-infobox{max-width:100%;}.kt-info-box86719_fbe298-c8 .kadence-info-box-image-inner-intrisic-container{max-width:100px;}.kt-info-box86719_fbe298-c8 .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic{padding-bottom:100%;width:1801px;height:0px;max-width:100%;}.kt-info-box86719_fbe298-c8 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box86719_fbe298-c8 .kt-info-svg-icon-flip, .kt-info-box86719_fbe298-c8 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box86719_fbe298-c8 .kt-blocks-info-box-media{border-radius:200px;overflow:hidden;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:0px;margin-right:20px;margin-bottom:0px;margin-left:0px;}.kt-info-box86719_fbe298-c8 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box86719_fbe298-c8 .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box86719_fbe298-c8 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}@media all and (max-width: 1024px){.kt-info-box86719_fbe298-c8 .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}}@media all and (max-width: 767px){.kt-info-box86719_fbe298-c8 .kt-blocks-info-box-link-wrap{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box86719_fbe298-c8 cc-tl-item\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic-container\"><div class=\"kadence-info-box-image-intrisic kt-info-animate-none\"><div class=\"kadence-info-box-image-inner-intrisic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png\" alt=\"\" width=\"1801\" height=\"1801\" class=\"kt-info-box-image wp-image-83029\" srcset=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern.png 1801w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-300x300.png 300w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1024x1024.png 1024w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-150x150.png 150w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-768x768.png 768w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-1536x1536.png 1536w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-600x600.png 600w, https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CCDemo-Teal-Pattern-100x100.png 100w\" sizes=\"auto, (max-width: 1801px) 100vw, 1801px\" \/><\/div><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\">2026<\/h2><p class=\"kt-blocks-info-box-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam dolor, accumsan sed rutrum vel, dapibus et leo.<\/p><\/div><\/span><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kadence-column86719_2ecd73-46 > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column86719_2ecd73-46 > .kt-inside-inner-col,.kadence-column86719_2ecd73-46 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column86719_2ecd73-46 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column86719_2ecd73-46 > .kt-inside-inner-col{flex-direction:column;}.kadence-column86719_2ecd73-46 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column86719_2ecd73-46 > .kt-inside-inner-col{background-color:var(--global-palette15, #3182CE);}.kadence-column86719_2ecd73-46 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column86719_2ecd73-46{position:relative;}@media all and (max-width: 1024px){.kadence-column86719_2ecd73-46 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column86719_2ecd73-46 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column86719_2ecd73-46 kvs-lg-false kvs-md-false kvs-sm-false\"><div class=\"kt-inside-inner-col\">\n<p class=\"wp-block-paragraph\">Place the below code in your header script area this delete this block.<\/p>\n\n\n\n<pre class=\"wp-block-code has-theme-palette-15-background-color has-background\"><code>&lt;script>\/* Scroll-drawn timeline *\/\n(function () {\n  var DRAW_POINT = 0.6; \/\/ the tip of the line follows a spot 60% down the screen\n\n  var timelines = &#91;];\n  var ticking = false;\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  function build(wrap) {\n    var items = Array.prototype.slice.call(wrap.querySelectorAll('.cc-tl-item'));\n    if (items.length &lt; 2) return null;\n\n    var line = document.createElement('div');\n    line.className = 'cc-tl-line';\n    line.setAttribute('aria-hidden', 'true');\n    var fill = document.createElement('div');\n    fill.className = 'cc-tl-fill';\n    line.appendChild(fill);\n    wrap.appendChild(line);\n\n    var dots = items.map(function (item) {\n      var dot = document.createElement('span');\n      dot.className = 'cc-tl-dot';\n      dot.setAttribute('aria-hidden', 'true');\n      item.appendChild(dot);\n      return dot;\n    });\n\n    wrap.classList.add('cc-tl-ready');\n    return { wrap: wrap, items: items, dots: dots, line: line, fill: fill, top: 0, height: 0, dotYs: &#91;] };\n  }\n\n  \/\/ Size and place the line from the first dot's center to the last dot's center\n  function measure(t) {\n    var w = t.wrap.getBoundingClientRect();\n    var first = t.dots&#91;0].getBoundingClientRect();\n    var last = t.dots&#91;t.dots.length - 1].getBoundingClientRect();\n    var centerX = first.left + first.width \/ 2 - w.left;\n\n    t.top = first.top + first.height \/ 2 - w.top;\n    t.height = last.top + last.height \/ 2 - w.top - t.top;\n\n    t.line.style.left = centerX - t.line.offsetWidth \/ 2 + 'px';\n    t.line.style.top = t.top + 'px';\n    t.line.style.height = t.height + 'px';\n\n    t.dotYs = t.dots.map(function (d) {\n      var r = d.getBoundingClientRect();\n      return r.top + r.height \/ 2 - w.top;\n    });\n  }\n\n  function update(t) {\n    var w = t.wrap.getBoundingClientRect();\n    var drawY = window.innerHeight * DRAW_POINT - w.top; \/\/ draw point inside the timeline\n    var p = reduce ? 1 : Math.min(1, Math.max(0, (drawY - t.top) \/ t.height));\n\n    t.fill.style.transform = 'scaleY(' + p.toFixed(4) + ')';\n    t.items.forEach(function (item, i) {\n      item.classList.toggle('is-active', reduce || drawY >= t.dotYs&#91;i] - 2);\n    });\n  }\n\n  function updateAll() {\n    timelines.forEach(update);\n    ticking = false;\n  }\n\n  function measureAll() {\n    timelines.forEach(measure);\n    updateAll();\n  }\n\n  function onScroll() {\n    if (!ticking) {\n      ticking = true;\n      requestAnimationFrame(updateAll);\n    }\n  }\n\n  function init() {\n    document.querySelectorAll('.cc-timeline').forEach(function (wrap) {\n      var t = build(wrap);\n      if (t) timelines.push(t);\n    });\n    if (!timelines.length) return;\n\n    measureAll(); \/\/ correct state right away on load\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', measureAll);\n    window.addEventListener('load', measureAll); \/\/ re-measure after images and fonts settle\n\n    if ('ResizeObserver' in window) {\n      var ro = new ResizeObserver(measureAll);\n      timelines.forEach(function (t) { ro.observe(t.wrap); });\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();&lt;\/script><\/code><\/pre>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Place the below code in your header script area this delete this block.<\/p>\n","protected":false},"author":1,"featured_media":86794,"menu_order":0,"template":"","meta":{"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"<script>\/* Scroll-drawn timeline *\/\n(function () {\n  var DRAW_POINT = 0.6; \/\/ the tip of the line follows a spot 60% down the screen\n\n  var timelines = [];\n  var ticking = false;\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  function build(wrap) {\n    var items = Array.prototype.slice.call(wrap.querySelectorAll('.cc-tl-item'));\n    if (items.length < 2) return null;\n\n    var line = document.createElement('div');\n    line.className = 'cc-tl-line';\n    line.setAttribute('aria-hidden', 'true');\n    var fill = document.createElement('div');\n    fill.className = 'cc-tl-fill';\n    line.appendChild(fill);\n    wrap.appendChild(line);\n\n    var dots = items.map(function (item) {\n      var dot = document.createElement('span');\n      dot.className = 'cc-tl-dot';\n      dot.setAttribute('aria-hidden', 'true');\n      item.appendChild(dot);\n      return dot;\n    });\n\n    wrap.classList.add('cc-tl-ready');\n    return { wrap: wrap, items: items, dots: dots, line: line, fill: fill, top: 0, height: 0, dotYs: [] };\n  }\n\n  \/\/ Size and place the line from the first dot's center to the last dot's center\n  function measure(t) {\n    var w = t.wrap.getBoundingClientRect();\n    var first = t.dots[0].getBoundingClientRect();\n    var last = t.dots[t.dots.length - 1].getBoundingClientRect();\n    var centerX = first.left + first.width \/ 2 - w.left;\n\n    t.top = first.top + first.height \/ 2 - w.top;\n    t.height = last.top + last.height \/ 2 - w.top - t.top;\n\n    t.line.style.left = centerX - t.line.offsetWidth \/ 2 + 'px';\n    t.line.style.top = t.top + 'px';\n    t.line.style.height = t.height + 'px';\n\n    t.dotYs = t.dots.map(function (d) {\n      var r = d.getBoundingClientRect();\n      return r.top + r.height \/ 2 - w.top;\n    });\n  }\n\n  function update(t) {\n    var w = t.wrap.getBoundingClientRect();\n    var drawY = window.innerHeight * DRAW_POINT - w.top; \/\/ draw point inside the timeline\n    var p = reduce ? 1 : Math.min(1, Math.max(0, (drawY - t.top) \/ t.height));\n\n    t.fill.style.transform = 'scaleY(' + p.toFixed(4) + ')';\n    t.items.forEach(function (item, i) {\n      item.classList.toggle('is-active', reduce || drawY >= t.dotYs[i] - 2);\n    });\n  }\n\n  function updateAll() {\n    timelines.forEach(update);\n    ticking = false;\n  }\n\n  function measureAll() {\n    timelines.forEach(measure);\n    updateAll();\n  }\n\n  function onScroll() {\n    if (!ticking) {\n      ticking = true;\n      requestAnimationFrame(updateAll);\n    }\n  }\n\n  function init() {\n    document.querySelectorAll('.cc-timeline').forEach(function (wrap) {\n      var t = build(wrap);\n      if (t) timelines.push(t);\n    });\n    if (!timelines.length) return;\n\n    measureAll(); \/\/ correct state right away on load\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', measureAll);\n    window.addEventListener('load', measureAll); \/\/ re-measure after images and fonts settle\n\n    if ('ResizeObserver' in window) {\n      var ro = new ResizeObserver(measureAll);\n      timelines.forEach(function (t) { ro.observe(t.wrap); });\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();<\/script>","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_wp_convertkit_post_meta":{"form":"-1","landing_page":"0","tag":"0","restrict_content":"0"},"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"kadence-cloud-collections":[105],"kadence-cloud-categories":[243,106,267,107],"kadence-cloud-keywords":[],"class_list":["post-86719","kadence_cloud","type-kadence_cloud","status-publish","has-post-thumbnail","hentry","kadence-cloud-collections-website-builders","kadence-cloud-categories-new","kadence-cloud-categories-website-builders","kadence-cloud-categories-movement","kadence-cloud-categories-timelines"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Scroll-Drawn Timeline - Creator Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scroll-Drawn Timeline - Creator Cloud\" \/>\n<meta property=\"og:description\" content=\"Place the below code in your header script area this delete this block.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/\" \/>\n<meta property=\"og:site_name\" content=\"Creator Cloud\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-30T20:51:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/09\/Scroll-Drawn-Timeline.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1776\" \/>\n\t<meta property=\"og:image:height\" content=\"2074\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/scroll-drawn-timeline\\\/\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/scroll-drawn-timeline\\\/\",\"name\":\"Scroll-Drawn Timeline - Creator Cloud\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/scroll-drawn-timeline\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/scroll-drawn-timeline\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2026\\\/09\\\/Scroll-Drawn-Timeline.jpg\",\"datePublished\":\"2026-09-30T20:51:49+00:00\",\"dateModified\":\"2026-09-30T20:51:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/scroll-drawn-timeline\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/scroll-drawn-timeline\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/scroll-drawn-timeline\\\/#primaryimage\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2026\\\/09\\\/Scroll-Drawn-Timeline.jpg\",\"contentUrl\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2026\\\/09\\\/Scroll-Drawn-Timeline.jpg\",\"width\":1776,\"height\":2074,\"caption\":\"Screenshot\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/cloud\\\/scroll-drawn-timeline\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Scroll-Drawn Timeline\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#website\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/\",\"name\":\"Creator Cloud\",\"description\":\"The Block Collection That Will Help You Design Blog Posts That Convert\",\"publisher\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#organization\",\"name\":\"Creator Cloud\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2025\\\/01\\\/CC-Logo-Horizontal-1.png\",\"contentUrl\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/wp-content\\\/uploads\\\/sites\\\/64\\\/2025\\\/01\\\/CC-Logo-Horizontal-1.png\",\"width\":1158,\"height\":182,\"caption\":\"Creator Cloud\"},\"image\":{\"@id\":\"https:\\\/\\\/demos.restored316.com\\\/creator-cloud\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scroll-Drawn Timeline - Creator Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/","og_locale":"en_US","og_type":"article","og_title":"Scroll-Drawn Timeline - Creator Cloud","og_description":"Place the below code in your header script area this delete this block.","og_url":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/","og_site_name":"Creator Cloud","article_modified_time":"2026-09-30T20:51:50+00:00","og_image":[{"width":1776,"height":2074,"url":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/09\/Scroll-Drawn-Timeline.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/","url":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/","name":"Scroll-Drawn Timeline - Creator Cloud","isPartOf":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/#website"},"primaryImageOfPage":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/#primaryimage"},"image":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/#primaryimage"},"thumbnailUrl":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/09\/Scroll-Drawn-Timeline.jpg","datePublished":"2026-09-30T20:51:49+00:00","dateModified":"2026-09-30T20:51:50+00:00","breadcrumb":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/#primaryimage","url":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/09\/Scroll-Drawn-Timeline.jpg","contentUrl":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/09\/Scroll-Drawn-Timeline.jpg","width":1776,"height":2074,"caption":"Screenshot"},{"@type":"BreadcrumbList","@id":"https:\/\/demos.restored316.com\/creator-cloud\/cloud\/scroll-drawn-timeline\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demos.restored316.com\/creator-cloud\/"},{"@type":"ListItem","position":2,"name":"Scroll-Drawn Timeline"}]},{"@type":"WebSite","@id":"https:\/\/demos.restored316.com\/creator-cloud\/#website","url":"https:\/\/demos.restored316.com\/creator-cloud\/","name":"Creator Cloud","description":"The Block Collection That Will Help You Design Blog Posts That Convert","publisher":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demos.restored316.com\/creator-cloud\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/demos.restored316.com\/creator-cloud\/#organization","name":"Creator Cloud","url":"https:\/\/demos.restored316.com\/creator-cloud\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.restored316.com\/creator-cloud\/#\/schema\/logo\/image\/","url":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CC-Logo-Horizontal-1.png","contentUrl":"https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2025\/01\/CC-Logo-Horizontal-1.png","width":1158,"height":182,"caption":"Creator Cloud"},"image":{"@id":"https:\/\/demos.restored316.com\/creator-cloud\/#\/schema\/logo\/image\/"}}]}},"taxonomy_info":{"kadence-cloud-collections":[{"value":105,"label":"Website Builders"}],"kadence-cloud-categories":[{"value":243,"label":"**NEW**"},{"value":106,"label":"WEBSITE BUILDERS"},{"value":267,"label":"- Movement"},{"value":107,"label":"- Timelines"}]},"featured_image_src_large":["https:\/\/demos.restored316.com\/creator-cloud\/wp-content\/uploads\/sites\/64\/2026\/09\/Scroll-Drawn-Timeline-877x1024.jpg",877,1024,true],"author_info":{"display_name":"Lauren","author_link":"https:\/\/demos.restored316.com\/creator-cloud\/author\/r316demos\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library\/86719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library"}],"about":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/types\/kadence_cloud"}],"author":[{"embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":6,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library\/86719\/revisions"}],"predecessor-version":[{"id":86725,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/cloud_library\/86719\/revisions\/86725"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/media\/86794"}],"wp:attachment":[{"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/media?parent=86719"}],"wp:term":[{"taxonomy":"kadence-cloud-collections","embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/kadence-cloud-collections?post=86719"},{"taxonomy":"kadence-cloud-categories","embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/kadence-cloud-categories?post=86719"},{"taxonomy":"kadence-cloud-keywords","embeddable":true,"href":"https:\/\/demos.restored316.com\/creator-cloud\/wp-json\/wp\/v2\/kadence-cloud-keywords?post=86719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}