{"id":1186299,"date":"2026-02-24T11:49:29","date_gmt":"2026-02-24T11:49:29","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/header-with-image-and-accordion-it_it\/"},"modified":"2026-06-15T19:22:20","modified_gmt":"2026-06-15T19:22:20","slug":"header-with-image-and-accordion-it_it","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/header-with-image-and-accordion-it_it\/","title":{"rendered":"Header with Image and Accordion"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-d1192e69 wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:32px;border-top-right-radius:32px;border-bottom-left-radius:32px;border-bottom-right-radius:32px;background-color:#f9f5ff;padding-top:var(--wp--preset--spacing--70);padding-right:50px;padding-bottom:var(--wp--preset--spacing--70);padding-left:50px\">\n<h1 class=\"wp-block-heading has-text-align-center has-inter-font-family has-heading-3-font-size\" style=\"font-style:normal;font-weight:800;line-height:1.3\"><strong><strong>Storyboard Accordion<\/strong><\/strong><\/h1>\n\n\n\n<p class=\"has-text-align-center has-inter-font-family has-large-font-size wp-block-paragraph\" style=\"font-style:normal;font-weight:500;line-height:1.8\">Display images and texts altogether in every row of the Accordion block.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZyY2VsbHBob25lX2NhbWVyYV9waG9uZV9tb2JpbGUtaW1hZ2Uta3liYnY2NWguanBn.jpg\" alt=\"Mobile phone camera\" style=\"border-top-left-radius:32px;border-top-right-radius:32px;border-bottom-left-radius:32px;border-bottom-right-radius:32px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-1&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item has-normal-font-size is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading has-inter-font-family has-large-font-size\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-1-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-1\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Why smartphone X is special? <\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-1\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-1-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"has-inter-font-family has-large-font-size wp-block-paragraph\">The new smartphone comes with a 6.8-inch AMOLED display, a 108MP triple-lens camera system, 5G connectivity, and advanced AI-powered features for seamless multitasking.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-2&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item has-normal-font-size is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading has-inter-font-family has-large-font-size\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-2-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-2\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Is it compatible with wireless charging?<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-2\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-2-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"has-inter-font-family has-large-font-size wp-block-paragraph\">Yes, the smartphone supports fast wireless charging and reverse wireless charging, making it convenient to charge compatible devices.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-3&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item has-normal-font-size is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading has-inter-font-family has-large-font-size\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-3-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-3\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Is the new smartphone water-resistant?<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-3\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-3-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"has-inter-font-family has-large-font-size wp-block-paragraph\">Absolutely! The smartphone is rated IP68, making it water-resistant up to 1.5 meters for 30 minutes and dustproof for enhanced durability.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23096127,"parent":1143886,"template":"","meta":{"wpop_keywords":"accordion, Immagine, Due colonne, header, Sezione Chi siamo, FAQ, content section, layout, responsive","wpop_description":"A two-column layout featuring a header, supporting paragraph, image on one side, and an accordion on the other. Ideal for About, Services, or FAQ sections.","wpop_viewport_width":1200,"wpop_block_types":[""],"wpop_locale":"it_IT","wpop_wp_version":"","wpop_contains_block_types":"core\/accordion,core\/accordion-heading,core\/accordion-item,core\/accordion-panel,core\/column,core\/columns,core\/group,core\/heading,core\/image,core\/paragraph","footnotes":""},"pattern-categories":[47,3,5,13,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1186299","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-about","wporg-pattern-category-columns","wporg-pattern-category-header","wporg-pattern-category-images","wporg-pattern-category-text"],"category_slugs":["about","columns","header","images","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"className\":\"alignfull\",\"style\":{\"color\":{\"background\":\"#f9f5ff\"},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|70\",\"bottom\":\"var:preset|spacing|70\",\"right\":\"50px\",\"left\":\"50px\"}},\"border\":{\"radius\":{\"topLeft\":\"32px\",\"topRight\":\"32px\",\"bottomLeft\":\"32px\",\"bottomRight\":\"32px\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull has-background\" style=\"border-top-left-radius:32px;border-top-right-radius:32px;border-bottom-left-radius:32px;border-bottom-right-radius:32px;background-color:#f9f5ff;padding-top:var(--wp--preset--spacing--70);padding-right:50px;padding-bottom:var(--wp--preset--spacing--70);padding-left:50px\"><!-- wp:heading {\"level\":1,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"800\",\"lineHeight\":\"1.3\",\"textAlign\":\"center\"}},\"fontSize\":\"heading-3\",\"fontFamily\":\"inter\"} -->\n<h1 class=\"wp-block-heading has-text-align-center has-inter-font-family has-heading-3-font-size\" style=\"font-style:normal;font-weight:800;line-height:1.3\"><strong><strong>Storyboard Accordion<\/strong><\/strong><\/h1>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"textAlign\":\"center\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"lineHeight\":\"1.8\"}},\"fontSize\":\"large\",\"fontFamily\":\"inter\"} -->\n<p class=\"has-text-align-center has-inter-font-family has-large-font-size\" style=\"font-style:normal;font-weight:500;line-height:1.8\">Display images and texts altogether in every row of the Accordion block.\u00a0<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:columns {\"verticalAlignment\":null,\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"50%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\" style=\"flex-basis:50%\"><!-- wp:image {\"id\":null,\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":{\"topLeft\":\"32px\",\"topRight\":\"32px\",\"bottomLeft\":\"32px\",\"bottomRight\":\"32px\"}}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZyY2VsbHBob25lX2NhbWVyYV9waG9uZV9tb2JpbGUtaW1hZ2Uta3liYnY2NWguanBn.jpg\" alt=\"Mobile phone camera\" style=\"border-top-left-radius:32px;border-top-right-radius:32px;border-bottom-left-radius:32px;border-bottom-right-radius:32px\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"50%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:50%\"><!-- wp:accordion -->\n<div role=\"group\" class=\"wp-block-accordion\"><!-- wp:accordion-item {\"fontSize\":\"normal\"} -->\n<div class=\"wp-block-accordion-item has-normal-font-size\"><!-- wp:accordion-heading {\"fontSize\":\"large\",\"fontFamily\":\"inter\"} -->\n<h3 class=\"wp-block-accordion-heading has-inter-font-family has-large-font-size\"><button type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Why smartphone X is special? <\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n<!-- \/wp:accordion-heading -->\n\n<!-- wp:accordion-panel -->\n<div role=\"region\" class=\"wp-block-accordion-panel\"><!-- wp:paragraph {\"fontSize\":\"large\",\"fontFamily\":\"inter\"} -->\n<p class=\"has-inter-font-family has-large-font-size\">The new smartphone comes with a 6.8-inch AMOLED display, a 108MP triple-lens camera system, 5G connectivity, and advanced AI-powered features for seamless multitasking.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:accordion-panel --><\/div>\n<!-- \/wp:accordion-item -->\n\n<!-- wp:accordion-item {\"fontSize\":\"normal\"} -->\n<div class=\"wp-block-accordion-item has-normal-font-size\"><!-- wp:accordion-heading {\"fontSize\":\"large\",\"fontFamily\":\"inter\"} -->\n<h3 class=\"wp-block-accordion-heading has-inter-font-family has-large-font-size\"><button type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Is it compatible with wireless charging?<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n<!-- \/wp:accordion-heading -->\n\n<!-- wp:accordion-panel -->\n<div role=\"region\" class=\"wp-block-accordion-panel\"><!-- wp:paragraph {\"fontSize\":\"large\",\"fontFamily\":\"inter\"} -->\n<p class=\"has-inter-font-family has-large-font-size\">Yes, the smartphone supports fast wireless charging and reverse wireless charging, making it convenient to charge compatible devices.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:accordion-panel --><\/div>\n<!-- \/wp:accordion-item -->\n\n<!-- wp:accordion-item {\"fontSize\":\"normal\"} -->\n<div class=\"wp-block-accordion-item has-normal-font-size\"><!-- wp:accordion-heading {\"fontSize\":\"large\",\"fontFamily\":\"inter\"} -->\n<h3 class=\"wp-block-accordion-heading has-inter-font-family has-large-font-size\"><button type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Is the new smartphone water-resistant?<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n<!-- \/wp:accordion-heading -->\n\n<!-- wp:accordion-panel -->\n<div role=\"region\" class=\"wp-block-accordion-panel\"><!-- wp:paragraph {\"fontSize\":\"large\",\"fontFamily\":\"inter\"} -->\n<p class=\"has-inter-font-family has-large-font-size\">Absolutely! The smartphone is rated IP68, making it water-resistant up to 1.5 meters for 30 minutes and dustproof for enhanced durability.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:accordion-panel --><\/div>\n<!-- \/wp:accordion-item --><\/div>\n<!-- \/wp:accordion --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"Hiral Solanki","url":"https:\/\/it.wordpress.org\/patterns\/author\/hiral26","avatar":"https:\/\/secure.gravatar.com\/avatar\/1c792cecc0dcaebd2b8a89abc315cea1c83b7f1646e21e1e56c85a38cc4fc439?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\/1186299","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":1,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1186299\/revisions"}],"predecessor-version":[{"id":1186929,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1186299\/revisions\/1186929"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/hiral26"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1186299"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1186299"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1186299"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1186299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}