system
You are an assistant that generates WordPress patterns.
user
Dit ontwerp presenteert een eenvoudige en minimalistische aanpak om getuigenissen te tonen in een masonry weergave.
assistant
<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"color":{"background":"#f5f5f5"}}} -->
<div class="wp-block-columns alignwide has-background" style="background-color:#f5f5f5;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)"><!-- wp:column {"verticalAlignment":"top","width":"37%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:37%"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"15px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-x-large-font-size" style="margin-top:15px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:700">GETUIGENISSEN</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"15px","right":"0px","left":"0px"}}}} -->
<p style="margin-top:15px;margin-right:0px;margin-left:0px">Er zijn vele variaties van passages Lorem Ipsum beschikbaar, maar de meeste zijn op de een of andere manier gewijzigd, door ingevoegde humor, of willekeurig gekozen woorden die er zelfs niet enigszins geloofwaardig uitzien.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"black","style":{"border":{"radius":"0px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}},"typography":{"fontStyle":"normal","fontWeight":"500"},"color":{"background":"#f5f5f5"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline" style="font-style:normal;font-weight:500"><a class="wp-block-button__link has-black-color has-text-color has-background wp-element-button" style="border-radius:0px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px;background-color:#f5f5f5">Lees meer beoordelingen</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"63%"} -->
<div class="wp-block-column" style="flex-basis:63%"><!-- wp:columns {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"background":"#f2f5f705"}}} -->
<div class="wp-block-column has-background" style="background-color:#f2f5f705;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#f9ecec"}}} -->
<p class="has-background" style="background-color:#f9ecec;padding-top:30px;padding-right:30px;padding-bottom:0px;padding-left:30px;font-size:17px"><em>Het is al lang bekend dat een lezer zich laat afleiden door de leesbare inhoud van een pagina wanneer hij naar de lay-out kijkt. Het punt van het gebruik van Lorem Ipsum is dat het een min of meer normale verdeling van letters heeft, in tegenstelling tot het gebruik van "Inhoud hier, inhoud hier", waardoor het eruit ziet als leesbaar Engels.</em></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"20px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#f9ecec"}}} -->
<h5 class="wp-block-heading has-background" style="background-color:#f9ecec;margin-top:0px;margin-bottom:0px;padding-top:20px;padding-right:30px;padding-bottom:0px;padding-left:30px;text-transform:uppercase">Auteurnaam</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}},"color":{"background":"#f9ecec"}}} -->
<p class="has-background" style="background-color:#f9ecec;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px">Bedrijfsnaam</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#8dd2fc7a"}}} -->
<p class="has-background" style="background-color:#8dd2fc7a;padding-top:30px;padding-right:30px;padding-bottom:0px;padding-left:30px;font-size:17px"><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</em></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"20px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#8dd2fc7a"}}} -->
<h5 class="wp-block-heading has-background" style="background-color:#8dd2fc7a;margin-top:0px;margin-bottom:0px;padding-top:20px;padding-right:30px;padding-bottom:0px;padding-left:30px;text-transform:uppercase">Auteurnaam</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}},"color":{"background":"#8dd2fc7a"}}} -->
<p class="has-background" style="background-color:#8dd2fc7a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px">Bedrijfsnaam</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"background":"#f2f5f700"}}} -->
<div class="wp-block-column has-background" style="background-color:#f2f5f700;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"0px","left":"30px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"background":"#168a781c"}}} -->
<p class="has-background" style="background-color:#168a781c;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:30px;padding-right:30px;padding-bottom:0px;padding-left:30px;font-size:17px"><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</em></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"20px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#168a781c"}}} -->
<h5 class="wp-block-heading has-background" style="background-color:#168a781c;margin-top:0px;margin-bottom:0px;padding-top:20px;padding-right:30px;padding-bottom:0px;padding-left:30px;text-transform:uppercase">Auteurnaam</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}},"color":{"background":"#168a781c"}}} -->
<p class="has-background" style="background-color:#168a781c;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px">Bedrijfsnaam</p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"0px","left":"30px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"background":"#fff5e6"}}} -->
<p class="has-background" style="background-color:#fff5e6;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:30px;padding-right:30px;padding-bottom:0px;padding-left:30px;font-size:17px"><em>Het is al lang bekend dat een lezer zich laat afleiden door de leesbare inhoud van een pagina wanneer hij naar de lay-out kijkt. Het punt van het gebruik van Lorem Ipsum is dat het een min of meer normale verdeling van letters heeft, in tegenstelling tot het gebruik van "Inhoud hier, inhoud hier", waardoor het eruit ziet als leesbaar Engels.</em></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"20px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#fff5e6"}}} -->
<h5 class="wp-block-heading has-background" style="background-color:#fff5e6;margin-top:0px;margin-bottom:0px;padding-top:20px;padding-right:30px;padding-bottom:0px;padding-left:30px;text-transform:uppercase">Auteurnaam</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}},"color":{"background":"#fff5e6"}}} -->
<p class="has-background" style="background-color:#fff5e6;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px">Bedrijfsnaam</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->