system
You are an assistant that generates WordPress patterns.
user
Banner met twee lay-out pagina template voor gebruik op elke website.
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 kan 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">Lees meer </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">In uitgeverijen en grafisch ontwerp is Lorem ipsum een plaatshouder tekst die vaak wordt gebruikt om de visuele vorm van een document of een lettertype te demonstreren zonder te vertrouwen op zinvolle inhoud. Lorem ipsum kan als plaatshouder worden gebruikt voordat de definitieve kopie 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>Contacteer ons</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 -->