{"id":534096,"date":"2024-04-22T03:39:01","date_gmt":"2024-04-22T03:39:01","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/card-band-block-it_it\/"},"modified":"2026-06-16T08:46:16","modified_gmt":"2026-06-16T08:46:16","slug":"card-band-block-it_it","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/card-band-block-it_it\/","title":{"rendered":"Card Band Block"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-color has-contrast-2-border-color is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px\">\n<div class=\"wp-block-cover\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;min-height:381px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient\" style=\"background:linear-gradient(350deg,rgb(29,12,98) 48%,rgb(214,34,124) 100%)\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-229\" alt=\"uomo con giacca di pelle nera che suona la chitarra\" src=\"https:\/\/ifoa.netsons.org\/wp-content\/uploads\/2024\/04\/tmbmlavxrzq.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-border-color has-contrast-2-border-color is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-bfeaa10d wp-block-group-is-layout-flex\" style=\"border-width:1px;padding-right:1.2vw;padding-left:1.2vw\">\n<h3 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color wp-elements-c651c766efc0c591c7ebacdeab3c4b80\" style=\"font-size:17px;text-transform:uppercase\">LOREM IPSUM<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:55px\"><sup>$<\/sup><strong>100.<\/strong><sup>00<\/sup><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-buttons is-horizontal is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-buttons-is-layout-e385545c 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 has-background has-border-color has-white-border-color has-text-align-center wp-element-button\" style=\"border-width:1px;border-radius:0px;background-color:#9a1e66\">CTA<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">lorem ipsum data<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:5px\">Lorem Ipsum \u00e8 un testo segnaposto utilizzato nel settore della tipografia e della stampa.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color has-contrast-2-border-color is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px\">\n<div class=\"wp-block-cover\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;min-height:381px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient\" style=\"background:linear-gradient(350deg,rgb(29,12,98) 48%,rgb(214,34,124) 100%)\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-229\" alt=\"uomo con giacca di pelle nera che suona la chitarra\" src=\"https:\/\/ifoa.netsons.org\/wp-content\/uploads\/2024\/04\/tmbmlavxrzq.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-border-color has-contrast-2-border-color is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-bfeaa10d wp-block-group-is-layout-flex\" style=\"border-width:1px;padding-right:1.2vw;padding-left:1.2vw\">\n<h3 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color wp-elements-c651c766efc0c591c7ebacdeab3c4b80\" style=\"font-size:17px;text-transform:uppercase\">LOREM IPSUM<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:55px\"><sup>$<\/sup><strong>100.<\/strong><sup>00<\/sup><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-buttons is-horizontal is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-buttons-is-layout-e385545c 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 has-background has-border-color has-white-border-color has-text-align-center wp-element-button\" style=\"border-width:1px;border-radius:0px;background-color:#9a1e66\">CTA<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">lorem ipsum data<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:5px\">Lorem Ipsum \u00e8 un testo segnaposto utilizzato nel settore della tipografia e della stampa.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":15246468,"parent":533540,"template":"","meta":{"wpop_keywords":"band, Prezzo","wpop_description":"","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\/cover,core\/group,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[3],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-534096","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-columns"],"category_slugs":["columns"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"style\":{\"border\":{\"width\":\"1px\"}},\"borderColor\":\"contrast-2\"} -->\n<div class=\"wp-block-column has-border-color has-contrast-2-border-color\" style=\"border-width:1px\"><!-- wp:cover {\"url\":\"https:\/\/ifoa.netsons.org\/wp-content\/uploads\/2024\/04\/tmbmlavxrzq.jpg\",\"id\":229,\"alt\":\"man in black leather jacket playing guitar\",\"dimRatio\":80,\"isUserOverlayColor\":true,\"minHeight\":381,\"minHeightUnit\":\"px\",\"customGradient\":\"linear-gradient(350deg,rgb(29,12,98) 48%,rgb(214,34,124) 100%)\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"bottom\":\"0\"},\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-cover\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;min-height:381px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient\" style=\"background:linear-gradient(350deg,rgb(29,12,98) 48%,rgb(214,34,124) 100%)\"><\/span><img class=\"wp-block-cover__image-background wp-image-229\" alt=\"uomo con giacca di pelle nera che suona la chitarra\" src=\"https:\/\/ifoa.netsons.org\/wp-content\/uploads\/2024\/04\/tmbmlavxrzq.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"left\":\"1.2vw\",\"right\":\"1.2vw\"}},\"border\":{\"width\":\"1px\"}},\"borderColor\":\"contrast-2\",\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"verticalAlignment\":\"center\",\"justifyContent\":\"center\",\"flexWrap\":\"nowrap\"}} -->\n<div class=\"wp-block-group has-border-color has-contrast-2-border-color\" style=\"border-width:1px;padding-right:1.2vw;padding-left:1.2vw\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":3,\"style\":{\"typography\":{\"textTransform\":\"uppercase\",\"fontSize\":\"17px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|base\"}}}},\"textColor\":\"base\"} -->\n<h3 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color\" style=\"font-size:17px;text-transform:uppercase\">LOREM IPSUM<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"55px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:55px\"><sup>$<\/sup><strong>100.<\/strong><sup>00<\/sup><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"right\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|30\"}}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"space-between\",\"flexWrap\":\"nowrap\",\"orientation\":\"horizontal\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"width\":100,\"style\":{\"border\":{\"radius\":\"0px\",\"width\":\"1px\"},\"color\":{\"background\":\"#9a1e66\"}},\"borderColor\":\"white\",\"className\":\"is-style-fill\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link has-background has-border-color has-white-border-color has-text-align-center wp-element-button\" style=\"border-width:1px;border-radius:0px;background-color:#9a1e66\">CTA<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">lorem ipsum data<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"5px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:5px\">Lorem Ipsum \u00e8 un testo segnaposto utilizzato nel settore della tipografia e della stampa.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"style\":{\"border\":{\"width\":\"1px\"}},\"borderColor\":\"contrast-2\"} -->\n<div class=\"wp-block-column has-border-color has-contrast-2-border-color\" style=\"border-width:1px\"><!-- wp:cover {\"url\":\"https:\/\/ifoa.netsons.org\/wp-content\/uploads\/2024\/04\/tmbmlavxrzq.jpg\",\"id\":229,\"alt\":\"man in black leather jacket playing guitar\",\"dimRatio\":80,\"isUserOverlayColor\":true,\"minHeight\":381,\"minHeightUnit\":\"px\",\"customGradient\":\"linear-gradient(350deg,rgb(29,12,98) 48%,rgb(214,34,124) 100%)\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"bottom\":\"0\"},\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-cover\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;min-height:381px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient\" style=\"background:linear-gradient(350deg,rgb(29,12,98) 48%,rgb(214,34,124) 100%)\"><\/span><img class=\"wp-block-cover__image-background wp-image-229\" alt=\"uomo con giacca di pelle nera che suona la chitarra\" src=\"https:\/\/ifoa.netsons.org\/wp-content\/uploads\/2024\/04\/tmbmlavxrzq.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"left\":\"1.2vw\",\"right\":\"1.2vw\"}},\"border\":{\"width\":\"1px\"}},\"borderColor\":\"contrast-2\",\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"verticalAlignment\":\"center\",\"justifyContent\":\"center\",\"flexWrap\":\"nowrap\"}} -->\n<div class=\"wp-block-group has-border-color has-contrast-2-border-color\" style=\"border-width:1px;padding-right:1.2vw;padding-left:1.2vw\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":3,\"style\":{\"typography\":{\"textTransform\":\"uppercase\",\"fontSize\":\"17px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|base\"}}}},\"textColor\":\"base\"} -->\n<h3 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color\" style=\"font-size:17px;text-transform:uppercase\">LOREM IPSUM<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"55px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:55px\"><sup>$<\/sup><strong>100.<\/strong><sup>00<\/sup><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"right\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|30\"}}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"space-between\",\"flexWrap\":\"nowrap\",\"orientation\":\"horizontal\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"width\":100,\"style\":{\"border\":{\"radius\":\"0px\",\"width\":\"1px\"},\"color\":{\"background\":\"#9a1e66\"}},\"borderColor\":\"white\",\"className\":\"is-style-fill\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link has-background has-border-color has-white-border-color has-text-align-center wp-element-button\" style=\"border-width:1px;border-radius:0px;background-color:#9a1e66\">CTA<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">lorem ipsum data<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"5px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:5px\">Lorem Ipsum \u00e8 un testo segnaposto utilizzato nel settore della tipografia e della stampa.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"paolobortolotti","url":"https:\/\/it.wordpress.org\/patterns\/author\/paolobortolotti","avatar":"https:\/\/secure.gravatar.com\/avatar\/98df011be9df8e65602bef8a2d11f184acff3d5420f3ffda992722fbf9381056?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\/534096","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\/534096\/revisions"}],"predecessor-version":[{"id":536667,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/534096\/revisions\/536667"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/paolobortolotti"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=534096"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=534096"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=534096"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=534096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}