system
You are an assistant that generates WordPress patterns.
user
Over ons met masonry afbeelding en tekst in twee kolommen.
assistant
<!-- wp:group {"align":"wide","style":{"color":{"background":"#0792e31f"},"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|30","bottom":"var:preset|spacing|50","left":"var:preset|spacing|30"}},"border":{"radius":"12px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-background" style="border-radius:12px;background-color:#0792e31f;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns" style="padding-right:var(--wp--preset--spacing--30)"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJsYWtlX3dhdGVyX2xhbmRzY2FwZV9uYXR1cmVfMC1pbWFnZS1reWJkYzBxNS5qcGc.jpg","dimRatio":10,"overlayColor":"black","focalPoint":{"x":0.4,"y":0.62},"minHeight":320,"contentPosition":"center center","isDark":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-cover is-light" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:320px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-10 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJsYWtlX3dhdGVyX2xhbmRzY2FwZV9uYXR1cmVfMC1pbWFnZS1reWJkYzBxNS5qcGc.jpg" style="object-position:40% 62%" data-object-fit="cover" data-object-position="40% 62%" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Schrijf titel...","style":{"typography":{"fontSize":"0px"}}} -->
<p class="has-text-align-center" style="font-size:0px"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ0aGFpbGFuZF9wYWxtX3NreV9ob2xpZGF5XzAtaW1hZ2Uta3liY2d6NzYuanBn.jpg","dimRatio":0,"overlayColor":"black","minHeight":320,"isDark":false,"style":{"color":[]},"layout":{"type":"default"}} -->
<div class="wp-block-cover is-light" style="min-height:320px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ0aGFpbGFuZF9wYWxtX3NreV9ob2xpZGF5XzAtaW1hZ2Uta3liY2d6NzYuanBn.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Schrijf titel...","style":{"typography":{"fontSize":"0px"}}} -->
<p class="has-text-align-center" style="font-size:0px"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJyb2Jpbl9wb3N0X2Zsb3dlcnNfYmlyZF8wLWltYWdlLWt5YmN0eGhnLmpwZw.jpg","dimRatio":0,"overlayColor":"black","minHeight":320,"style":{"color":[]},"layout":{"type":"default"}} -->
<div class="wp-block-cover" style="min-height:320px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJyb2Jpbl9wb3N0X2Zsb3dlcnNfYmlyZF8wLWltYWdlLWt5YmN0eGhnLmpwZw.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Schrijf titel...","style":{"typography":{"fontSize":"0px"}}} -->
<p class="has-text-align-center" style="font-size:0px"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMjIzNTcwLXdpa2ltZWRpYS1pbWFnZS1rb3dzMW14cy5qcGc.jpg","dimRatio":0,"overlayColor":"black","minHeight":320,"isDark":false,"style":{"color":[]},"layout":{"type":"default"}} -->
<div class="wp-block-cover is-light" style="min-height:320px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMjIzNTcwLXdpa2ltZWRpYS1pbWFnZS1rb3dzMW14cy5qcGc.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Schrijf titel...","style":{"typography":{"fontSize":"0px"}}} -->
<p class="has-text-align-center" style="font-size:0px"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontSize":"16px","letterSpacing":"0.5px"},"color":{"text":"#009fe3"}}} -->
<p class="has-text-color" style="color:#009fe3;font-size:16px;letter-spacing:0.5px;text-transform:uppercase"><strong><mark style="background-color:#e1f2fc" class="has-inline-color has-black-color">Lorem</mark> Ipsum</strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0.46rem","right":"0","bottom":"0","left":"0"}}}} -->
<h3 class="wp-block-heading" style="margin-top:0.46rem;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:700">Lorem Ipsum&nbsp;<mark style="background-color:#e1f2fc;color:#009fe3" class="has-inline-color">is eenvoudigweg</mark> dummy</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Het is al lang bekend dat een lezer wordt afgeleid door de leesbare inhoud van een pagina als hij naar de lay-out kijkt. Het punt van het gebruik van lorem ipsum is dat het een min of meer normale verdeling heeft.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"32px"}}}} -->
<p style="margin-bottom:32px">Er zijn veel variaties van passages van Lorem Ipsum beschikbaar, maar de meerderheid heeft enige vorm van verandering ondergaan, door geïnjecteerde humor, of willekeurige woorden die zelfs niet enigszins geloofwaardig lijken. Als je een passage van Lorem Ipsum gaat gebruiken, moet je er zeker van zijn dat er niets gênants is.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","width":50,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"},"spacing":{"padding":{"top":"0.8rem","bottom":"0.8rem"}},"color":{"background":"#009fe3"},"border":{"radius":"6px"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-fill" style="font-style:normal;font-weight:700;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:6px;background-color:#009fe3;padding-top:0.8rem;padding-bottom:0.8rem">LEER MEER</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->