Three Columns with Image and Social Links

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Things to do:

Lorem
Ipsum
Dummy text
Typesetting
layout

Pattern Code

<!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group"></div>
<!-- /wp:group -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:columns {"style":{"border":{"style":"dotted"}},"borderColor":"luminous-vivid-amber","gradient":"pale-ocean"} -->
<div class="wp-block-columns has-border-color has-luminous-vivid-amber-border-color has-pale-ocean-gradient-background has-background" style="border-style:dotted"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3} -->
<h3>Lorem Ipsum</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-465.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=06d4e5a9962096a6010029591ae36198" alt="" /><figcaption>Palm trees at Cape Town, South Africa</figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Things to do:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Lorem </li><li>Ipsum</li><li>Dummy text</li><li>Typesetting </li><li>layout</li></ul>
<!-- /wp:list -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">Contact Us!</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:social-links -->
<ul class="wp-block-social-links"><!-- wp:social-link {"service":"chain"} /-->

<!-- wp:social-link {"service":"wordpress"} /-->

<!-- wp:social-link {"service":"amazon"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->