Cards Type 3

Talha Aziz

Visual Layout

Planning for the
Future

Looking Forward to Retirement

Creating a Lasting
Family Legacy

The above block is copied from the site: https://clgwmdev.wpenginepowered.com/

Pattern HTML

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--30)"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:info-cards-block/info-cards {"hoverAnimation":{"type":"slide-up","duration":1,"easing":"ease-in-out"},"hoverBackground":{"color":"#ffffff","opacity":1,"imageUrl":"","imageId":null},"contentAlignment":"flex-end","contentHorizontalAlignment":"left","minWidth":"378px","minHeight":"364px","className":"transparent-hover-bg"} -->
<div data-content-align="flex-end" data-horizontal-align="left" data-animation="slide-up" data-duration="1" style="--normal-background:#000000;--hover-background:#ffffff;--hover-opacity:1px;--hover-bg-image:none;--animation-duration:1s;min-width:378px;min-height:364px" class="wp-block-info-cards-block-info-cards transparent-hover-bg"><!-- wp:group {"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":49,"sizeSlug":"full","linkDestination":"none","className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/Planning-for-the-Future.jpg" alt="" class="wp-image-49"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"textAlign":"left","level":4,"className":"normal-heading-block"} -->
<h4 class="wp-block-heading has-text-align-left normal-heading-block">Planning for the <br> Future</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"normal-paragraph-block"} -->
<p class="normal-paragraph-block"></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"hover-card-layer","style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer" style="padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"left","level":4,"className":"hover-heading-block","style":{"spacing":{"margin":{"bottom":"10px"}}}} -->
<h4 class="wp-block-heading has-text-align-left hover-heading-block" style="margin-bottom:10px">Planning for the Future</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"hover-paragraph-block","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|15"}}}} -->
<p class="has-text-align-left hover-paragraph-block" style="margin-bottom:var(--wp--preset--spacing--15)">Professionals at the peak of their careers, managing busy, complex lives, and planning for their kids' college education.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-bright-clg"} -->
<div class="wp-block-button is-style-bright-clg"><a class="wp-block-button__link wp-element-button" href="https://clgwmdev.wpenginepowered.com/?page_id=77">See How We Help</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:info-cards-block/info-cards {"hoverAnimation":{"type":"slide-up","duration":1,"easing":"ease-in-out"},"hoverBackground":{"color":"#ffffff","opacity":1,"imageUrl":"","imageId":null},"contentAlignment":"flex-end","contentHorizontalAlignment":"left","minWidth":"378px","minHeight":"364px","className":"transparent-hover-bg"} -->
<div data-content-align="flex-end" data-horizontal-align="left" data-animation="slide-up" data-duration="1" style="--normal-background:#000000;--hover-background:#ffffff;--hover-opacity:1px;--hover-bg-image:none;--animation-duration:1s;min-width:378px;min-height:364px" class="wp-block-info-cards-block-info-cards transparent-hover-bg"><!-- wp:group {"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":48,"sizeSlug":"full","linkDestination":"none","className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/Looking-Forward-Retirement.jpg" alt="" class="wp-image-48"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"textAlign":"left","level":4,"className":"normal-heading-block"} -->
<h4 class="wp-block-heading has-text-align-left normal-heading-block">Looking Forward to  Retirement</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"normal-paragraph-block"} -->
<p class="normal-paragraph-block"></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"hover-card-layer","style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer" style="padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"left","level":4,"className":"hover-heading-block","style":{"spacing":{"margin":{"bottom":"10px"}}}} -->
<h4 class="wp-block-heading has-text-align-left hover-heading-block" style="margin-bottom:10px">Looking Forward to  Retirement</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"hover-paragraph-block","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|15"}}}} -->
<p class="has-text-align-left hover-paragraph-block" style="margin-bottom:var(--wp--preset--spacing--15)">Professionals nearing retirement, seeking to secure their financial future but needing expert guidance.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-bright-clg"} -->
<div class="wp-block-button is-style-bright-clg"><a class="wp-block-button__link wp-element-button" href="https://clgwmdev.wpenginepowered.com/?page_id=76">See How We Help</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:info-cards-block/info-cards {"hoverAnimation":{"type":"slide-up","duration":1,"easing":"ease-in-out"},"hoverBackground":{"color":"#ffffff","opacity":1,"imageUrl":"","imageId":null},"contentAlignment":"flex-end","contentHorizontalAlignment":"left","minWidth":"378px","minHeight":"364px","className":"transparent-hover-bg"} -->
<div data-content-align="flex-end" data-horizontal-align="left" data-animation="slide-up" data-duration="1" style="--normal-background:#000000;--hover-background:#ffffff;--hover-opacity:1px;--hover-bg-image:none;--animation-duration:1s;min-width:378px;min-height:364px" class="wp-block-info-cards-block-info-cards transparent-hover-bg"><!-- wp:group {"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":47,"sizeSlug":"full","linkDestination":"none","className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/Creating-a-Lasting-.jpg" alt="" class="wp-image-47"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"textAlign":"left","level":4,"className":"normal-heading-block"} -->
<h4 class="wp-block-heading has-text-align-left normal-heading-block">Creating a Lasting <br>Family Legacy</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"normal-paragraph-block"} -->
<p class="normal-paragraph-block"></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"hover-card-layer","style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer" style="padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"left","level":4,"className":"hover-heading-block","style":{"spacing":{"margin":{"bottom":"10px"}}}} -->
<h4 class="wp-block-heading has-text-align-left hover-heading-block" style="margin-bottom:10px">Creating a Lasting <br>Family Legacy</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"hover-paragraph-block","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|15"}}}} -->
<p class="has-text-align-left hover-paragraph-block" style="margin-bottom:var(--wp--preset--spacing--15)">People focused on building a lasting legacy for their family who are seeking guidance to protect and grow their wealth.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-bright-clg"} -->
<div class="wp-block-button is-style-bright-clg"><a class="wp-block-button__link wp-element-button" href="https://clgwmdev.wpenginepowered.com/?page_id=78">See How We Help</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

Pattern CSS

.transparent-hover-bg .hover-card-layer {
    background-color: transparent;
}

body:not(.block-editor-page) .wp-block-info-cards-block-info-cards:hover .normal-card-layer .wp-block-heading, 
body:not(.block-editor-page) .wp-block-info-cards-block-info-cards:hover .normal-card-layer .normal-paragraph-block {
    opacity: 0;
}

Cards Type 3

Visual Layout

Planning for the Future

Planning for the Future

Looking Forward to Retirement

Looking Forward to Retirement

Creating a Lasting Family Legacy

Creating a Lasting Family Legacy

Pattern HTML

Pattern CSS

Planning for the
Future

Creating a Lasting
Family Legacy

Creating a Lasting
Family Legacy