pricing table

Pricing Table

Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum

Standard

$2.95

per Month

1.5GB SSD
1 site
1 Database
1 Email Email
No Support
get started
Ultimate

$4.35

per Month

7GB SSD
2 site
2 Database
2 Email Email
3 Months Support
get started
Pro

$5.95

per Month

10GB SSD
5 site
5 Database
5 Email Email
12 Months Support
get started
Pattern Code
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"60px","bottom":"60px"}},"color":{"background":"#eefcff"}},"layout":{"inherit":false}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#eefcff;padding-top:60px;padding-bottom:60px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","fontSize":"2.2em"}}} -->
<h2 class="has-text-align-center" style="font-size:2.2em;font-style:normal;font-weight:700;text-transform:uppercase"><strong>Pricing Table</strong></h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"textTransform":"capitalize","fontSize":"16px"}}} -->
<h6 class="has-text-align-center" style="font-size:16px;text-transform:capitalize">Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</h6>
<!-- /wp:heading -->

<!-- wp:group {"tagName":"section","className":"alignwide"} -->
<section class="wp-block-group alignwide"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"30px"}}}} -->
<div class="wp-block-columns" style="padding-top:30px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"border":{"radius":"20px","width":"5px"},"spacing":{"padding":{"top":"60px","right":"20px","bottom":"60px","left":"20px"}}},"borderColor":"white","backgroundColor":"white"} -->
<div class="wp-block-group has-border-color has-white-border-color has-white-background-color has-background" style="border-width:5px;border-radius:20px;padding-top:60px;padding-right:20px;padding-bottom:60px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":5} -->
<h5 class="has-text-align-center">Standard</h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","style":{"color":{"text":"#ea5728"},"typography":{"fontSize":"52px","lineHeight":0.7}}} -->
<h2 class="has-text-align-center has-text-color" style="color:#ea5728;font-size:52px;line-height:0.7"><strong>$2.95</strong></h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontSize":"14px"},"color":{"text":"#ea5728"}}} -->
<h6 class="has-text-align-center has-text-color" style="color:#ea5728;font-size:14px">per Month</h6>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>1.5GB SSD</li><li>1 site</li><li>1 Database</li><li>1 Email Email</li><li>No Support</li></ul>
<!-- /wp:list -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"background":"#ea5728"},"typography":{"fontSize":"18px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"20px","right":"20px"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:18px"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#ea5728;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px">get started</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":{"width":"5px","radius":"20px","color":"#ea5728"},"spacing":{"padding":{"top":"60px","right":"20px","bottom":"60px","left":"20px"}}},"backgroundColor":"white"} -->
<div class="wp-block-group has-border-color has-white-background-color has-background" style="border-color:#ea5728;border-width:5px;border-radius:20px;padding-top:60px;padding-right:20px;padding-bottom:60px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":5} -->
<h5 class="has-text-align-center">Ultimate</h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","style":{"color":{"text":"#ea5728"},"typography":{"fontSize":"52px","lineHeight":0.7}}} -->
<h2 class="has-text-align-center has-text-color" style="color:#ea5728;font-size:52px;line-height:0.7"><strong>$4.35</strong></h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontSize":"14px"},"color":{"text":"#ea5728"}}} -->
<h6 class="has-text-align-center has-text-color" style="color:#ea5728;font-size:14px">per Month</h6>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>7GB SSD</li><li>2 site</li><li>2 Database</li><li>2 Email Email</li><li>3 Months Support</li></ul>
<!-- /wp:list -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"background":"#ea5728"},"typography":{"fontSize":"18px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"20px","right":"20px"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:18px"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#ea5728;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px">get started</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":"20px","width":"5px"},"spacing":{"padding":{"top":"60px","right":"20px","bottom":"60px","left":"20px"}}},"borderColor":"white","backgroundColor":"white"} -->
<div class="wp-block-group has-border-color has-white-border-color has-white-background-color has-background" style="border-width:5px;border-radius:20px;padding-top:60px;padding-right:20px;padding-bottom:60px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":5} -->
<h5 class="has-text-align-center">Pro</h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","style":{"color":{"text":"#ea5728"},"typography":{"fontSize":"52px","lineHeight":0.7}}} -->
<h2 class="has-text-align-center has-text-color" style="color:#ea5728;font-size:52px;line-height:0.7"><strong>$5.95</strong></h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontSize":"14px"},"color":{"text":"#ea5728"}}} -->
<h6 class="has-text-align-center has-text-color" style="color:#ea5728;font-size:14px">per Month</h6>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>10GB SSD</li><li>5 site</li><li>5 Database</li><li>5 Email Email</li><li>12 Months Support</li></ul>
<!-- /wp:list -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"background":"#ea5728"},"typography":{"fontSize":"18px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"20px","right":"20px"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:18px"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#ea5728;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px">get started</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></section>
<!-- /wp:group --></div>
<!-- /wp:group -->