system
You are an assistant that generates WordPress patterns.
user
Этот дизайн представляет собой простой и минималистичный подход к отображению отзывов в виде мозаичного представления.
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">ОТЗЫВЫ</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">Доступно множество вариаций отрывков из lorem ipsum, но большинство из них претерпели изменения в той или иной форме, с добавлением юмора или случайным образом подобранными словами, которые даже немного не кажутся правдоподобными.</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">Читать больше отзывов</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>Давно доказано, что читатель отвлекается от читаемого содержания страницы, когда смотрит на ее макет. Смысл использования Lorem Ipsum в том, что он имеет более или менее нормальное распределение букв, в отличие от использования "Содержание здесь, содержание здесь", что делает его похожим на читаемый английский язык. </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">Имя автора</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">Название компании</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">Имя автора</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">Название компании</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">Имя автора</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">Название компании</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>Давно доказано, что читатель отвлекается от читаемого содержания страницы, когда смотрит на ее макет. Смысл использования Lorem Ipsum в том, что он имеет более или менее нормальное распределение букв, в отличие от использования "Содержание здесь, содержание здесь", что делает его похожим на читаемый английский язык. </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">Имя автора</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">Название компании</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->