Fancy Hero Banner

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
样板代码
<!-- wp:group {"align":"full","style":{"color":{"gradient":"linear-gradient(135deg,rgb(255,255,255) 14%,rgb(255,255,255) 25%,rgb(255,255,255) 48%,rgb(0,0,0) 48%)"},"spacing":{"padding":{"left":"50px","right":"50px","top":"100px","bottom":"100px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"wideSize":"100%"}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(135deg,rgb(255,255,255) 14%,rgb(255,255,255) 25%,rgb(255,255,255) 48%,rgb(0,0,0) 48%);margin-top:0px;margin-bottom:0px;padding-top:100px;padding-right:50px;padding-bottom:100px;padding-left:50px"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"3px","fontStyle":"normal","fontWeight":"800"}}} -->
<h2 style="font-style:normal;font-weight:800;letter-spacing:3px;text-transform:uppercase"><strong>Lorem Ipsum</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"50px"}}}} -->
<div class="wp-block-buttons" style="margin-top:50px"><!-- wp:button {"backgroundColor":"black","textColor":"white","style":{"border":{"radius":"10px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" style="border-radius:10px">了解更多</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns {"verticalAlignment":null} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"align":"center","id":null,"width":319,"height":314,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"25px"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized" style="border-radius:25px"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd36-5-arc-1995-ac95-0203-50.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=10325d1b2c41403e46b5244de13d5118" alt="" width="319" height="314" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->