FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
themes
/
fotawp
/
patterns
Edit File: pricing-table-block.php
<?php /** * Title: Pricing Tables * Slug: fotawp/pricing-table-block * Categories: fotawp-pricing */ ?> <!-- wp:group {"style":{"spacing":{"padding":{"top":"5.83rem","bottom":"8rem","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"layout":{"type":"constrained","contentSize":"1200px"}} --> <div class="wp-block-group" style="padding-top:5.83rem;padding-right:var(--wp--preset--spacing--40);padding-bottom:8rem;padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"layout":{"type":"constrained","contentSize":"860px"}} --> <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"44px"}}} --> <h1 class="wp-block-heading has-text-align-center" style="font-size:44px;font-style:normal;font-weight:600"><?php esc_html_e('Select Your Suitable Plan', 'fotawp') ?></h1> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","fontSize":"medium"} --> <p class="has-text-align-center has-medium-font-size"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'fotawp') ?></p> <!-- /wp:paragraph --> </div> <!-- /wp:group --> <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"30px"},"margin":{"top":"60px"}}}} --> <div class="wp-block-columns" style="margin-top:60px"><!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"0px","color":"#c3c1c1","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> <div class="wp-block-group has-border-color" style="border-color:#c3c1c1;border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} --> <h3 class="wp-block-heading has-text-align-center has-large-font-size" style="font-style:normal;font-weight:500"><?php esc_html_e('Regular', 'fotawp') ?></h3> <!-- /wp:heading --> <!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"},"margin":{"top":"var:preset|spacing|30"}},"border":{"bottom":{"color":"#ededed","width":"1px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group" style="border-bottom-color:#ededed;border-bottom-width:1px;margin-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"xxx-large"} --> <h1 class="wp-block-heading has-xxx-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('$19', 'fotawp') ?></h1> <!-- /wp:heading --> <!-- wp:heading {"level":5,"textColor":"light-gray","fontSize":"normal"} --> <h5 class="wp-block-heading has-light-gray-color has-text-color has-normal-font-size"><?php esc_html_e('Per user per month', 'fotawp') ?></h5> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"fontSize":"small"} --> <p class="has-text-align-center has-small-font-size" style="margin-top:var(--wp--preset--spacing--50)"><?php esc_html_e('Intuitive, world-class support tools for growing teams and agency', 'fotawp') ?></p> <!-- /wp:paragraph --> </div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Live Chat for support', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Ticketing Workflows', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Service Level Agreement Rules', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Role Based Permissions', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Outcome Reporting', 'fotawp') ?></h4> <!-- /wp:heading --> </div> <!-- /wp:group --> <!-- wp:group {"style":{"border":{"top":{"color":"#ededed","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group" style="border-top-color:#ededed;border-top-width:1px;padding-top:var(--wp--preset--spacing--60)"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons"><!-- wp:button {"width":100,"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link wp-element-button" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--70)"><?php esc_html_e('Get Started', 'fotawp') ?></a></div> <!-- /wp:button --> </div> <!-- /wp:buttons --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"0px","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50"}}},"borderColor":"primary","backgroundColor":"primary","layout":{"type":"constrained"}} --> <div class="wp-block-group has-border-color has-primary-border-color has-primary-background-color has-background" style="border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"elements":{"link":{"color":{"text":"var:preset|color|tertiary-light"}}}},"textColor":"tertiary-light","fontSize":"large"} --> <h3 class="wp-block-heading has-text-align-center has-tertiary-light-color has-text-color has-link-color has-large-font-size" style="font-style:normal;font-weight:500"><?php esc_html_e('Standard', 'fotawp') ?></h3> <!-- /wp:heading --> <!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"},"margin":{"top":"var:preset|spacing|30"}},"border":{"bottom":{"color":"var:preset|color|heading-color","width":"1px"},"top":{},"right":{},"left":{}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--heading-color);border-bottom-width:1px;margin-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|foregound-alt"}}}},"textColor":"foregound-alt","fontSize":"xxx-large"} --> <h1 class="wp-block-heading has-foregound-alt-color has-text-color has-link-color has-xxx-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('$39', 'fotawp') ?></h1> <!-- /wp:heading --> <!-- wp:heading {"level":5,"textColor":"background-alt","fontSize":"normal"} --> <h5 class="wp-block-heading has-background-alt-color has-text-color has-normal-font-size"><?php esc_html_e('Per user per month', 'fotawp') ?></h5> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}},"elements":{"link":{"color":{"text":"var:preset|color|foregound-alt"}}}},"textColor":"foregound-alt","fontSize":"small"} --> <p class="has-text-align-center has-foregound-alt-color has-text-color has-link-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--50)"><?php esc_html_e('Intuitive, world-class support tools for growing teams and agency', 'fotawp') ?></p> <!-- /wp:paragraph --> </div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foregound-alt"}}}},"textColor":"foregound-alt","fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-foregound-alt-color has-text-color has-link-color has-normal-font-size"><?php esc_html_e('Live Chat for support', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foregound-alt"}}}},"textColor":"foregound-alt","fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-foregound-alt-color has-text-color has-link-color has-normal-font-size"><?php esc_html_e('Ticketing Workflows', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foregound-alt"}}}},"textColor":"foregound-alt","fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-foregound-alt-color has-text-color has-link-color has-normal-font-size"><?php esc_html_e('Service Level Agreement Rules', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foregound-alt"}}}},"textColor":"foregound-alt","fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-foregound-alt-color has-text-color has-link-color has-normal-font-size"><?php esc_html_e('Role Based Permissions', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|foregound-alt"}}}},"textColor":"foregound-alt","fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-foregound-alt-color has-text-color has-link-color has-normal-font-size"><?php esc_html_e('Outcome Reporting', 'fotawp') ?></h4> <!-- /wp:heading --> </div> <!-- /wp:group --> <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|heading-color","width":"1px"},"right":{},"bottom":{},"left":{}},"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--heading-color);border-top-width:1px;padding-top:var(--wp--preset--spacing--60)"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"accent-lite","textColor":"foregound-alt","width":100,"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|foregound-alt"}}}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foregound-alt-color has-accent-lite-background-color has-text-color has-background has-link-color wp-element-button" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--70)"><?php esc_html_e('Get Started', 'fotawp') ?></a></div> <!-- /wp:button --> </div> <!-- /wp:buttons --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"0px","color":"#c3c1c1","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} --> <div class="wp-block-group has-border-color" style="border-color:#c3c1c1;border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} --> <h3 class="wp-block-heading has-text-align-center has-large-font-size" style="font-style:normal;font-weight:500"><?php esc_html_e('Enterprises', 'fotawp') ?></h3> <!-- /wp:heading --> <!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|40"},"margin":{"top":"var:preset|spacing|30"}},"border":{"bottom":{"color":"#ededed","width":"1px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group" style="border-bottom-color:#ededed;border-bottom-width:1px;margin-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"xxx-large"} --> <h1 class="wp-block-heading has-xxx-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('$49', 'fotawp') ?></h1> <!-- /wp:heading --> <!-- wp:heading {"level":5,"textColor":"light-gray","fontSize":"normal"} --> <h5 class="wp-block-heading has-light-gray-color has-text-color has-normal-font-size"><?php esc_html_e('Per user per month', 'fotawp') ?></h5> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"fontSize":"small"} --> <p class="has-text-align-center has-small-font-size" style="margin-top:var(--wp--preset--spacing--50)"><?php esc_html_e('Intuitive, world-class support tools for growing teams and agency', 'fotawp') ?></p> <!-- /wp:paragraph --> </div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Live Chat for support', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Ticketing Workflows', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Service Level Agreement Rules', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Role Based Permissions', 'fotawp') ?></h4> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":4,"fontSize":"normal"} --> <h4 class="wp-block-heading has-text-align-center has-normal-font-size"><?php esc_html_e('Outcome Reporting', 'fotawp') ?></h4> <!-- /wp:heading --> </div> <!-- /wp:group --> <!-- wp:group {"style":{"border":{"top":{"color":"#ededed","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group" style="border-top-color:#ededed;border-top-width:1px;padding-top:var(--wp--preset--spacing--60)"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons"><!-- wp:button {"width":100,"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link wp-element-button" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--70)"><?php esc_html_e('Get Started', 'fotawp') ?></a></div> <!-- /wp:button --> </div> <!-- /wp:buttons --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> </div> <!-- /wp:group -->
Save
Back