system
You are an assistant that generates WordPress patterns.
user
Mẫu khối này được sử dụng cho nhiều mục đích như Chi tiết người dùng, Chi tiết thành viên nhóm, v.v.
assistant
<!-- wp:columns {"style":{"border":{"width":"0px","style":"none"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"},"blockGap":"0px"}},"fontSize":"small"} -->
<div class="wp-block-columns has-small-font-size" style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":{"padding":{"top":"50px","right":"10px","bottom":"0","left":"10px"},"blockGap":"0px"},"color":{"background":"#000000f0"}},"textColor":"white"} -->
<div class="wp-block-column is-vertically-aligned-top has-white-color has-text-color has-background" style="background-color:#000000f0;padding-top:50px;padding-right:10px;padding-bottom:0;padding-left:10px;flex-basis:25%"><!-- wp:heading {"textAlign":"center","level":5,"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"},"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"white","fontSize":"small"} -->
<h5 class="wp-block-heading has-text-align-center has-white-color has-text-color has-small-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">Tên</h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"var:preset|spacing|20","right":"0","bottom":"0","left":"0"}}},"textColor":"white","fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-white-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--20);margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">Chức danh</h6>
<!-- /wp:heading -->

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

<!-- wp:image {"align":"center","width":108,"height":108,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-large is-resized is-style-rounded"><img src="https://s.w.org/images/core/5.8/portrait.jpg" alt="Một hình ảnh cận cảnh từ bên của một người phụ nữ mặc áo cổ lọ màu nâu đỏ và túi trắng. Cô ấy ngước nhìn lên với đôi mắt nhắm nghiền." width="108" height="108" /></figure>
<!-- /wp:image -->

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

<!-- wp:separator {"opacity":"css","className":"is-style-default"} -->
<hr class="wp-block-separator has-css-opacity is-style-default" />
<!-- /wp:separator -->

<!-- wp:quote {"align":"center","textColor":"white","className":"is-style-large is-style-default","fontSize":"small"} -->
<blockquote class="wp-block-quote has-text-align-center is-style-large is-style-default has-white-color has-text-color has-small-font-size"><!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0"},"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"white","fontSize":"small"} -->
<p class="has-white-color has-text-color has-small-font-size" style="margin-top:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">"Đóng góp khiến tôi cảm thấy như mình đang hữu ích cho hành tinh."</p>
<!-- /wp:paragraph --><cite>— Anna Wong, <em>Tình nguyện viên</em></cite></blockquote>
<!-- /wp:quote -->

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

<!-- wp:separator {"opacity":"css","className":"is-style-default"} -->
<hr class="wp-block-separator has-css-opacity is-style-default" />
<!-- /wp:separator -->

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

<!-- wp:social-links {"openInNewTab":true,"showLabels":true,"size":"has-small-icon-size","align":"center","style":{"spacing":{"blockGap":{"top":"20px","left":"0px"},"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","right":"0","bottom":"var:preset|spacing|40","left":"0"}}},"className":"is-style-default","layout":{"type":"flex","justifyContent":"center","orientation":"vertical","flexWrap":"wrap"}} -->
<ul class="wp-block-social-links aligncenter has-small-icon-size has-visible-labels is-style-default" style="margin-top:0;margin-right:0;margin-bottom:var(--wp--preset--spacing--40);margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:social-link {"url":"test@gmail.com","service":"mail"} /-->

<!-- wp:social-link {"url":"#","service":"linkedin"} /-->

<!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"pinterest"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"75%","style":{"color":{"background":"#0000000f"},"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","bottom":"var:preset|spacing|30","top":"50px"},"blockGap":"10px"},"border":{"top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}}} -->
<div class="wp-block-column has-background" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;background-color:#0000000f;padding-top:50px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);flex-basis:75%"><!-- wp:heading {"level":5} -->
<h5 class="wp-block-heading"><strong>About Profile</strong></h5>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"black","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0" />
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>Một thực tế đã được thiết lập từ lâu là người đọc sẽ bị phân tâm bởi nội dung có thể đọc được của một trang khi nhìn vào bố cục của nó. Mục đích của việc sử dụng Lorem Ipsum là nó có phân bố chữ cái bình thường hơn, trái ngược với việc sử dụng 'Nội dung ở đây, nội dung ở đây', khiến nó trông giống như tiếng Anh có thể đọc được. Nhiều gói xuất bản trên máy tính để bàn và trình chỉnh sửa trang web hiện nay sử dụng Lorem Ipsum làm văn bản mẫu mặc định của họ, và một tìm kiếm 'lorem ipsum' sẽ tiết lộ nhiều trang web vẫn đang trong giai đoạn sơ khai. Các phiên bản khác nhau đã phát triển qua nhiều năm, đôi khi là do tai nạn, đôi khi là cố ý (chèn thêm sự hài hước và những thứ tương tự).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Một thực tế đã được thiết lập từ lâu là người đọc sẽ bị phân tâm bởi nội dung có thể đọc được của một trang khi nhìn vào bố cục của nó. Mục đích của việc sử dụng Lorem Ipsum là nó có phân bố chữ cái bình thường hơn, trái ngược với việc sử dụng 'Nội dung ở đây, nội dung ở đây', khiến nó trông giống như tiếng Anh có thể đọc được. Nhiều gói xuất bản trên máy tính để bàn và trình chỉnh sửa trang web hiện nay sử dụng Lorem Ipsum làm văn bản mẫu mặc định của họ, và một tìm kiếm 'lorem ipsum' sẽ tiết lộ nhiều trang web vẫn đang trong giai đoạn sơ khai. Các phiên bản khác nhau đã phát triển qua nhiều năm, đôi khi là do tai nạn, đôi khi là cố ý (chèn thêm sự hài hước và những thứ tương tự).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Thực tế đã được chứng minh là người đọc sẽ bị phân tâm bởi nội dung có thể đọc được của một trang khi nhìn vào bố cục của nó. Mục đích của việc sử dụng Lorem Ipsum là nó có phân phối chữ cái gần như bình thường, trái ngược với việc sử dụng 'Nội dung ở đây, nội dung ở đây', khiến nó trông giống như tiếng Anh có thể đọc được.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->