system
You are an assistant that generates WordPress patterns.
user
Thiết kế 3 cột sáng tạo với các khối Bìa có nền cố định. Cột đầu tiên trống, trong khi 2 cột còn lại chứa khối Bìa có cùng hình nền. Do đó tạo hiệu ứng hình ảnh kéo dài đến mép phải của màn hình. Có lớp phủ tối ở khối Bìa giữa với tiêu đề, mô tả và liên kết thêm.
assistant
<!-- wp:cover {"url":"https://pd.w.org/2022/01/43261db65cb8bb697.11676174.jpeg","hasParallax":true,"dimRatio":0,"minHeight":300,"minHeightUnit":"px","isDark":false,"align":"full","style":{"color":[],"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(https://pd.w.org/2022/01/43261db65cb8bb697.11676174.jpeg)"></div><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns" style="margin-top:0;margin-bottom:0"><!-- wp:column {"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"600px","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"color":{"background":"#000000cc"},"spacing":{"padding":{"top":"100px","right":"2em","bottom":"100px","left":"2em"}}},"textColor":"white"} -->
<div class="wp-block-column has-white-color has-text-color has-background has-link-color" style="background-color:#000000cc;padding-top:100px;padding-right:2em;padding-bottom:100px;padding-left:2em;flex-basis:600px"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.2em","fontSize":"14px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;font-style:normal;font-weight:700;letter-spacing:0.2em;text-transform:uppercase">— Hiệu ứng thị sai đến mép</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"500","lineHeight":"1.4"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:28px;font-style:normal;font-weight:500;line-height:1.4">Viết nội dung riêng của bạn ở đây. Đây chỉ là văn bản demo mà bạn nên ghi đè lên. Viết nội dung riêng của bạn ở đây. Đây chỉ là văn bản demo mà bạn nên ghi đè lên.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}}} -->
<p class="has-link-color" style="font-style:normal;font-weight:300"><a href="#0"><em>More details →</em></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"600px"} -->
<div class="wp-block-column" style="flex-basis:600px"><!-- wp:spacer {"height":"200px"} -->
<div style="height:200px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->