How We Help Businesses
How We Help Businesses
- Accounting and financial services
- Business planning and consulting
- Corporation & partnership tax return prep
- Business mergers, acquisitions, & sales
- Nonprofit planning and consulting
- And more
Cards Type 12
The above block is copied from the site: https://lyonscpagrodev.wpenginepowered.com/
Pattern HTML
<!-- wp:info-cards-block/info-cards {"animationsForBlocks":{"animation":"fade","variation":"up","once":true,"mirror":false,"delay":200},"className":"card-box2"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#000000;--hover-background:#000000;--hover-opacity:0.8;--hover-bg-image:none;--animation-duration:0.3s;min-width:300px;min-height:300px" class="wp-block-info-cards-block-info-cards card-box2" data-aos="fade-up" data-aos-delay="200" data-aos-once="true"><!-- wp:group {"metadata":{"name":"Static State"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":56,"sizeSlug":"large","linkDestination":"none","className":"card-cover-image"} -->
<figure class="wp-block-image size-large card-cover-image"><img src="https://lyonscpagrodev.wpenginepowered.com/wp-content/uploads/2025/10/How-We-Help-Businesses-1024x870.jpg" alt="" class="wp-image-56"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Inner Wrap"},"className":"content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group content-wrapper"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} -->
<h2 class="wp-block-heading has-one-color has-text-color has-link-color">How We Help Businesses</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover State"},"className":"hover-card-layer","layout":{"type":"default"},"blockVisibility":{"hideBlock":false}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Inner Wrap"},"className":"content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group content-wrapper"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">How We Help Businesses</h3>
<!-- /wp:heading -->
<!-- wp:divider-block/divider -->
<div class="wp-block-divider-block-divider"><div class="divider-block-divider" style="margin-left:auto;margin-right:auto;width:100%;height:1px" aria-hidden="true"></div><style>
@media (max-width: 980px) {
.divider-block-divider {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
</style></div>
<!-- /wp:divider-block/divider -->
<!-- wp:list {"className":"is-style-checkmark-list"} -->
<ul class="wp-block-list is-style-checkmark-list"><!-- wp:list-item {"animationsForBlocks":{"animation":"fade","variation":"up","once":true,"mirror":false}} -->
<li data-aos="fade-up" data-aos-once="true">Accounting and financial services</li>
<!-- /wp:list-item -->
<!-- wp:list-item {"animationsForBlocks":{"animation":"fade","variation":"up","delay":100,"once":true,"mirror":false}} -->
<li data-aos="fade-up" data-aos-delay="100" data-aos-once="true">Business planning and consulting</li>
<!-- /wp:list-item -->
<!-- wp:list-item {"animationsForBlocks":{"animation":"fade","variation":"up","delay":200,"once":true,"mirror":false}} -->
<li data-aos="fade-up" data-aos-delay="200" data-aos-once="true">Corporation & partnership tax return prep</li>
<!-- /wp:list-item -->
<!-- wp:list-item {"animationsForBlocks":{"animation":"fade","variation":"up","once":true,"mirror":false,"delay":300}} -->
<li data-aos="fade-up" data-aos-delay="300" data-aos-once="true">Business mergers, acquisitions, & sales</li>
<!-- /wp:list-item -->
<!-- wp:list-item {"animationsForBlocks":{"animation":"fade","variation":"up","delay":400,"once":true,"mirror":false}} -->
<li data-aos="fade-up" data-aos-delay="400" data-aos-once="true">Nonprofit planning and consulting</li>
<!-- /wp:list-item -->
<!-- wp:list-item {"animationsForBlocks":{"animation":"fade","variation":"up","once":true,"mirror":false,"delay":500}} -->
<li data-aos="fade-up" data-aos-delay="500" data-aos-once="true">And more</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-text-link"} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link wp-element-button" href="https://lyonscpagrodev.wpenginepowered.com/services-for-businesses/">Learn More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards -->
Pattern CSS
/*
card box2
--------------------------------------------- */
#site-container .card-box2 {
border-radius: 20px;
box-shadow: 0 60px 80px -20px rgba(30, 33, 44, 0.16), 0 26px 24px -10px rgba(30, 33, 44, 0.10), 0 12px 10px -6px rgba(30, 33, 44, 0.08), 0 4px 4px -4px rgba(30, 33, 44, 0.05);
min-width: auto !important;
max-width: 100%;
height: 100%;
z-index: 15;
}
#site-container .card-box2 .normal-card-layer {
background: var(--wp--preset--color--two);
flex-direction: inherit;
width: 100%;
height: 100%;
padding: 0;
position: absolute;
top: 0;
left: 0;
align-items: center;
text-align: center;
z-index: 1;
}
#site-container .card-box2 .normal-card-layer:before,
#site-container .card-box2 .normal-card-layer:after {
display: none;
}
#site-container .card-box2 .normal-card-layer .normal-heading-block,
#site-container .card-box2 .normal-card-layer .normal-paragraph-block,
#site-container .card-box2 .normal-card-layer li {
color: inherit !important;
}
#site-container .card-box2 .normal-card-layer .is-style-checkmark-list {
padding-left: 0;
}
#site-container .card-box2 .normal-card-layer .is-style-checkmark-list + .wp-block-buttons {
padding-top: 25px;
padding-left: 50px;
}
/* hover ---------------- */
#site-container .card-box2 .hover-card-layer {
background: var(--wp--preset--color--one);
border: 1px solid #E5E8ED;
border-radius: 20px;
flex-direction: inherit;
align-items: center;
text-align: center;
height: 100%;
width: 100%;
padding: 0;
position: relative;
top: 0;
left: 0;
}
#site-container .card-box2 .hover-card-layer:before,
#site-container .card-box2 .hover-card-layer:after {
display: none;
}
#site-container .card-box2 .card-cover-image {
display: flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#site-container .card-box2 .card-cover-image img {
object-fit: cover;
width: 100%;
height: 100%;
}
#site-container .card-box2 .card-cover-image:after {
content: '';
display: block;
background: #0A203B;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.4;
}
#site-container .card-box2 .content-wrapper {
width: 100%;
padding: 45px 55px;
}
#site-container .card-box2 .hover-card-layer .content-wrapper {
text-align: left;
}
#site-container .card-box2 .divider-block-divider {
background: linear-gradient(270deg, rgba(218, 219, 221, 0.00) 0%, rgba(218, 219, 221, 0.50) 12.33%, #DADBDD 51.91%, rgba(218, 219, 221, 0.50) 87.85%, rgba(218, 219, 221, 0.00) 100%);
width: auto !important;
margin: 9px -35px 25px !important;
}
#site-container .card-box2 .hover-card-layer .is-style-checkmark-list + .wp-block-buttons {
padding-top: 25px;
padding-left: 50px;
}
/* Editor ---------------- */
#site-container .block-editor-block-list__layout .card-box2 .normal-card-layer {
position: relative;
}
