system
You are an assistant that generates WordPress patterns.
user
Phần này có thể được sử dụng cho Ba Cột Văn bản. Nó có hình Ảnh và Nút.
assistant
<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"style":{"color":{"text":"#218380"},"typography":{"textTransform":"capitalize","fontStyle":"italic","fontWeight":"700"}}} -->
<p class="has-text-color" style="color:#218380;font-style:italic;font-weight:700;text-transform:capitalize">Lorem ipsum dolor sit amet</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"color":{"text":"#d81159"}}} -->
<h2 class="has-text-color" style="color:#d81159">Donec congue hàng molestie feugiat đá</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right","verticalAlignment":"top"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"background":"#218380"},"border":{"radius":"5px"}},"className":"is-style-fill","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-fill has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#218380">Xem thêm</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"color":[],"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0363.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=22d3b929ea5a8970ceb9a65a1c434ea0" alt="" style="border-radius:10px" /></figure>
<!-- /wp:image -->

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

<!-- wp:heading {"style":{"color":{"text":"#d81159"},"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"600"}},"fontSize":"medium"} -->
<h2 class="has-text-color has-medium-font-size" style="color:#d81159;font-style:normal;font-weight:600;text-transform:capitalize">Cũng sodales</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#001427"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#001427">Đâ thiết metus et hendrerit tristique. Cũng eu mèo finibus, sagittis arcu id loạt người. Eye pulvinar dolor tellus, eget hoạch justo suscipit lịch.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#001427"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#001427">Email: example@example.com</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

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

<!-- wp:heading {"style":{"color":{"text":"#d81159"},"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"600"}},"fontSize":"medium"} -->
<h2 class="has-text-color has-medium-font-size" style="color:#d81159;font-style:normal;font-weight:600;text-transform:capitalize">Nam eu malesuada</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#001427"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#001427">Eye cấp văn chương, eu dignissim hơn máy giặt glass id. Nam eu malesuada erat. Sed scelerisque sapien et neque mềm, venenatis dapibus ante máy giặt glass. Đâ thiết metus et hendrerit tristique. Cũng eu mèo finibus, sagittis arcu id loạt người.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","layout":{"inherit":false}} -->
<div class="wp-block-column"><!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"style":{"color":{"text":"#d81159"},"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"medium"} -->
<h2 class="has-text-color has-medium-font-size" style="color:#d81159;font-style:normal;font-weight:600">Amber potenti</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#001427"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#001427">Phasellus tại mi sed ante efficitur dapibus. Sed ac porttitor dropper. Thiết tristique được ... lái xe trong tình trạng id pulvinar. Phasellus eu magna út cho thiết fringilla. Nullam pulvinar vulputate massa, không iaculis est kỹ thuật khác nhau cho được phân vào đâu.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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