{"id":931675,"date":"2025-05-28T12:49:57","date_gmt":"2025-05-28T12:49:57","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/gradient-pricing-table-3-tier-plan-layout-sq\/"},"modified":"2026-04-19T19:06:42","modified_gmt":"2026-04-19T19:06:42","slug":"gradient-pricing-table-3-tier-plan-layout-sq","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/gradient-pricing-table-3-tier-plan-layout-sq\/","title":{"rendered":"Gradient Pricing Table \u2013 3 Tier Plan Layout"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-ae5592ab wp-block-group-is-layout-constrained\" style=\"padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px\">\n<h1 class=\"wp-block-heading has-text-align-center\" style=\"font-size:40px\"><strong>What is Lorem Ipsum?<\/strong><\/h1>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-ae5592ab wp-block-group-is-layout-constrained\" style=\"padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-2ca14e99 wp-block-columns-is-layout-flex\" style=\"padding-right:50px;padding-left:50px\">\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:20px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;box-shadow:var(--wp--preset--shadow--natural)\">\n<p class=\"has-text-align-center wp-block-paragraph\">Name your plan<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:60px;line-height:1\"><strong>$60<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-36078703 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color has-text-align-center wp-element-button\" style=\"border-radius:10px;padding-top:10px;padding-right:32px;padding-bottom:10px;padding-left:32px;text-transform:capitalize\">thirrje p\u00ebr veprim<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-midnight-gradient-background has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:20px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px\">\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color wp-elements-a29a23341a93db2d76df9981f5ec1809 wp-block-paragraph\">Name your plan<\/p>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color wp-elements-c0beafcb79e3c58f495ef48169464d86 wp-block-paragraph\" style=\"font-size:60px;line-height:1\"><strong>$80<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color wp-elements-bc009badbdcc7bd72f0d513dc111422f wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-36078703 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color has-text-align-center wp-element-button\" style=\"border-radius:10px;padding-top:10px;padding-right:32px;padding-bottom:10px;padding-left:32px;text-transform:capitalize\">thirrje p\u00ebr veprim<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:20px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;box-shadow:var(--wp--preset--shadow--natural)\">\n<p class=\"has-text-align-center wp-block-paragraph\">Name your plan<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:60px;line-height:1\"><strong>$120<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-36078703 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color has-text-align-center wp-element-button\" style=\"border-radius:10px;padding-top:10px;padding-right:32px;padding-bottom:10px;padding-left:32px;text-transform:capitalize\">thirrje p\u00ebr veprim<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":16902777,"parent":930225,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"Tabel\u00eb \u00c7mimesh, 3 column pricing, gradient pricing table, pricing plans","wpop_description":"A clean, responsive, and modern 3-column pricing table design featuring a highlighted middle plan with a gradient background.","wpop_viewport_width":1200,"wpop_block_types":[""],"wpop_locale":"sq","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[42,3,63],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-931675","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-call-to-action","wporg-pattern-category-columns","wporg-pattern-category-services"],"category_slugs":["call-to-action","columns","services"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"className\":\"alignfull\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"50px\",\"bottom\":\"50px\",\"left\":\"50px\",\"right\":\"50px\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull\" style=\"padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":1,\"style\":{\"typography\":{\"fontSize\":\"40px\"}}} -->\n<h1 class=\"wp-block-heading has-text-align-center\" style=\"font-size:40px\"><strong>What is Lorem Ipsum?<\/strong><\/h1>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"alignfull\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"50px\",\"bottom\":\"50px\",\"left\":\"50px\",\"right\":\"50px\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull\" style=\"padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px\"><!-- wp:columns {\"className\":\"alignfull\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"50px\",\"left\":\"50px\"},\"blockGap\":{\"left\":\"25px\"}}}} -->\n<div class=\"wp-block-columns alignfull\" style=\"padding-right:50px;padding-left:50px\"><!-- wp:column {\"style\":{\"shadow\":\"var:preset|shadow|natural\",\"spacing\":{\"padding\":{\"top\":\"40px\",\"bottom\":\"40px\",\"left\":\"40px\",\"right\":\"40px\"}},\"border\":{\"radius\":\"20px\"}},\"backgroundColor\":\"white\"} -->\n<div class=\"wp-block-column has-white-background-color has-background\" style=\"border-radius:20px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;box-shadow:var(--wp--preset--shadow--natural)\"><!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">Name your plan<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"60px\",\"lineHeight\":\"1\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:60px;line-height:1\"><strong>$60<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\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. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"textColor\":\"white\",\"gradient\":\"vivid-cyan-blue-to-vivid-purple\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"spacing\":{\"padding\":{\"left\":\"32px\",\"right\":\"32px\",\"top\":\"10px\",\"bottom\":\"10px\"}},\"border\":{\"radius\":\"10px\"},\"typography\":{\"textTransform\":\"capitalize\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color has-text-align-center wp-element-button\" style=\"border-radius:10px;padding-top:10px;padding-right:32px;padding-bottom:10px;padding-left:32px;text-transform:capitalize\">thirrje p\u00ebr veprim<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"style\":{\"spacing\":{\"padding\":{\"top\":\"40px\",\"bottom\":\"40px\",\"left\":\"40px\",\"right\":\"40px\"}},\"border\":{\"radius\":\"20px\"}},\"gradient\":\"midnight\"} -->\n<div class=\"wp-block-column has-midnight-gradient-background has-background\" style=\"border-radius:20px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color\">Name your plan<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"60px\",\"lineHeight\":\"1\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color\" style=\"font-size:60px;line-height:1\"><strong>$80<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"textColor\":\"white\",\"gradient\":\"vivid-cyan-blue-to-vivid-purple\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"spacing\":{\"padding\":{\"left\":\"32px\",\"right\":\"32px\",\"top\":\"10px\",\"bottom\":\"10px\"}},\"border\":{\"radius\":\"10px\"},\"typography\":{\"textTransform\":\"capitalize\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color has-text-align-center wp-element-button\" style=\"border-radius:10px;padding-top:10px;padding-right:32px;padding-bottom:10px;padding-left:32px;text-transform:capitalize\">thirrje p\u00ebr veprim<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"style\":{\"shadow\":\"var:preset|shadow|natural\",\"spacing\":{\"padding\":{\"top\":\"40px\",\"bottom\":\"40px\",\"left\":\"40px\",\"right\":\"40px\"}},\"border\":{\"radius\":\"20px\"}}} -->\n<div class=\"wp-block-column\" style=\"border-radius:20px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;box-shadow:var(--wp--preset--shadow--natural)\"><!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">Name your plan<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"60px\",\"lineHeight\":\"1\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:60px;line-height:1\"><strong>$120<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\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. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"textColor\":\"white\",\"gradient\":\"vivid-cyan-blue-to-vivid-purple\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"spacing\":{\"padding\":{\"left\":\"32px\",\"right\":\"32px\",\"top\":\"10px\",\"bottom\":\"10px\"}},\"border\":{\"radius\":\"10px\"},\"typography\":{\"textTransform\":\"capitalize\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color has-text-align-center wp-element-button\" style=\"border-radius:10px;padding-top:10px;padding-right:32px;padding-bottom:10px;padding-left:32px;text-transform:capitalize\">thirrje p\u00ebr veprim<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"Hemant Kothari","url":"https:\/\/wordpress.org\/patterns\/author\/hdkothari81","avatar":"https:\/\/secure.gravatar.com\/avatar\/1e7d95635165e84cc92100a976aea5b305fcf9effb3eeb8885916f4a58b3f773?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/931675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/931675\/revisions"}],"predecessor-version":[{"id":932243,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/931675\/revisions\/932243"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/hdkothari81"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=931675"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=931675"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=931675"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=931675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}