Taula de preus

Basic

lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
$29 _/month
Compra ara
Standard

lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
$39 _/month
Compra ara
Premium

lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
$49 _/month
Compra ara
Codi del patró
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"backgroundColor":"luminous-vivid-amber"} -->
<div class="wp-block-column has-luminous-vivid-amber-background-color has-background" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"30px","letterSpacing":"5px"}},"textColor":"black"} -->
<h2 class="has-text-align-center has-black-color has-text-color" style="font-size:30px;letter-spacing:5px"><strong>Basic</strong></h2>
<!-- /wp:heading -->

<!-- wp:separator {"backgroundColor":"white","className":"is-style-twentytwentyone-separator-thick is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background is-style-twentytwentyone-separator-thick is-style-dots" />
<!-- /wp:separator -->

<!-- wp:list {"fontSize":"medium"} -->
<ul class="has-medium-font-size"><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li></ul>
<!-- /wp:list -->

<!-- wp:spacer {"height":"97px"} -->
<div style="height:97px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><strong>$29</strong> <sub>/month</sub></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"radius":"32px"}},"className":"is-style-fill","fontSize":"extra-small"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-fill has-extra-small-font-size"><a class="wp-block-button__link has-white-color has-text-color" style="border-radius:32px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px">Compra ara</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"backgroundColor":"luminous-vivid-amber"} -->
<div class="wp-block-column has-luminous-vivid-amber-background-color has-background" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"30px","letterSpacing":"5px"}}} -->
<h2 class="has-text-align-center" style="font-size:30px;letter-spacing:5px"><strong>Standard</strong></h2>
<!-- /wp:heading -->

<!-- wp:separator {"backgroundColor":"white","className":"is-style-twentytwentyone-separator-thick is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background is-style-twentytwentyone-separator-thick is-style-dots" />
<!-- /wp:separator -->

<!-- wp:list {"textColor":"black","fontSize":"medium"} -->
<ul class="has-black-color has-text-color has-medium-font-size"><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li></ul>
<!-- /wp:list -->

<!-- wp:spacer {"height":"31px"} -->
<div style="height:31px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size"><strong>$39</strong> <sub>/month</sub></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":100,"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"radius":"100px"}},"className":"is-style-fill","fontSize":"extra-small"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-fill has-extra-small-font-size"><a class="wp-block-button__link" style="border-radius:100px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px">Compra ara</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"backgroundColor":"luminous-vivid-amber"} -->
<div class="wp-block-column has-luminous-vivid-amber-background-color has-background" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"30px","letterSpacing":"5px"}}} -->
<h2 class="has-text-align-center" style="font-size:30px;letter-spacing:5px"><strong>Premium</strong></h2>
<!-- /wp:heading -->

<!-- wp:separator {"backgroundColor":"white","className":"is-style-twentytwentyone-separator-thick is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background is-style-twentytwentyone-separator-thick is-style-dots" />
<!-- /wp:separator -->

<!-- wp:list {"fontSize":"medium"} -->
<ul class="has-medium-font-size"><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li><li>lorem ipsum</li></ul>
<!-- /wp:list -->

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size"><strong>$49</strong> <sub>/month</sub></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":100,"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}},"border":{"radius":"100px"}},"className":"is-style-fill","fontSize":"extra-small"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-fill has-extra-small-font-size"><a class="wp-block-button__link" style="border-radius:100px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px">Compra ara</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->