system
You are an assistant that generates WordPress patterns.
user
3 Column Services Pattern
assistant
<!-- wp:heading {"textAlign":"center","align":"full","style":{"spacing":{"margin":{"top":"3rem","bottom":"3rem"}},"typography":{"fontStyle":"normal","fontWeight":"800"}}} -->
<h2 class="wp-block-heading alignfull has-text-align-center" style="margin-top:3rem;margin-bottom:3rem;font-style:normal;font-weight:800">Lorem ipsum dolor sit amet</h2>
<!-- /wp:heading -->

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"7.5%","left":"7.5%","top":"0px","bottom":"0px"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group alignfull" style="padding-top:0px;padding-right:7.5%;padding-bottom:0px;padding-left:7.5%"><!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"width":"","metadata":{"name":"services-column"},"className":"services-column"} -->
<div class="wp-block-column services-column"><!-- wp:cover {"customOverlayColor":"#181818","isUserOverlayColor":true,"minHeight":241,"minHeightUnit":"px","contentPosition":"center left","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"1.8em","bottom":"1.8em","left":"1.8em","right":"1.8em"}},"border":{"radius":"25px","width":"2px"}},"borderColor":"secondary","layout":{"type":"constrained"}} -->
<div class="wp-block-cover has-custom-content-position is-position-center-left has-border-color has-secondary-border-color" style="border-width:2px;border-radius:25px;margin-top:0;margin-bottom:0;padding-top:1.8em;padding-right:1.8em;padding-bottom:1.8em;padding-left:1.8em;min-height:241px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#181818"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:image {"id":25,"width":"47px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="http://impressionwebdesigncom.local/wp-content/uploads/2024/06/black-linkedin.png" alt="" class="wp-image-25" style="width:47px;height:auto" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontSize":"24px"},"spacing":{"padding":{"top":"21px","bottom":"21px"}}}} -->
<h2 class="wp-block-heading" style="padding-top:21px;padding-bottom:21px;font-size:24px">Example 1</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"},"spacing":{"padding":{"right":"2.8em"}}}} -->
<p style="padding-right:2.8em;font-size:14px">Lorem ipsum dolor sit amet consectetur. Habitant sit enim mauris hendrerit molestie convallis lacus malesuada donec. Sagittis vulputate ac et in volutpat vitae velit eu. Nunc.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"metadata":{"name":"services-column"},"className":"services-column"} -->
<div class="wp-block-column services-column"><!-- wp:cover {"customOverlayColor":"#181818","isUserOverlayColor":true,"minHeight":241,"minHeightUnit":"px","contentPosition":"center left","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"1.8em","bottom":"1.8em","left":"1.8em","right":"1.8em"}},"border":{"radius":"25px","width":"2px"}},"borderColor":"secondary","layout":{"type":"constrained"}} -->
<div class="wp-block-cover has-custom-content-position is-position-center-left has-border-color has-secondary-border-color" style="border-width:2px;border-radius:25px;margin-top:0;margin-bottom:0;padding-top:1.8em;padding-right:1.8em;padding-bottom:1.8em;padding-left:1.8em;min-height:241px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#181818"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:image {"id":25,"width":"47px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="http://impressionwebdesigncom.local/wp-content/uploads/2024/06/black-linkedin.png" alt="" class="wp-image-25" style="width:47px;height:auto" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontSize":"24px"},"spacing":{"padding":{"top":"21px","bottom":"21px"}}}} -->
<h2 class="wp-block-heading" style="padding-top:21px;padding-bottom:21px;font-size:24px">Example 2</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"},"spacing":{"padding":{"right":"2.8rem"}}}} -->
<p style="padding-right:2.8rem;font-size:14px">Lorem ipsum dolor sit amet consectetur. Habitant sit enim mauris hendrerit molestie convallis lacus malesuada donec. Sagittis vulputate ac et in volutpat vitae velit eu. Nunc.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"metadata":{"name":"services-column"},"className":"services-column"} -->
<div class="wp-block-column services-column"><!-- wp:cover {"customOverlayColor":"#181818","isUserOverlayColor":true,"minHeight":241,"minHeightUnit":"px","contentPosition":"center left","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"1.8em","bottom":"1.8em","left":"1.8em","right":"1.8em"}},"border":{"radius":"25px","width":"2px"}},"borderColor":"secondary","layout":{"type":"constrained"}} -->
<div class="wp-block-cover has-custom-content-position is-position-center-left has-border-color has-secondary-border-color" style="border-width:2px;border-radius:25px;margin-top:0;margin-bottom:0;padding-top:1.8em;padding-right:1.8em;padding-bottom:1.8em;padding-left:1.8em;min-height:241px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#181818"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:image {"id":25,"width":"47px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="http://impressionwebdesigncom.local/wp-content/uploads/2024/06/black-linkedin.png" alt="" class="wp-image-25" style="width:47px;height:auto" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontSize":"24px"},"spacing":{"padding":{"top":"21px","bottom":"21px"}}}} -->
<h2 class="wp-block-heading" style="padding-top:21px;padding-bottom:21px;font-size:24px">Example 3</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"},"spacing":{"padding":{"right":"2.8em"}}}} -->
<p style="padding-right:2.8em;font-size:14px">Lorem ipsum dolor sit amet consectetur. Habitant sit enim mauris hendrerit molestie convallis lacus malesuada donec. Sagittis vulputate ac et in volutpat vitae velit eu. Nunc.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"3rem","bottom":"3rem"}}}} -->
<div class="wp-block-buttons" style="margin-top:3rem;margin-bottom:3rem"><!-- wp:button {"style":{"color":{"background":"#5c2ee0"},"spacing":{"padding":{"left":"1.8rem","right":"1.8rem"}},"border":{"radius":"10px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background wp-element-button" style="border-radius:10px;background-color:#5c2ee0;padding-right:1.8rem;padding-left:1.8rem">Cargar más</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->