Pricing 3 columns

Now paste(CTRL +V) the content into a Custom HTML block and then click “Convert to Blocks”

Best with:‎

Block Theme

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|40","bottom":"30px","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|20"},"dimensions":{"minHeight":"40vh"}},"className":"has-background-color","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"center"}} -->
<div class="wp-block-group alignfull has-background-color" style="min-height:40vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:30px;padding-left:var(--wp--preset--spacing--40)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"50px"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<h2 class="wp-block-heading has-text-align-center" style="margin-top:0px;margin-bottom:0px;font-size:50px"><strong>Pricing</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40","top":"0px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px;margin-bottom:var(--wp--preset--spacing--40)">Choose best pricing that suites your requirement.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"880px"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"4rem","left":"0"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","left":"var:preset|spacing|20","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:heading {"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size"><strong>Basic</strong></h2>
<!-- /wp:heading -->

<!-- wp:heading {"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-x-large-font-size"><strong>FREE</strong></h2>
<!-- /wp:heading -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons" style="margin-bottom:var(--wp--preset--spacing--30)"><!-- wp:button {"backgroundColor":"base","textColor":"contrast","width":100,"style":{"elements":{"link":{"color":{"text":"#111111"}}},"border":{"radius":"5px","width":"1px"}},"borderColor":"contrast","fontSize":"small"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-contrast-color has-base-background-color has-text-color has-background has-link-color has-border-color has-contrast-border-color wp-element-button" style="border-width:1px;border-radius:5px"><strong>Get Started</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained","contentSize":"25px"}} -->
<div class="wp-block-group"><!-- wp:image {"id":194,"width":"24px","height":"24px","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-3.png" alt="" class="wp-image-194" style="object-fit:cover;width:24px;height:24px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Single domains</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":193,"width":"24px","height":"undefinedpx","sizeSlug":"large","linkDestination":"none","className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-2.png" alt="" class="wp-image-193" style="width:24px;height:undefinedpx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>IMAP/ POP</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":191,"width":"24px","height":"undefinedpx","sizeSlug":"large","linkDestination":"none","className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image.png" alt="" class="wp-image-191" style="width:24px;height:undefinedpx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Domain aliases</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":195,"width":"24px","height":"undefinedpx","sizeSlug":"large","linkDestination":"none","className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-4.png" alt="" class="wp-image-195" style="width:24px;height:undefinedpx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Email routing</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"is-style-default"} -->
<div class="wp-block-column is-style-default"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","left":"var:preset|spacing|20","top":"0","bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"},"twDecoration":"shadow"} -->
<div class="wp-block-group tw-shadow" style="padding-top:0;padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0px","bottom":"0"}},"typography":{"textTransform":"uppercase"},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"dimensions":{"minHeight":""}},"backgroundColor":"contrast","textColor":"base-2","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"},"fontSize":"small"} -->
<div class="wp-block-group alignfull has-base-2-color has-contrast-background-color has-text-color has-background has-link-color has-small-font-size" style="margin-top:0px;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;text-transform:uppercase"><!-- wp:paragraph {"align":"center","style":{"layout":{"selfStretch":"fill","flexSize":null}}} -->
<p class="has-text-align-center">Most Popular</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size"><strong>Premium</strong></h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","fontSize":"x-large"} -->
<h2 class="wp-block-heading has-text-align-left has-x-large-font-size"><strong>$59</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"color":{"text":"#b7b7b7"},"elements":{"link":{"color":{"text":"#b7b7b7"}}}},"fontSize":"small"} -->
<p class="has-text-align-left has-text-color has-link-color has-small-font-size" style="color:#b7b7b7">USD / year</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons" style="margin-bottom:var(--wp--preset--spacing--30)"><!-- wp:button {"backgroundColor":"black","textColor":"white","width":100,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"border":{"radius":"5px","width":"1px"}},"borderColor":"base","fontSize":"small"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-link-color has-border-color has-base-border-color wp-element-button" style="border-width:1px;border-radius:5px"><strong>Get Started</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:group {"style":{"spacing":{"blockGap":"5px","padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained","contentSize":"25px"}} -->
<div class="wp-block-group"><!-- wp:image {"id":192,"width":"24px","height":"24px","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":["#ffffff","#ffffff"]}},"className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-1.png" alt="" class="wp-image-192" style="object-fit:cover;width:24px;height:24px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p><strong>All Free </strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":196,"width":"24px","height":"auto","sizeSlug":"large","linkDestination":"none","style":{"color":{}},"className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-5.png" alt="" class="wp-image-196" style="width:24px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Multiple domains</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":197,"width":"24px","height":"undefinedpx","sizeSlug":"large","linkDestination":"none","style":{"color":{}},"className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-7.png" alt="" class="wp-image-197" style="width:24px;height:undefinedpx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>50GB Storage</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":198,"width":"24px","height":"auto","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":["#1da1f2","#ffffff"]}},"className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-6.png" alt="" class="wp-image-198" style="width:24px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Collaboration tool</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":199,"width":"24px","height":"undefinedpx","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":["#1da1f2","#ffffff"]}},"className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-8.png" alt="" class="wp-image-199" style="width:24px;height:undefinedpx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>White labeling</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":200,"width":"24px","height":"undefinedpx","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":["#1da1f2","#ffffff"]}},"className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-9.png" alt="" class="wp-image-200" style="width:24px;height:undefinedpx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Huge Attachments</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","left":"var:preset|spacing|20","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:heading {"fontSize":"medium"} -->
<h2 class="wp-block-heading has-medium-font-size"><strong>Business</strong></h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","fontSize":"x-large"} -->
<h2 class="wp-block-heading has-text-align-left has-x-large-font-size"><strong>$99</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"color":{"text":"#b7b7b7"},"elements":{"link":{"color":{"text":"#b7b7b7"}}}},"fontSize":"small"} -->
<p class="has-text-align-left has-text-color has-link-color has-small-font-size" style="color:#b7b7b7">USD / year</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons" style="margin-bottom:var(--wp--preset--spacing--30)"><!-- wp:button {"backgroundColor":"base","textColor":"contrast","width":100,"style":{"elements":{"link":{"color":{"text":"#111111"}}},"border":{"radius":"5px","width":"1px"}},"borderColor":"contrast","fontSize":"small"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-contrast-color has-base-background-color has-text-color has-background has-link-color has-border-color has-contrast-border-color wp-element-button" style="border-width:1px;border-radius:5px"><strong>Get Started</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained","contentSize":"25px"}} -->
<div class="wp-block-group"><!-- wp:image {"id":201,"width":"24px","height":"24px","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-10.png" alt="" class="wp-image-201" style="object-fit:cover;width:24px;height:24px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p><strong>All Premium</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":204,"width":"24px","height":"undefinedpx","sizeSlug":"large","linkDestination":"none","className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-12.png" alt="" class="wp-image-204" style="width:24px;height:undefinedpx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>5TB storage</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":202,"width":"24px","height":"undefinedpx","sizeSlug":"large","linkDestination":"none","className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-11.png" alt="" class="wp-image-202" style="width:24px;height:undefinedpx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Agency access</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:image {"id":203,"width":"24px","height":"undefinedpx","sizeSlug":"large","linkDestination":"none","className":"is-resized"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://heroic-paprenjak-a70023.netlify.app/wp-content/uploads/2024/06/image-12.png" alt="" class="wp-image-203" style="width:24px;height:undefinedpx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Reseller access</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->