system
You are an assistant that generates WordPress patterns.
user
This is a Responsive Stylish 3 Column Pricing Table. For better user Experience the design made minimalist
assistant
<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQzNi0yLWtzYy0yMDExLTM1OTYuanBn.jpg","dimRatio":90,"isUserOverlayColor":true,"focalPoint":{"x":0.5,"y":0.5},"customGradient":"linear-gradient(135deg,rgb(11,19,43) 0%,rgb(58,80,107) 100%)","className":"alignfull","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-90 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(135deg,rgb(11,19,43) 0%,rgb(58,80,107) 100%)"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQzNi0yLWtzYy0yMDExLTM1OTYuanBn.jpg" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%" /><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"50px","bottom":"50px","right":"15px","left":"15px"}}},"className":"alignwide","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull alignwide" style="border-radius:10px;padding-top:50px;padding-right:15px;padding-bottom:50px;padding-left:15px"><!-- wp:heading {"textAlign":"center","style":{"color":{"background":"#ffffff00"},"typography":{"fontStyle":"normal","fontWeight":"800","fontSize":"1.81em","textTransform":"uppercase","lineHeight":"1.3","letterSpacing":"1px"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-background" style="background-color:#ffffff00;font-size:1.81em;font-style:normal;font-weight:800;letter-spacing:1px;line-height:1.3;text-transform:uppercase">Our Shared Hosting <br>Plans</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"#ffffffc2"}}},"color":{"text":"#ffffffc2"}},"fontSize":"medium"} -->
<p class="has-text-align-center has-text-color has-link-color has-medium-font-size" style="color:#ffffffc2">Fast, secure, and affordable hosting plans for any budget</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"verticalAlignment":"center","align":"full","style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"30px"}}}} -->
<div class="wp-block-columns alignfull are-vertically-aligned-center" style="border-radius:10px;padding-top:30px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"border":{"radius":"10px","color":"#ffffff38","width":"2px"},"spacing":{"padding":{"top":"40px","right":"20px","bottom":"40px","left":"20px"},"margin":{"top":"40px"}},"dimensions":{"minHeight":"330px"},"color":{"gradient":"linear-gradient(135deg,rgba(255,255,255,0.11) 2%,rgba(11,19,43,0.34) 100%)"}}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#ffffff38;border-width:2px;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,0.11) 2%,rgba(11,19,43,0.34) 100%);min-height:330px;margin-top:40px;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"lineHeight":"1","fontSize":"19px"}},"textColor":"white"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:19px;line-height:1">基本</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size"><strong>£39 / month</strong></p>
<!-- /wp:paragraph -->

<!-- wp:list {"style":{"elements":{"link":{"color":{"text":"#ffffffd6"}}},"color":{"text":"#ffffffd6"}}} -->
<ul style="color:#ffffffd6" class="has-text-color has-link-color"><!-- wp:list-item -->
<li>Domain name</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>3 Websites</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>20 GB SSD</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>30 Mailboxes</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"border":{"radius":"5px","color":"#ffffff5c","width":"1px"},"color":{"background":"#ffffff2e"}},"className":"aligncenter"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background has-border-color wp-element-button" style="border-color:#ffffff5c;border-width:1px;border-radius:5px;background-color:#ffffff2e;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><strong>BUY NOW</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"border":{"radius":"10px","color":"#ffffff38","width":"2px"},"spacing":{"padding":{"top":"40px","right":"20px","bottom":"80px","left":"20px"},"margin":{"top":"0px"}},"dimensions":{"minHeight":"330px"},"color":{"gradient":"linear-gradient(135deg,rgba(255,255,255,0.11) 2%,rgba(11,19,43,0.34) 100%)"}}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#ffffff38;border-width:2px;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,0.11) 2%,rgba(11,19,43,0.34) 100%);min-height:330px;margin-top:0px;padding-top:40px;padding-right:20px;padding-bottom:80px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"lineHeight":"1","fontSize":"19px"}},"textColor":"white"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:19px;line-height:1">標準</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size"><strong>£69 / month</strong></p>
<!-- /wp:paragraph -->

<!-- wp:list {"style":{"color":{"text":"#ffffffd6"},"elements":{"link":{"color":{"text":"#ffffffd6"}}}}} -->
<ul style="color:#ffffffd6" class="has-text-color has-link-color"><!-- wp:list-item -->
<li>Domain name</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Unlimited websites</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Unmetered SSD</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Unlimited mailboxes</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"border":{"radius":"5px","color":"#ffffff5c","width":"1px"},"color":{"background":"#ffffff2e"}},"className":"aligncenter"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background has-border-color wp-element-button" style="border-color:#ffffff5c;border-width:1px;border-radius:5px;background-color:#ffffff2e;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><strong>BUY NOW</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"border":{"radius":"10px","color":"#ffffff38","width":"2px"},"spacing":{"padding":{"top":"40px","right":"20px","bottom":"40px","left":"20px"},"margin":{"top":"40px"}},"dimensions":{"minHeight":"330px"},"color":{"gradient":"linear-gradient(135deg,rgba(255,255,255,0.11) 2%,rgba(11,19,43,0.34) 100%)"}}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#ffffff38;border-width:2px;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,0.11) 2%,rgba(11,19,43,0.34) 100%);min-height:330px;margin-top:40px;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"lineHeight":"1","fontSize":"19px"}},"textColor":"white"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:19px;line-height:1">プロ</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size"><strong>£99 / month</strong></p>
<!-- /wp:paragraph -->

<!-- wp:list {"style":{"color":{"text":"#ffffffd6"},"elements":{"link":{"color":{"text":"#ffffffd6"}}}}} -->
<ul style="color:#ffffffd6" class="has-text-color has-link-color"><!-- wp:list-item -->
<li>Domain name</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Unlimited websites</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>50 GB SSD</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Unlimited mailboxes</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"border":{"radius":"5px","color":"#ffffff5c","width":"1px"},"color":{"background":"#ffffff2e"}},"className":"aligncenter"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background has-border-color wp-element-button" style="border-color:#ffffff5c;border-width:1px;border-radius:5px;background-color:#ffffff2e;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><strong>BUY NOW</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->