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 -->