{"id":32,"date":"2023-04-11T03:08:39","date_gmt":"2023-04-11T03:08:39","guid":{"rendered":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/?page_id=32"},"modified":"2023-06-14T21:24:45","modified_gmt":"2023-06-14T21:24:45","slug":"pricing-tables","status":"publish","type":"page","link":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/patterns\/pricing-tables\/","title":{"rendered":"Pricing Tables"},"content":{"rendered":"\n<p>The Crosswinds Framework comes with a variety of pricing table section options you can use for your homepage or landing pages.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull pricing-table-section pricing-table-two-columns has-global-padding is-layout-constrained wp-container-core-group-is-layout-1e8df017 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-small)\">\n<h2 class=\"wp-block-heading has-text-align-center\">Pricing Table<\/h2>\n\n\n\n<p class=\"has-text-align-center\">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.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column cb-flex-layout is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group pricing-column pricing-column-list-price-bottom has-neutral-background-color has-background last-bottom-layout cb-fill-height-parent has-global-padding is-layout-constrained wp-container-core-group-is-layout-467bef29 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\">\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:600\">Plan Title<\/p>\n\n\n\n<p class=\"has-max-36-font-size\" style=\"font-style:normal;font-weight:700\">$100\/mo<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Plan Feature<\/li>\n\n\n\n<li>Plan Feature<\/li>\n\n\n\n<li>Plan Feature<\/li>\n\n\n\n<li>Plan Feature<\/li>\n\n\n\n<li>Plan Feature<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Sign Up<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column cb-flex-layout is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group pricing-column pricing-column-list-price-bottom has-neutral-background-color has-background last-bottom-layout cb-fill-height-parent has-global-padding is-layout-constrained wp-container-core-group-is-layout-467bef29 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\">\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:600\">Plan Title<\/p>\n\n\n\n<p class=\"has-max-36-font-size\" style=\"font-style:normal;font-weight:700\">$100\/mo<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Plan Feature<\/li>\n\n\n\n<li>Plan Feature<\/li>\n\n\n\n<li>Plan Feature<\/li>\n\n\n\n<li>Plan Feature<\/li>\n\n\n\n<li>Plan Feature<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Sign Up<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull pricing-table-section pricing-table-three-columns has-global-padding is-layout-constrained wp-container-core-group-is-layout-1e8df017 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-small)\">\n<h2 class=\"wp-block-heading has-text-align-center\">Pricing Table<\/h2>\n\n\n\n<p class=\"has-text-align-center\">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.<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column cb-flex-layout is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group pricing-column pricing-column-paragraph-price-bottom has-neutral-background-color has-background last-bottom-layout cb-fill-height-parent has-global-padding is-layout-constrained wp-container-core-group-is-layout-467bef29 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\">\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:600\">Plan Title<\/p>\n\n\n\n<p class=\"has-max-36-font-size\" style=\"font-style:normal;font-weight:700\">$100\/mo<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-c40a8074 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Sign Up<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column cb-flex-layout is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group pricing-column pricing-column-list-price-top has-neutral-background-color has-background last-bottom-layout cb-fill-height-parent has-global-padding is-layout-constrained wp-container-core-group-is-layout-467bef29 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\">\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:600\">Plan Title<\/p>\n\n\n\n<p class=\"has-max-36-font-size\" style=\"font-style:normal;font-weight:700\">$100\/mo<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-c40a8074 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Sign Up<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column cb-flex-layout is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group pricing-column pricing-column-list-price-top has-neutral-background-color has-background last-bottom-layout cb-fill-height-parent has-global-padding is-layout-constrained wp-container-core-group-is-layout-467bef29 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\">\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:600\">Plan Title<\/p>\n\n\n\n<p class=\"has-max-36-font-size\" style=\"font-style:normal;font-weight:700\">$100\/mo<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-c40a8074 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Sign Up<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull pricing-table-section pricing-table-four-columns has-global-padding is-layout-constrained wp-container-core-group-is-layout-1e8df017 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-small)\">\n<h2 class=\"wp-block-heading has-text-align-center\">Pricing Table<\/h2>\n\n\n\n<p class=\"has-text-align-center\">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.<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column cb-flex-layout is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group pricing-column pricing-column-paragraph-price-top has-neutral-background-color has-background last-bottom-layout cb-fill-height-parent has-global-padding is-layout-constrained wp-container-core-group-is-layout-467bef29 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\">\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:600\">Plan Title<\/p>\n\n\n\n<p class=\"has-max-36-font-size\" style=\"font-style:normal;font-weight:700\">$100\/mo<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Sign Up<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-c40a8074 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column cb-flex-layout is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group pricing-column pricing-column-paragraph-price-top has-neutral-background-color has-background last-bottom-layout cb-fill-height-parent has-global-padding is-layout-constrained wp-container-core-group-is-layout-467bef29 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\">\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:600\">Plan Title<\/p>\n\n\n\n<p class=\"has-max-36-font-size\" style=\"font-style:normal;font-weight:700\">$100\/mo<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Sign Up<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-c40a8074 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column cb-flex-layout is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group pricing-column pricing-column-paragraph-price-top has-neutral-background-color has-background last-bottom-layout cb-fill-height-parent has-global-padding is-layout-constrained wp-container-core-group-is-layout-467bef29 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\">\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:600\">Plan Title<\/p>\n\n\n\n<p class=\"has-max-36-font-size\" style=\"font-style:normal;font-weight:700\">$100\/mo<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Sign Up<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-c40a8074 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column cb-flex-layout is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group pricing-column pricing-column-paragraph-price-top has-neutral-background-color has-background last-bottom-layout cb-fill-height-parent has-global-padding is-layout-constrained wp-container-core-group-is-layout-467bef29 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--x-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--x-small);padding-left:var(--wp--preset--spacing--x-small)\">\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:600\">Plan Title<\/p>\n\n\n\n<p class=\"has-max-36-font-size\" style=\"font-style:normal;font-weight:700\">$100\/mo<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Sign Up<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-c40a8074 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Plan Feature<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Crosswinds Framework comes with a variety of pricing table section options you can use for your homepage or landing pages. Pricing Table 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&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":0,"href":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/wp-json\/wp\/v2\/pages\/8"}],"wp:attachment":[{"href":"https:\/\/demo.jacobmartella.com\/crosswinds-framework\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}