Раздел услуг с 3 столбцами, заголовком, изображением, описанием и кнопкой

Что мы делаем
ИТ-решения и Услуги

Управление соцсетями

Давно установленный факт, что читатель будет отвлекаться на читаемый контент.
веб-разработчик

Истиной является давно установленный факт, что читатель будет отвлекаться на читаемое содержимое страницы, когда смотрит на ее разметку, макет.
Технический эксперт

У нас есть явный факт, что читатель будет отвлекаться на читаемый контент.
Код паттерна
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"48px","right":"48px","bottom":"48px","left":"48px"}},"color":{"background":"#f9f9f9"}},"layout":{"inherit":false,"contentSize":"1280px"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f9f9f9;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center","style":{"color":{"text":"#7e7e7e"},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"600"}}} -->
<p class="has-text-align-center has-text-color" style="color:#7e7e7e;font-size:20px;font-style:normal;font-weight:600">Что мы делаем</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"800","fontSize":"40px","textTransform":"capitalize"},"color":{"text":"#4b4b4b"}}} -->
<h2 class="has-text-align-center has-text-color" style="color:#4b4b4b;font-size:40px;font-style:normal;font-weight:800;text-transform:capitalize">ИТ-решения и Услуги</h2>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"16px"} -->
<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"width":"2px","radius":"4px","color":"#f5f5f5"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"24px","left":"0px"}}},"backgroundColor":"background"} -->
<div class="wp-block-group has-border-color has-background-background-color has-background" style="border-color:#f5f5f5;border-width:2px;border-radius:4px;padding-top:0px;padding-right:0px;padding-bottom:24px;padding-left:0px"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"4px","topRight":"4px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
<figure class="wp-block-image size-full" style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px"><img src="https://pd.w.org/2021/12/67761b1e1e369a0c5.15366783.jpeg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"right":"24px","left":"24px"}}}} -->
<div class="wp-block-group" style="padding-right:24px;padding-left:24px"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#4b4b4b"}}} -->
<h3 class="has-text-color" style="color:#4b4b4b;font-size:20px;font-style:normal;font-weight:700">Управление соцсетями</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"color":{"text":"#7e7e7e"}}} -->
<p class="has-text-color" style="color:#7e7e7e;font-size:16px">Давно установленный факт, что читатель будет отвлекаться на читаемый контент.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"typography":{"fontSize":"12px"},"spacing":{"padding":{"top":"8px","bottom":"8px","left":"24px","right":"24px"}},"border":{"radius":"4px"},"color":{"background":"#3f37c9"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:12px"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:4px;background-color:#3f37c9;padding-top:8px;padding-right:24px;padding-bottom:8px;padding-left:24px">ЧИТАТЬ ДАЛЕЕ</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"width":"2px","radius":"4px","color":"#f5f5f5"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"backgroundColor":"background"} -->
<div class="wp-block-group has-border-color has-background-background-color has-background" style="border-color:#f5f5f5;border-width:2px;border-radius:4px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"4px","topRight":"4px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
<figure class="wp-block-image size-full" style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0667.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=83e5e9aecdbe605d4d310e63463d2bab" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"right":"24px","left":"24px","bottom":"24px"}}}} -->
<div class="wp-block-group" style="padding-right:24px;padding-bottom:24px;padding-left:24px"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#4b4b4b"}}} -->
<h3 class="has-text-color" style="color:#4b4b4b;font-size:20px;font-style:normal;font-weight:700">веб-разработчик</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"color":{"text":"#7e7e7e"}}} -->
<p class="has-text-color" style="color:#7e7e7e;font-size:16px">Истиной является давно установленный факт, что читатель будет отвлекаться на читаемое содержимое страницы, когда смотрит на ее разметку, макет.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"typography":{"fontSize":"12px"},"spacing":{"padding":{"top":"8px","bottom":"8px","left":"24px","right":"24px"}},"border":{"radius":"4px"},"color":{"background":"#3f37c9"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:12px"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:4px;background-color:#3f37c9;padding-top:8px;padding-right:24px;padding-bottom:8px;padding-left:24px">ЧИТАТЬ ДАЛЕЕ</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"width":"2px","radius":"4px","color":"#f5f5f5"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"24px","left":"0px"}}},"backgroundColor":"background"} -->
<div class="wp-block-group has-border-color has-background-background-color has-background" style="border-color:#f5f5f5;border-width:2px;border-radius:4px;padding-top:0px;padding-right:0px;padding-bottom:24px;padding-left:0px"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"4px","topRight":"4px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
<figure class="wp-block-image size-full" style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0338.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=5bc492efad047d8124f12dc7f8bd80f5" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"padding":{"right":"24px","left":"24px"}}}} -->
<div class="wp-block-group" style="padding-right:24px;padding-left:24px"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#4b4b4b"}}} -->
<h3 class="has-text-color" style="color:#4b4b4b;font-size:20px;font-style:normal;font-weight:700">Технический эксперт</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"color":{"text":"#7e7e7e"}}} -->
<p class="has-text-color" style="color:#7e7e7e;font-size:16px">У нас есть явный факт, что читатель будет отвлекаться на читаемый контент.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"typography":{"fontSize":"12px"},"spacing":{"padding":{"top":"8px","bottom":"8px","left":"24px","right":"24px"}},"border":{"radius":"4px"},"color":{"background":"#3f37c9"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:12px"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:4px;background-color:#3f37c9;padding-top:8px;padding-right:24px;padding-bottom:8px;padding-left:24px">ЧИТАТЬ ДАЛЕЕ</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->