Cards Type 14

Investment Management

Pattern HTML

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"backgroundColor":"eight","layout":{"type":"constrained"}} --> <div class="wp-block-group has-eight-background-color has-background" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:columns {"className":"cards-section","style":{"spacing":{"margin":{"top":"0"}}}} --> <div class="wp-block-columns cards-section" style="margin-top:0"><!-- wp:column {"verticalAlignment":"stretch","width":"","animationsForBlocks":{"animation":"zoom","variation":"in-right","duration":400,"easing":"linear","once":true,"mirror":false},"style":{"border":{"bottom":{"width":"0px","style":"none"},"top":[],"right":[],"left":[]},"spacing":{"padding":{"bottom":"0"}}}} --> <div class="wp-block-column is-vertically-aligned-stretch" style="border-bottom-style:none;border-bottom-width:0px;padding-bottom:0" data-aos="zoom-in-right" data-aos-easing="linear" data-aos-once="true"><!-- wp:image {"id":2672,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"0px"}}} --> <figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/11/Mask-group.jpg" alt="" class="wp-image-2672" style="border-radius:0px"/></figure> <!-- /wp:image --> <!-- wp:group {"className":"cards-content-gaps","style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"backgroundColor":"one","layout":{"type":"constrained"}} --> <div class="wp-block-group cards-content-gaps has-one-background-color has-background"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} --> <div class="wp-block-group"><!-- wp:image {"id":2673,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/11/Icon.svg" alt="" class="wp-image-2673"/></figure> <!-- /wp:image --> <!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|two"}}}},"textColor":"two"} --> <h3 class="wp-block-heading has-two-color has-text-color has-link-color">Financial Planning</h3> <!-- /wp:heading --></div> <!-- /wp:group --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|three"}}}},"textColor":"three"} --> <p class="has-three-color has-text-color has-link-color">Build wealth with intention - for your future, <br>your family, and your legacy.</p> <!-- /wp:paragraph --> <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex"}} --> <div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)"><!-- wp:button {"className":"is-style-green-blue is-style-text-link"} --> <div class="wp-block-button is-style-green-blue is-style-text-link"><a class="wp-block-button__link wp-element-button" href="/services/#financial-planning">EXPLORE OUR SERVICES</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"stretch","width":"","animationsForBlocks":{"animation":"zoom","variation":"in-left","duration":600,"once":true,"mirror":false,"easing":"linear"},"style":{"border":{"bottom":{"width":"0px","style":"none"},"radius":"10px"},"spacing":{"padding":{"bottom":"0"}}},"backgroundColor":"one"} --> <div class="wp-block-column is-vertically-aligned-stretch has-one-background-color has-background" style="border-radius:10px;border-bottom-style:none;border-bottom-width:0px;padding-bottom:0" data-aos="zoom-in-left" data-aos-duration="600" data-aos-easing="linear" data-aos-once="true"><!-- wp:image {"id":2672,"sizeSlug":"full","linkDestination":"none","align":"center","className":"is-style-round-wave-right home-version","style":{"border":{"radius":"0px"}}} --> <figure class="wp-block-image aligncenter size-full has-custom-border is-style-round-wave-right home-version"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/11/Mask-group.jpg" alt="" class="wp-image-2672" style="border-radius:0px"/></figure> <!-- /wp:image --> <!-- wp:group {"className":"cards-content-gaps","style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"backgroundColor":"one","layout":{"type":"constrained"}} --> <div class="wp-block-group cards-content-gaps has-one-background-color has-background"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} --> <div class="wp-block-group"><!-- wp:image {"id":2673,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/11/Icon.svg" alt="" class="wp-image-2673"/></figure> <!-- /wp:image --> <!-- wp:heading {"level":3} --> <h3 class="wp-block-heading">Investment Management</h3> <!-- /wp:heading --></div> <!-- /wp:group --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|three"}}}},"textColor":"three"} --> <p class="has-three-color has-text-color has-link-color">Take a smarter approach to investing, with a plan built <br>around your goals, risk tolerance, and long-term vision.</p> <!-- /wp:paragraph --> <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex"}} --> <div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)"><!-- wp:button {"className":"is-style-green-blue is-style-text-link"} --> <div class="wp-block-button is-style-green-blue is-style-text-link"><a class="wp-block-button__link wp-element-button" href="/services/#investment-management">EXPLORE OUR SERVICES</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->

Pattern CSS

.cards-content-gaps{ padding: 40px 50px 50px 65px; background-color: var(--wp--preset--color--nine); } .editor-styles-wrapper .cards-content-gaps{ padding: 40px 50px 50px 65px; } @media only screen and (max-width: 1200px) { .cards-content-gaps { padding: 35px 25px 30px 35px; } .cards-content-gaps br{ display: none; } } @media only screen and (max-width: 600px) { .cards-content-gaps > .wp-block-group{ display: flex; flex-direction: row; align-items: end; } }