Timeline Type 8

Pattern HTML

<!-- wp:group {"metadata":{"name":"As a Client, You Can Always Expect"},"align":"full","style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|70"}},"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"backgroundColor":"two","textColor":"one","layout":{"type":"constrained"}} --> <div class="wp-block-group alignfull has-one-color has-two-background-color has-text-color has-background has-link-color" style="padding-top:0;padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"metadata":{"name":"Steps Panel"},"align":"full","className":"steps-panel","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|110","left":"var:preset|spacing|15","right":"var:preset|spacing|15"},"margin":{"top":"var:preset|spacing|30"}}},"backgroundColor":"second","layout":{"type":"constrained"}} --> <div class="wp-block-group alignfull steps-panel has-second-background-color has-background" style="margin-top:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--15);padding-bottom:var(--wp--preset--spacing--110);padding-left:var(--wp--preset--spacing--15)"><!-- wp:columns {"metadata":{"name":"Step 1"},"className":"steps-row","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}}} --> <div class="wp-block-columns steps-row" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)"><!-- wp:column {"verticalAlignment":"stretch","width":"15%"} --> <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:15%"><!-- wp:image {"id":688,"sizeSlug":"full","linkDestination":"none","align":"center"} --> <figure class="wp-block-image aligncenter size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/05/1.png" alt="" class="wp-image-688"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"85%","style":{"spacing":{"blockGap":"var:preset|spacing|15","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"color":{"background":"#464f7066"},"border":{"radius":"10px"}}} --> <div class="wp-block-column is-vertically-aligned-center has-background" style="border-radius:10px;background-color:#464f7066;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50);flex-basis:85%"><!-- wp:heading {"textAlign":"left","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} --> <h4 class="wp-block-heading has-text-align-left has-one-color has-text-color has-link-color">Introductory Call</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Schedule a 30-45 minute call to discuss your household, goals, and what’s on your mind. During this time, we’ll cover our services, fees, and see if we’re a good fit to work together.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:columns {"metadata":{"name":"Step 2"},"className":"steps-row","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}}} --> <div class="wp-block-columns steps-row" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)"><!-- wp:column {"verticalAlignment":"stretch","width":"15%"} --> <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:15%"><!-- wp:image {"id":689,"sizeSlug":"full","linkDestination":"none","align":"center"} --> <figure class="wp-block-image aligncenter size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/05/2.png" alt="" class="wp-image-689"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"85%","style":{"spacing":{"blockGap":"var:preset|spacing|15","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"color":{"background":"#464f7066"},"border":{"radius":"10px"}}} --> <div class="wp-block-column is-vertically-aligned-center has-background" style="border-radius:10px;background-color:#464f7066;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50);flex-basis:85%"><!-- wp:heading {"textAlign":"left","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} --> <h4 class="wp-block-heading has-text-align-left has-one-color has-text-color has-link-color">Deeper Review</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Meet with us on Zoom or in person to dive deeper into your situation. We’ll discuss your goals, challenges, and key details to understand what you’re looking for. This meeting helps us determine if we can provide the support you need—and gives you the chance to decide whether you want to be a client.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:columns {"metadata":{"name":"Step 3"},"className":"steps-row last","style":{"spacing":{"margin":{"top":"0"}}}} --> <div class="wp-block-columns steps-row last" style="margin-top:0"><!-- wp:column {"verticalAlignment":"stretch","width":"15%"} --> <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:15%"><!-- wp:image {"id":690,"sizeSlug":"full","linkDestination":"none","align":"center"} --> <figure class="wp-block-image aligncenter size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/05/3.png" alt="" class="wp-image-690"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"85%","style":{"spacing":{"blockGap":"var:preset|spacing|15","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"color":{"background":"#464f7066"},"border":{"radius":"10px"}}} --> <div class="wp-block-column is-vertically-aligned-center has-background" style="border-radius:10px;background-color:#464f7066;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50);flex-basis:85%"><!-- wp:heading {"textAlign":"left","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} --> <h4 class="wp-block-heading has-text-align-left has-one-color has-text-color has-link-color">Plan Creation</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>If we decide to work together, the planning process launches in full, which includes gathering more data, analyzing your information, and developing a personalized plan to guide your financial future. From there, we do as much of the work as possible so your time, energy and attention can be spent on other matters.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group --></div> <!-- /wp:group -->

Pattern CSS

.steps-panel .wp-block-columns > .wp-block-column:first-child{ position: relative; display: flex; align-items: center; } .steps-panel .wp-block-columns > .wp-block-column:first-child:before{ content: ""; display: block; width: 3px; height: calc(100% + 60px); background-color: var(--wp--preset--color--six); position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; } .steps-panel .wp-block-columns.steps-row:first-child .wp-block-column:first-child:before, .steps-panel .wp-block-columns.steps-row:last-child .wp-block-column:first-child:before{ height: calc(100% + 0px); } .steps-panel .wp-block-columns > .wp-block-column:first-child figure{ position: relative; z-index: 9; }