system
You are an assistant that generates WordPress patterns.
user
Eenvoudige lay-out om titel, tekst en afbeeldingen te tonen met een net resultaat.
assistant
<!-- wp:group {"align":"full","style":{"color":{"background":"#f7e193"},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"90%","justifyContent":"center"}} -->
<div class="wp-block-group alignfull has-background" id="kwpress-layout-container" style="background-color:#f7e193;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"verticalAlignment":"top","isStackedOnMobile":false,"align":"full"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-top is-not-stacked-on-mobile"><!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":5,"style":{"color":{"text":"#000000"},"typography":{"textTransform":"none"}},"fontSize":"medium"} -->
<h5 class="has-text-color has-medium-font-size" id="ecosystem" style="color:#000000;text-transform:none">ECOSYSTEEM</h5>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"color":{"text":"#000000"},"typography":{"fontStyle":"normal","fontWeight":"900","fontSize":"60px"}}} -->
<h2 class="has-text-color" style="color:#000000;font-size:60px;font-style:normal;font-weight:900">Positieve groei.</h2>
<!-- /wp:heading -->

<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":{"top":"0","left":"0"}}},"fontSize":"small"} -->
<div class="wp-block-columns is-not-stacked-on-mobile has-small-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"30%","layout":{"type":"default"}} -->
<div class="wp-block-column" style="flex-basis:30%"><!-- wp:separator {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"luminous-vivid-amber","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-luminous-vivid-amber-color has-alpha-channel-opacity has-luminous-vivid-amber-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0" />
<!-- /wp:separator --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"5px","style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} -->
<div style="margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);height:5px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"0px"}}}} -->
<div class="wp-block-columns alignfull" style="margin-top:0px"><!-- wp:column {"verticalAlignment":"center","width":"40%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"50px"}}} -->
<h2 style="font-size:50px;font-style:normal;font-weight:600">NATUUR</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#000000"}},"fontSize":"extra-small"} -->
<p class="has-text-color has-extra-small-font-size" style="color:#000000"><em>Natuur</em>, in de gewone zin, verwijst naar essenties die door de mens onveranderd zijn gebleven; de ruimte, de lucht, de rivier, het blad.&nbsp;<em>Kunst</em>&nbsp;wordt toegepast op de vermenging van zijn wil met dezelfde dingen, zoals in een huis, een kanaal, een standbeeld, een schilderij. Maar zijn bewerkingen samen zijn zo onbeduidend, een beetje hakken, bakken, lappen en wassen, dat ze in een indruk zo groots als die van de wereld op de menselijke geest, het resultaat niet variëren.</p>
<!-- /wp:paragraph -->

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

<!-- wp:column {"width":"53.94%","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:53.94%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"0rem","left":"0rem"}}},"backgroundColor":"luminous-vivid-amber","layout":{"type":"constrained","justifyContent":"right"}} -->
<div class="wp-block-group has-luminous-vivid-amber-background-color has-background" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none","style":{"color":[]}} -->
<figure class="wp-block-image aligncenter size-large"><img src="https://cdn.pixabay.com/photo/2018/08/12/16/59/parrot-3601194_960_720.jpg" alt="De zon schijnt over een bergkam die naar de kust leidt. In de verte rijdt een auto over een weg." /></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:columns {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0px","bottom":"0"}}}} -->
<div class="wp-block-columns" style="margin-top:0px;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center","width":"120%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:120%"><!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":5,"style":{"color":{"text":"#000000"},"typography":{"textTransform":"none"}},"fontSize":"medium"} -->
<h5 class="has-text-color has-medium-font-size" id="ecosystem" style="color:#000000;text-transform:none">NATUUR</h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"left","style":{"color":{"text":"#000000"},"typography":{"fontStyle":"normal","fontWeight":"900","fontSize":"60px"}}} -->
<h2 class="has-text-align-left has-text-color" style="color:#000000;font-size:60px;font-style:normal;font-weight:900">Laat het ons beschermen!</h2>
<!-- /wp:heading -->

<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":{"top":"0","left":"0"},"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
<div class="wp-block-columns are-vertically-aligned-center is-not-stacked-on-mobile has-small-font-size" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center","width":"50%","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:separator {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"luminous-vivid-amber","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-luminous-vivid-amber-color has-alpha-channel-opacity has-luminous-vivid-amber-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0" />
<!-- /wp:separator --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
<h4 style="font-style:normal;font-weight:500"><em>De natuur</em>, in de gewone zin, verwijst naar essenties die door de mens onveranderd zijn; de ruimte, de lucht, de rivier, het blad.&nbsp;</h4>
<!-- /wp:heading -->

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

<!-- wp:image {"width":600,"height":383,"sizeSlug":"large","linkDestination":"none","style":{"color":[]}} -->
<figure class="wp-block-image size-large is-resized"><img src="https://cdn.pixabay.com/photo/2015/10/30/20/13/sunrise-1014712_960_720.jpg" alt="" width="600" height="383" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"100%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:100%"><!-- wp:image -->
<figure class="wp-block-image"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-jan19-msp_0709_8783.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=6945c5434af9266e1389e693eb695dc6" alt="" /></figure>
<!-- /wp:image -->

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

<!-- wp:separator {"style":{"color":{"background":"#c39519"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#c39519;color:#c39519" />
<!-- /wp:separator -->

<!-- wp:paragraph {"style":{"color":{"text":"#000000"}},"backgroundColor":"luminous-vivid-amber","fontSize":"extra-small"} -->
<p class="has-luminous-vivid-amber-background-color has-text-color has-background has-extra-small-font-size" style="color:#000000"><em>Ongetwijfeld hebben we geen vragen te stellen die onbeantwoordbaar zijn. Wij moeten de volmaaktheid van de schepping zozeer vertrouwen, dat we geloven dat de orde der dingen, welke nieuwsgierigheid ze ook in onze geest heeft gewekt, de orde der dingen kan bevredigen. De toestand van ieder mens is een oplossing in hiërogliefen voor de vragen die hij stelt.</em></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-amber","textColor":"black","width":50,"align":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":"50px"}},"className":"is-style-fill","fontSize":"medium"} -->
<div class="wp-block-button aligncenter has-custom-width wp-block-button__width-50 has-custom-font-size is-style-fill has-medium-font-size"><a class="wp-block-button__link has-black-color has-luminous-vivid-amber-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:50px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><strong>LEES MEER</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:separator {"style":{"color":{"background":"#c39519"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#c39519;color:#c39519" />
<!-- /wp:separator --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->