OwlCyberSecurity - MANAGER

Edit File: pricing-table.php

<?php /** * Title: Pricing Table * Slug: inspiro/pricing-table * Description: * Categories: inspiro, columns * Keywords: * Viewport Width: 1280 * Block Types: * Post Types: * Inserter: true * Custom Categories: Inspiro */ register_block_pattern_category( 'inspiro', [ 'label' => __( 'Inspiro', 'inspiro' ), 'pm_custom' => true ] ); ?> <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px"}}},"layout":{"type":"constrained"}} --> <div class="wp-block-group alignfull" style="margin-top:0px"><!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:heading {"className":"has-text-align-left has-x-large-font-size"} --> <h2 class="wp-block-heading has-text-align-left has-x-large-font-size" id="pricing-table">Pricing Table</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center"></p> <!-- /wp:paragraph --> <!-- wp:columns {"className":"has-smaller-left-margin"} --> <div class="wp-block-columns has-smaller-left-margin"><!-- wp:column {"style":{"spacing":{"blockGap":"0px","padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"backgroundColor":"background","className":"is-style-shadow"} --> <div class="wp-block-column is-style-shadow has-background-background-color has-background" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"30px","bottom":"20px","left":"30px"}},"border":{"radius":{"topLeft":"20px","topRight":"20px"}}},"backgroundColor":"secondary","textColor":"background"} --> <div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px"><!-- wp:spacer {"height":"20px"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"30px"}},"textColor":"white"} --> <h3 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:30px">Starter </h3> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":5,"style":{"color":{"text":"#ffffff99"}}} --> <h5 class="wp-block-heading has-text-align-center has-text-color" style="color:#ffffff99">$99/year</h5> <!-- /wp:heading --> <!-- wp:spacer {"height":"20px"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"},"blockGap":"10px"},"border":{"style":"none","width":"0px"}}} --> <div class="wp-block-group" style="border-style:none;border-width:0px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #1</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #2</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #3</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #4</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #5</p> <!-- /wp:paragraph --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"40px"}}}} --> <div class="wp-block-buttons" style="margin-top:40px"><!-- wp:button {"style":{"border":{"radius":"5px"}}} --> <div class="wp-block-button"><a class="wp-block-button__link wp-element-button" style="border-radius:5px">Sign Up Now</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"blockGap":"0px","padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"border":{"width":"0px","style":"none"}},"backgroundColor":"background","className":"is-style-shadow"} --> <div class="wp-block-column is-style-shadow has-background-background-color has-background" style="border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"30px","bottom":"20px","left":"30px"}},"border":{"radius":{"topLeft":"20px","topRight":"20px"}}},"backgroundColor":"primary","textColor":"background","layout":{"type":"constrained"}} --> <div class="wp-block-group has-background-color has-primary-background-color has-text-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px"><!-- wp:spacer {"height":"20px"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"30px"}},"textColor":"white"} --> <h3 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:30px">Professional </h3> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":5,"style":{"color":{"text":"#ffffff99"}}} --> <h5 class="wp-block-heading has-text-align-center has-text-color" style="color:#ffffff99">$199/year</h5> <!-- /wp:heading --> <!-- wp:spacer {"height":"20px"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"},"blockGap":"10px"},"border":{"style":"none","width":"0px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="border-style:none;border-width:0px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #1</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #2</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #3</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #4</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #5</p> <!-- /wp:paragraph --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"40px"}}}} --> <div class="wp-block-buttons" style="margin-top:40px"><!-- wp:button {"style":{"border":{"radius":"5px"}}} --> <div class="wp-block-button"><a class="wp-block-button__link wp-element-button" style="border-radius:5px">Sign Up Now</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"blockGap":"0px","padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"border":{"width":"0px","style":"none"}},"backgroundColor":"background","className":"is-style-shadow"} --> <div class="wp-block-column is-style-shadow has-background-background-color has-background" style="border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"30px","bottom":"20px","left":"30px"}},"border":{"radius":{"topLeft":"20px","topRight":"20px"}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"}} --> <div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background" style="border-top-left-radius:20px;border-top-right-radius:20px;padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px"><!-- wp:spacer {"height":"20px"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"30px"}},"textColor":"white"} --> <h3 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:30px">Agency </h3> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":5,"style":{"color":{"text":"#ffffff99"}}} --> <h5 class="wp-block-heading has-text-align-center has-text-color" style="color:#ffffff99">$399/year</h5> <!-- /wp:heading --> <!-- wp:spacer {"height":"20px"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"},"blockGap":"10px"},"border":{"style":"none","width":"0px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="border-style:none;border-width:0px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px"><!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #1</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #2</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #3</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #4</p> <!-- /wp:paragraph --> <!-- wp:separator {"backgroundColor":"lightgrey","className":"is-style-wide"} --> <hr class="wp-block-separator has-text-color has-lightgrey-color has-alpha-channel-opacity has-lightgrey-background-color has-background is-style-wide"/> <!-- /wp:separator --> <!-- wp:paragraph {"align":"center","fontSize":"small"} --> <p class="has-text-align-center has-small-font-size">Feature #5</p> <!-- /wp:paragraph --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"40px"}}}} --> <div class="wp-block-buttons" style="margin-top:40px"><!-- wp:button {"style":{"border":{"radius":"5px"}}} --> <div class="wp-block-button"><a class="wp-block-button__link wp-element-button" style="border-radius:5px">Sign Up Now</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group -->