system
You are an assistant that generates WordPress patterns.
user
Bố cục ba cột cho các khóa học.
assistant
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"5px","right":"5px","bottom":"5px","left":"5px"}}},"fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-small-font-size" style="margin-top:5px;margin-right:5px;margin-bottom:5px;margin-left:5px;font-style:normal;font-weight:500">Khóa học trực tuyến</h6>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h3 class="wp-block-heading has-text-align-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"><strong>Wide range online courses</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">It is a long established fact that a reader will be distracted by the<br>readable content of a page when looking at its layout.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"color":{"background":"#00a494"},"spacing":{"padding":{"bottom":"30px"}}}} -->
<div class="wp-block-column has-background" style="background-color:#00a494;padding-bottom:30px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHgxNTk1Mjc1LWltYWdlLWt3dnhyNm90LmpwZw.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"20px","right":"20px","bottom":"5px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:20px;padding-right:20px;padding-bottom:5px;padding-left:20px;font-style:normal;font-weight:500">Khoa học máy tính</h4>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"0px","right":"20px","bottom":"0px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"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:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;font-style:normal;font-weight:400">Mary Willson</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"15px","bottom":"15px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px">Đó là một thực tế đã được thiết lập từ lâu rằng 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ó. </p>
<!-- /wp:paragraph -->

<!-- wp:separator {"backgroundColor":"white","className":"is-style-default"} -->
<hr class="wp-block-separator has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background is-style-default" />
<!-- /wp:separator -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"20px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","style":{"spacing":{"padding":{"left":"20px","right":"20px","top":"8px","bottom":"8px"}},"typography":{"fontSize":"16px"},"border":{"radius":"0px"},"color":{"text":"#00a494"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:16px"><a class="wp-block-button__link has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:0px;color:#00a494;padding-top:8px;padding-right:20px;padding-bottom:8px;padding-left:20px"><strong>Read More</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"bottom":"30px"}}},"backgroundColor":"vivid-red"} -->
<div class="wp-block-column has-vivid-red-background-color has-background" style="padding-bottom:30px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg4NjAyMDgtaW1hZ2Uta3d2eGVlcW8uanBn.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"20px","right":"20px","bottom":"5px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:20px;padding-right:20px;padding-bottom:5px;padding-left:20px;font-style:normal;font-weight:500">Tiếng Anh giao tiếp</h4>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"0px","right":"20px","bottom":"0px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"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:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;font-style:normal;font-weight:400">Mary Willson</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"15px","bottom":"15px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px">Đó là một thực tế đã được thiết lập từ lâu rằng 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ó. </p>
<!-- /wp:paragraph -->

<!-- wp:separator {"backgroundColor":"white","className":"is-style-default"} -->
<hr class="wp-block-separator has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background is-style-default" />
<!-- /wp:separator -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"20px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"vivid-red","style":{"spacing":{"padding":{"left":"20px","right":"20px","top":"8px","bottom":"8px"}},"typography":{"fontSize":"16px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:16px"><a class="wp-block-button__link has-vivid-red-color has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:0px;padding-top:8px;padding-right:20px;padding-bottom:8px;padding-left:20px"><strong>Read More</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"background":"#6800b8"},"spacing":{"padding":{"bottom":"30px"}}}} -->
<div class="wp-block-column has-background" style="background-color:#6800b8;padding-bottom:30px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw1MDg1NDE4NjcwMi1pbWFnZS1rcHhleGxlei5qcGc.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"20px","right":"20px","bottom":"5px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:20px;padding-right:20px;padding-bottom:5px;padding-left:20px;font-style:normal;font-weight:500">Học tiếng Tây Ban Nha</h4>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"0px","right":"20px","bottom":"0px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"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:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;font-style:normal;font-weight:400">Mary Willson</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"15px","bottom":"15px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px">Đó là một thực tế đã được thiết lập từ lâu rằng 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ó. </p>
<!-- /wp:paragraph -->

<!-- wp:separator {"backgroundColor":"white","className":"is-style-default"} -->
<hr class="wp-block-separator has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background is-style-default" />
<!-- /wp:separator -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"20px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","style":{"spacing":{"padding":{"left":"20px","right":"20px","top":"8px","bottom":"8px"}},"typography":{"fontSize":"16px"},"border":{"radius":"0px"},"color":{"text":"#6800b8"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:16px"><a class="wp-block-button__link has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:0px;color:#6800b8;padding-top:8px;padding-right:20px;padding-bottom:8px;padding-left:20px"><strong>Read More</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->