system
You are an assistant that generates WordPress patterns.
user
Banner met twee lay-outs pagina template gebruik voor alle sites.
assistant
<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:cover {"dimRatio":70,"minHeight":344,"minHeightUnit":"px","gradient":"midnight","isDark":false,"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-cover alignfull is-light" style="margin-top:0;margin-bottom:0;min-height:344px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-70 has-background-dim has-background-gradient has-midnight-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"left","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-left has-white-color has-text-color has-medium-font-size">Helpen rond de wereld</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"35px"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-left has-white-color has-text-color" style="font-size:35px"><strong>Je kunt US lorem ipsum helpen</strong></h2>
<!-- /wp:heading -->

<!-- wp:heading {"textColor":"white","fontSize":"small"} -->
<h2 class="wp-block-heading has-white-color has-text-color has-small-font-size">Lorem ipsum is een plaatshouder tekst die vaak wordt gebruikt om de visuele vorm te demonstreren...</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:5px">Meer lezen </a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","width":256,"height":249,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"5px","width":"2px"}},"borderColor":"white"} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZsMjg1MzIzODc4MjAtaW1hZ2Uta3liZWpxOXUuanBn.jpg" alt="" class="has-border-color has-white-border-color" style="border-width:2px;border-radius:5px" width="256" height="249" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"align":"full","style":{"color":{"background":"#f0e9e9"},"spacing":{"padding":{"top":"var:preset|spacing|40","right":"0","bottom":"0","left":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f0e9e9;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"75%","style":{"border":{"right":{"color":"var:preset|color|vivid-red","width":"2px"}},"spacing":{"padding":{"right":"var:preset|spacing|50"}}}} -->
<div class="wp-block-column" style="border-right-color:var(--wp--preset--color--vivid-red);border-right-width:2px;padding-right:var(--wp--preset--spacing--50);flex-basis:75%"><!-- wp:paragraph -->
<p><a href="#">Home</a> &nbsp;"&nbsp;Over ons</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Bij publicaties en grafisch ontwerp is Lorem ipsum een plaatshouder tekst die gewoonlijk wordt gebruikt om de visuele vorm van een document of een lettertype aan te tonen zonder dat er sprake is van betekenisvolle inhoud. Lorem ipsum kan worden gebruikt als plaatshouder voordat de definitieve tekst beschikbaar is.&nbsp;<a href="https://en.wikipedia.org/wiki/Lorem_ipsum">Wikipedia</a></p>
<!-- /wp:paragraph -->

<!-- wp:image {"width":516,"height":343,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ0cmVlX3N1bW1lcl9ibHVlX2xhbmRzY2FwZS1pbWFnZS1reWJjaTU3ai5qcGc.jpg" alt="" width="516" height="343" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","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:25%"><!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search Here","width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"no-button","style":{"border":{"radius":"5px","width":"1px"}},"borderColor":"black","fontSize":"small"} /-->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Gerelateerde link</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>home</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Over ons</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Neem contact met ons op</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Privacybeleid</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>BLOG</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->