system
You are an assistant that generates WordPress patterns.
user
Phần để thu hút sự chú ý với hình ảnh ở bên trái, văn bản và nút ở bên phải. Phần này có nền tối với hình ảnh làm nền mà bạn tùy chỉnh
assistant
<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3Vwd2s1ODc4OTgxNi13aWtpbWVkaWEtaW1hZ2Uta29qcmRqM3AuanBn.jpg","dimRatio":70,"overlayColor":"black","align":"full"} -->
<div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3Vwd2s1ODc4OTgxNi13aWtpbWVkaWEtaW1hZ2Uta29qcmRqM3AuanBn.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem","right":"1rem","left":"1rem"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:4rem;padding-right:1rem;padding-bottom:4rem;padding-left:1rem"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained","contentSize":"90%"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"style":{"border":{"radius":"1.5rem"}},"className":"soivigol-img-square"} -->
<figure class="wp-block-image has-custom-border soivigol-img-square"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvaXMxMzQ2NC1pbWFnZS1rd3Z3dGFzeS5qcGc.jpg" alt="" style="border-radius:1.5rem" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"white","fontSize":"large"} -->
<h2 class="wp-block-heading has-white-color has-text-color has-large-font-size" style="font-style:normal;font-weight:700">I ❤️ WordPress and The Block Editor</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Tôi thích các trang web nhẹ nhàng, linh hoạt và đơn giản. Với động lực này, tôi phát triển các trang web bằng Trình chỉnh sửa khối. Với công cụ này, tôi có được mã sạch, tiêu thụ ít tài nguyên hơn và hoàn hảo để tải trên thiết bị di động. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color"><strong>My objective is to do web pages functional and more sustainable</strong>  🚀</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-amber","textColor":"white","style":{"border":{"radius":"5px","width":"3px"}},"borderColor":"luminous-vivid-amber","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-white-color has-luminous-vivid-amber-background-color has-text-color has-background has-border-color has-luminous-vivid-amber-border-color wp-element-button" href="#" style="border-width:3px;border-radius:5px">Liên hệ với tôi</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->