{"id":422534,"date":"2023-10-12T08:37:05","date_gmt":"2023-10-12T08:37:05","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/gradient-pricing-table-with-feature-lists-it_it\/"},"modified":"2026-06-16T21:25:28","modified_gmt":"2026-06-16T21:25:28","slug":"gradient-pricing-table-with-feature-lists-it_it","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/gradient-pricing-table-with-feature-lists-it_it\/","title":{"rendered":"Gradient Pricing Table With Feature Lists"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-2966e5ee wp-block-columns-is-layout-flex\" style=\"margin-bottom:0\">\n<div class=\"wp-block-column has-blush-bordeaux-gradient-background has-text-color has-background has-link-color wp-elements-22d938cec636c0e720ff8a48794f0fe1 is-layout-flow wp-block-column-is-layout-flow\" style=\"color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-c5964ae20cee42691a7898043e58ec27\" id=\"single\" style=\"font-size:40px\"><strong>Brand<\/strong><\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-css-opacity has-background is-style-wide\" style=\"background-color:#000000;color:#000000\" \/>\n\n\n\n<ul class=\"has-black-color has-text-color has-link-color has-normal-font-size wp-block-list wp-elements-c8ceff34eaa6045e92fb9a7a2f38a6c6\" style=\"line-height:1.3\">\n<li class=\"has-medium-font-size\">Caratteristica 1<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Caratteristica 2<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Caratteristica 3<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons alignfull is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-e33c1741 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-color has-text-color has-background no-border-radius wp-element-button\" style=\"background-color:#000000\">$299\/anno<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-text-color has-background has-link-color wp-elements-55c15f0eeef22f841cda888f6b155919 is-layout-flow wp-block-column-is-layout-flow\" style=\"color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-f803bb1f278d9d32808cd2902f67129f\" id=\"family\" style=\"font-size:40px\"><strong>Agency<\/strong><\/h2>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\" \/>\n\n\n\n<ul class=\"has-normal-font-size wp-block-list\" style=\"line-height:1.31\">\n<li class=\"has-medium-font-size\">Caratteristica 1<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Caratteristica 2<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Caratteristica 3<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Caratteristica 4<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons alignfull is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-5f5bcb3d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-white-color has-text-color has-background no-border-radius wp-element-button\" style=\"background-color:#000000\">$369\/anno<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-text-color has-background has-link-color wp-elements-0a7d9e73eb9da848d85d3692ad29e896 is-layout-flow wp-block-column-is-layout-flow\" style=\"color:#000000;background:linear-gradient(307deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-48c09a57a5bca6fdf8ab6d209affdd03\" id=\"patron\" style=\"font-size:40px\">PRO<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\" \/>\n\n\n\n<ul class=\"has-normal-font-size wp-block-list\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40);line-height:1.3\">\n<li class=\"has-medium-font-size\">Caratteristica 1<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Caratteristica 2<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Caratteristica 3<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Caratteristica 4<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Caratteristica 5<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons alignfull is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-5f5bcb3d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-white-color has-text-color has-background no-border-radius wp-element-button\" style=\"background-color:#000000\">$400 \/ anno<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":20874571,"parent":420179,"template":"","meta":{"wpop_keywords":"","wpop_description":"Gradient Pricing Table Bordered Button List Feature items Responsive","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"it_IT","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/heading,core\/list,core\/list-item,core\/separator","footnotes":""},"pattern-categories":[2,3],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-422534","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-columns"],"category_slugs":["buttons","columns"],"keyword_slugs":[],"pattern_content":"<!-- wp:columns {\"align\":\"wide\",\"style\":{\"spacing\":{\"margin\":{\"bottom\":\"0\"}}}} -->\n<div class=\"wp-block-columns alignwide\" style=\"margin-bottom:0\"><!-- wp:column {\"width\":\"\",\"style\":{\"color\":{\"text\":\"#000000\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#000000\"}}},\"spacing\":{\"padding\":{\"top\":\"2em\",\"right\":\"2em\",\"bottom\":\"2em\",\"left\":\"2em\"}}},\"gradient\":\"blush-bordeaux\"} -->\n<div class=\"wp-block-column has-blush-bordeaux-gradient-background has-text-color has-background has-link-color\" style=\"color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"40px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color\" id=\"single\" style=\"font-size:40px\"><strong>Brand<\/strong><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:separator {\"opacity\":\"css\",\"style\":{\"color\":{\"background\":\"#000000\"}},\"className\":\"is-style-wide\"} -->\n<hr class=\"wp-block-separator has-text-color has-css-opacity has-background is-style-wide\" style=\"background-color:#000000;color:#000000\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:list {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"typography\":{\"lineHeight\":\"1.3\"}},\"textColor\":\"black\",\"fontSize\":\"normal\"} -->\n<ul class=\"has-black-color has-text-color has-link-color has-normal-font-size\" style=\"line-height:1.3\"><!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 1<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 2<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 3<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:buttons {\"align\":\"full\",\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\",\"orientation\":\"horizontal\",\"verticalAlignment\":\"bottom\"}} -->\n<div class=\"wp-block-buttons alignfull\"><!-- wp:button {\"textColor\":\"white\",\"width\":100,\"style\":{\"color\":{\"background\":\"#000000\"},\"border\":{\"radius\":0}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline\"><a class=\"wp-block-button__link has-white-color has-text-color has-background no-border-radius wp-element-button\" style=\"background-color:#000000\">$299\/anno<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"style\":{\"color\":{\"text\":\"#000000\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#000000\"}}},\"spacing\":{\"padding\":{\"top\":\"2em\",\"right\":\"2em\",\"bottom\":\"2em\",\"left\":\"2em\"}}},\"gradient\":\"luminous-vivid-amber-to-luminous-vivid-orange\"} -->\n<div class=\"wp-block-column has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-text-color has-background has-link-color\" style=\"color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"40px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color\" id=\"family\" style=\"font-size:40px\"><strong>Agency<\/strong><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:separator {\"opacity\":\"css\",\"className\":\"is-style-wide\"} -->\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:list {\"style\":{\"typography\":{\"lineHeight\":\"1.31\"}},\"fontSize\":\"normal\"} -->\n<ul class=\"has-normal-font-size\" style=\"line-height:1.31\"><!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 1<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 2<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 3<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 4<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:buttons {\"align\":\"full\",\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\",\"orientation\":\"horizontal\",\"verticalAlignment\":\"bottom\"}} -->\n<div class=\"wp-block-buttons alignfull\"><!-- wp:button {\"textColor\":\"white\",\"width\":100,\"style\":{\"color\":{\"background\":\"#000000\"},\"border\":{\"radius\":0}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline\"><a class=\"wp-block-button__link has-white-color has-text-color has-background no-border-radius wp-element-button\" style=\"background-color:#000000\">$369\/anno<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"style\":{\"color\":{\"text\":\"#000000\",\"gradient\":\"linear-gradient(307deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#000000\"}}},\"spacing\":{\"padding\":{\"top\":\"2em\",\"right\":\"2em\",\"bottom\":\"2em\",\"left\":\"2em\"}}}} -->\n<div class=\"wp-block-column has-text-color has-background has-link-color\" style=\"color:#000000;background:linear-gradient(307deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"40px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color\" id=\"patron\" style=\"font-size:40px\">PRO<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:separator {\"opacity\":\"css\",\"className\":\"is-style-wide\"} -->\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:list {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|20\",\"bottom\":\"var:preset|spacing|20\",\"left\":\"var:preset|spacing|40\",\"right\":\"var:preset|spacing|40\"}},\"typography\":{\"lineHeight\":\"1.3\"}},\"fontSize\":\"normal\"} -->\n<ul class=\"has-normal-font-size\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40);line-height:1.3\"><!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 1<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 2<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 3<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 4<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item {\"fontSize\":\"medium\"} -->\n<li class=\"has-medium-font-size\">Caratteristica 5<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:buttons {\"align\":\"full\",\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\",\"orientation\":\"horizontal\",\"verticalAlignment\":\"bottom\"}} -->\n<div class=\"wp-block-buttons alignfull\"><!-- wp:button {\"textColor\":\"white\",\"width\":100,\"style\":{\"color\":{\"background\":\"#000000\"},\"border\":{\"radius\":0}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline\"><a class=\"wp-block-button__link has-white-color has-text-color has-background no-border-radius wp-element-button\" style=\"background-color:#000000\">$400 \/ anno<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","favorite_count":0,"author_meta":{"name":"Iftakharul Islam","url":"https:\/\/it.wordpress.org\/patterns\/author\/ifatwp","avatar":"https:\/\/secure.gravatar.com\/avatar\/cee8b8c9bed57c2b37cdbb472169273b8ce3bac55a8e6e762c1133f99f4f694b?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/422534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":2,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/422534\/revisions"}],"predecessor-version":[{"id":452255,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/422534\/revisions\/452255"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/ifatwp"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=422534"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=422534"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=422534"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=422534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}