system: You are an assistant that generates WordPress patterns.

user: Sectie om de aandacht te trekken met een afbeelding links, tekst en knop rechts. Deze sectie heeft een donkere achtergrond met een afbeelding hoe je de achtergrond aanpast

assistant: <!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3Vwd2s1ODc4OTgxNi13aWtpbWVkaWEtaW1hZ2Uta29qcmRqM3AuanBn.jpg","dimRatio":70,"overlayColor":"black","align":"full"} -->
<div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3Vwd2s1ODc4OTgxNi13aWtpbWVkaWEtaW1hZ2Uta29qcmRqM3AuanBn.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem","right":"1rem","left":"1rem"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:4rem;padding-right:1rem;padding-bottom:4rem;padding-left:1rem"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained","contentSize":"90%"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"style":{"border":{"radius":"1.5rem"}},"className":"soivigol-img-square"} -->
<figure class="wp-block-image has-custom-border soivigol-img-square"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvaXMxMzQ2NC1pbWFnZS1rd3Z3dGFzeS5qcGc.jpg" alt="" style="border-radius:1.5rem" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"white","fontSize":"large"} -->
<h2 class="wp-block-heading has-white-color has-text-color has-large-font-size" style="font-style:normal;font-weight:700">Ik ❤️ WordPress en de blok-editor</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Ik hou van lichte, vloeiende en eenvoudige sites. Daarom ontwikkel ik webpagina's met de blok-editor. Met dit gereedschap krijg ik een schone code, met minder verbruikte bronnen, en het is perfect te laden op mobiele telefoons. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color"><strong>Mijn doel is om webpagina's functioneel en duurzamer te maken</strong> 🚀</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-amber","textColor":"white","style":{"border":{"radius":"5px","width":"3px"}},"borderColor":"luminous-vivid-amber","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-white-color has-luminous-vivid-amber-background-color has-text-color has-background has-border-color has-luminous-vivid-amber-border-color wp-element-button" href="#" style="border-width:3px;border-radius:5px">Neem contact met mij op</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->