system
You are an assistant that generates WordPress patterns.
user
Simple Layout to show title, text and images with clean result.
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">ÉCOSYSTÈME</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">Positive growth.</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">Nature</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>La Nature</em>, dans le sens courant, désigne les essences inchangées par l’homme ; l’espace, l’air, le fleuve, la feuille.&nbsp;<em>L’Art</em>&nbsp;s’applique au mélange de sa volonté avec les mêmes choses, comme dans une maison, un canal, une statue, un tableau. Mais ses opérations prises ensemble sont si insignifiantes, un peu d’écaillage, de cuisson, de rapiéçage, de lavage, que dans une impression aussi grandiose que celle du monde sur l’esprit humain, elles ne changent pas le résultat.</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="Le soleil brille au dessus d’une crête donnant sur le bord de mer. Plus loin, une voiture est visible." /></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">NATURE</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">Let's protect it!</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>Nature</em>, in the common sense, refers to essences unchanged by man; space, the air, the river, the leaf.&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>Undoubtedly we have no questions to ask which are unanswerable. We must trust the perfection of the creation so far, as to believe that whatever curiosity the order of things has awakened in our minds, the order of things can satisfy. Every man's condition is a solution in hieroglyphic to those inquiries he would put.</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>Read More</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 -->