About, About us section with title, description, button and left image

Where does it come from?

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.

進一步了解

區塊版面配置程式碼

<!-- wp:group {"align":"full","style":{"color":{"text":"#28303d"},"spacing":{"padding":{"top":"5em","right":"20px","bottom":"6em","left":"20px"}}},"backgroundColor":"black","className":"is-style-default"} -->
<div class="wp-block-group alignfull is-style-default has-black-background-color has-text-color has-background" style="color:#28303d;padding-top:5em;padding-right:20px;padding-bottom:6em;padding-left:20px"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:image {"align":"center","id":862,"width":300,"height":300,"sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":"unset"},"border":{"width":"0px","style":"none","radius":"100rem"}},"className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-large is-resized has-custom-border is-style-rounded"><img src="https://s.w.org/patterns/files/2021/06/dracaena-updated-1024x1024.jpg" alt="" class="wp-image-862" style="border-style:none;border-width:0px;border-radius:100rem" width="300" height="300" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"48px"}},"textColor":"white"} -->
<h2 class="has-text-align-left has-white-color has-text-color" style="font-size:48px"><strong>Where does it come from?</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.4"}},"textColor":"white","fontSize":"medium"} -->
<p class="has-white-color has-text-color has-medium-font-size" style="line-height:1.4">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-cyan-blue","textColor":"white","style":{"typography":{"textTransform":"uppercase"},"border":{"radius":{"topLeft":"50px","topRight":"0px","bottomRight":"50px","bottomLeft":"50px"}},"spacing":{"padding":{"top":"10px","right":"40px","bottom":"10px","left":"40px"}}}} -->
<div class="wp-block-button" style="text-transform:uppercase"><a class="wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-top-left-radius:50px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;padding-top:10px;padding-right:40px;padding-bottom:10px;padding-left:40px">進一步了解</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->