system
You are an assistant that generates WordPress patterns.
user
This design presents a simple and minimalist approach to displaying testimonials in a masonry view.
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">Referenzen</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">Es gibt viele Variationen von Lorem Ipsum, aber die meisten sind in irgendeiner Form verändert worden, z. B. durch eingefügten Humor oder willkürliche Wörter, die nicht einmal ansatzweise glaubwürdig wirken. </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">Weitere Bewertungen lesen</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>Es ist eine altbekannte Tatsache, dass ein Leser vom lesbaren Inhalt einer Seite abgelenkt wird, wenn er das Layout betrachtet. Der Sinn der Verwendung von Lorem Ipsum besteht darin, dass es eine mehr oder weniger normale Verteilung der Buchstaben hat, im Gegensatz zur Verwendung von „Inhalt hier, Inhalt hier“, wodurch es wie lesbares Englisch aussieht. </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">Name des Autors</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">Firmenname</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">Name des Autors</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">Firmenname</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">Name des Autors</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">Firmenname</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>Es ist eine altbekannte Tatsache, dass ein Leser vom lesbaren Inhalt einer Seite abgelenkt wird, wenn er das Layout betrachtet. Der Sinn der Verwendung von Lorem Ipsum besteht darin, dass es eine mehr oder weniger normale Verteilung der Buchstaben hat, im Gegensatz zur Verwendung von „Inhalt hier, Inhalt hier“, wodurch es wie lesbares Englisch aussieht. </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">Name des Autors</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">Firmenname</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->