Therapist Services 4
The above block is copied from the site: Jacqueline Schwartz
Pattern HTML
<!-- wp:group {"metadata":{"name":"Services Area"},"align":"full","className":"services-area","style":{"spacing":{"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|110"}}},"backgroundColor":"fourth","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull services-area has-fourth-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--110)"><!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|first"}}}},"textColor":"first"} -->
<h2 class="wp-block-heading has-text-align-center has-first-color has-text-color has-link-color">What I Offer</h2>
<!-- /wp:heading -->
<!-- wp:group {"className":"services-row","layout":{"type":"constrained","contentSize":"960px"}} -->
<div class="wp-block-group services-row"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"className":"animated slideInUp","style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column animated slideInUp"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|second"}}}},"textColor":"second"} -->
<h4 class="wp-block-heading has-text-align-center has-second-color has-text-color has-link-color">INDIVIDUAL
<br>THERAPY</h4>
<!-- /wp:heading -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button">Read More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"className":"animated slideInUp","style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column animated slideInUp"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|second"}}}},"textColor":"second"} -->
<h4 class="wp-block-heading has-text-align-center has-second-color has-text-color has-link-color">INDIVIDUAL
<br>THERAPY</h4>
<!-- /wp:heading -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button">Read More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"className":"animated slideInUp","style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column animated slideInUp"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|second"}}}},"textColor":"second"} -->
<h4 class="wp-block-heading has-text-align-center has-second-color has-text-color has-link-color">INDIVIDUAL
<br>THERAPY</h4>
<!-- /wp:heading -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button">Read More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Pattern CSS
.services-row .wp-block-column{
position: relative;
}
#site-container .services-row .wp-element-button::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.services-row .wp-block-column p {
position: unset;
margin: 0;
}
.services-row .wp-block-group {
min-height: 266px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: 5px solid #FFF;
}
.services-row .wp-block-group:hover{
border: 5px solid #FFF;
background: #D9987B;
box-shadow: 0px 0px 30px 0px #000;
}
.services-row .wp-block-group::before {
content: '';
width: 109px;
height: 101px;
position: absolute;
left: 18px;
top: 12px;
background: url("/wp-content/uploads/2025/07/top-vector.png");
}
.services-row .wp-block-group::after {
content: '';
width: 109px;
height: 101px;
position: absolute;
right: 18px;
bottom: 12px;
background: url("/wp-content/uploads/2025/07/bottom-vector.png");
}
.services-row h3{
line-height: 130%;
}
@media only screen and (max-width: 980px) {
#site-container .footer-info {
padding-left: 0;
padding-top: 0;
}
#site-container .site-footer .wp-block-columns {
gap: 0;
}
.footer-info .wp-block-group {
justify-content: center;
}
.footer-info .wp-block-group p {
text-align: center;
}
}
