Column Layout

we provide

Cyber Security

Ut sem nulla pharetra diam. Vulputate eu scelerisque felis.
進一步了解
Copying Service

Vulputate eu scelerisque felis imperdiet proin loram.
進一步了解
Cyber Security

Ut sem nulla pharetra diam. Vulputate eu scelerisque felis.
進一步了解
區塊版面配置程式碼
<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2ZydGV4dHVyZV90b3dlbF90ZXJyeV9iYWNrZ3JvdW5kLWltYWdlLWt5YmNoYTRnLmpwZw.jpg","dimRatio":50,"gradient":"vivid-cyan-blue-to-vivid-purple","align":"full"} -->
<div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-background-dim wp-block-cover__gradient-background has-background-gradient has-vivid-cyan-blue-to-vivid-purple-gradient-background"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2ZydGV4dHVyZV90b3dlbF90ZXJyeV9iYWNrZ3JvdW5kLWltYWdlLWt5YmNoYTRnLmpwZw.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","layout":{"inherit":false}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"68px","textTransform":"uppercase"},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<h2 class="wp-block-heading has-text-align-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:68px;text-transform:uppercase"><em>we </em><strong>pro</strong><em>vide</em></h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}},"backgroundColor":"white","layout":{"type":"default"}} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://jupiterx.com/wp-content/uploads/2022/01/Conditional-display-icon@2x.png" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"66.66%","layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"color":{"text":"#3613fa"}},"fontSize":"medium"} -->
<h5 class="wp-block-heading has-text-color has-medium-font-size" style="color:#3613fa;font-style:normal;font-weight:700">Cyber Security</h5>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"}},"textColor":"black"} -->
<p class="has-black-color has-text-color" style="font-size:17px">Ut sem nulla pharetra diam. Vulputate eu scelerisque felis.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw0NjY1ODg2NTEyNS1pbWFnZS1renhqZjE1Yy5qcGc.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"9px","right":"9px","bottom":"9px","left":"9px"}},"typography":{"textTransform":"uppercase"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100" style="text-transform:uppercase"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" style="border-radius:0px;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px">進一步了解</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://jupiterx.com/wp-content/uploads/2022/01/fast-filtering-icon@2x.png" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"66.66%","layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"color":{"text":"#3613fa"}},"fontSize":"medium"} -->
<h5 class="wp-block-heading has-text-color has-medium-font-size" style="color:#3613fa;font-style:normal;font-weight:700">Copying Service</h5>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"}},"textColor":"black"} -->
<p class="has-black-color has-text-color" style="font-size:17px">Vulputate eu scelerisque felis imperdiet proin loram. </p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYxNjY3MTkxLXdpa2ltZWRpYS1pbWFnZS1rb3diOTY5Yy5qcGc.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"9px","right":"9px","bottom":"9px","left":"9px"}},"typography":{"textTransform":"uppercase"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100" style="text-transform:uppercase"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" style="border-radius:0px;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px">進一步了解</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://jupiterx.com/wp-content/uploads/2022/01/Conditional-display-icon@2x.png" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"66.66%","layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"color":{"text":"#3613fa"}},"fontSize":"medium"} -->
<h5 class="wp-block-heading has-text-color has-medium-font-size" style="color:#3613fa;font-style:normal;font-weight:700">Cyber Security</h5>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"}},"textColor":"black"} -->
<p class="has-black-color has-text-color" style="font-size:17px">Ut sem nulla pharetra diam. Vulputate eu scelerisque felis.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw0NjY1ODg2NTEyNS1pbWFnZS1renhqZjE1Yy5qcGc.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"9px","right":"9px","bottom":"9px","left":"9px"}},"typography":{"textTransform":"uppercase"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100" style="text-transform:uppercase"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" style="border-radius:0px;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px">進一步了解</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->