{"id":1373631,"date":"2026-09-29T12:17:23","date_gmt":"2026-09-29T12:17:23","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=1373631"},"modified":"2026-09-29T12:17:23","modified_gmt":"2026-09-29T12:17:23","slug":"two-banner-full-width-and-height","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/two-banner-full-width-and-height\/","title":{"rendered":"Two banner full Width and Height"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-white-color has-black-background-color has-text-color has-background is-layout-constrained wp-container-core-group-is-layout-adbbfaf2 wp-block-group-is-layout-constrained\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-4d521c91 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4ac1af8b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover\" style=\"min-height:100vh;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZsNDk1ODQwMTUzMzctaW1hZ2Uta3liZWd3a2QuanBn.jpg\" data-object-fit=\"cover\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#42473f\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-3ca8ff36 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-white-color has-text-color has-link-color has-extra-small-font-size wp-elements-1 wp-block-paragraph\">Black Editor<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-left has-white-color has-text-color has-link-color wp-elements-2\" style=\"font-size:30px\">Extended<\/h1>\n\n\n\n<p class=\"has-text-align-left has-white-color has-text-color has-link-color wp-elements-3 wp-block-paragraph\" style=\"font-size:16px\">Explore and open new possibilities with our amazing new products.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div style=\"width: 150px;\" class=\"wp-block-button has-custom-width\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"#\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background-color:#afaa46\">View<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover is-light\" style=\"min-height:100vh;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQ0My0wNjA0LTE5NS1qal8xLmpwZw.jpg\" style=\"object-position:61% 31%\" data-object-fit=\"cover\" data-object-position=\"61% 31%\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#d6d7cb\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-3ca8ff36 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-charcoal-0-color has-text-color has-link-color has-extra-small-font-size wp-elements-4 wp-block-paragraph\">Light Editor<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-left has-charcoal-0-color has-text-color has-link-color wp-elements-5\" style=\"font-size:30px\">All White<\/h1>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-link-color wp-elements-6 wp-block-paragraph\" style=\"font-size:16px\">Explore and open new possibilities with our amazing new products.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div style=\"width: 150px;\" class=\"wp-block-button has-custom-width\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-link-color wp-element-button\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px\">View<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23434748,"parent":0,"template":"","meta":{"wpop_keywords":"Full height and width banner, full height banner, full width banner, black and white theme","wpop_description":"Two product and banner full width and full height with information.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","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":[47,60,2,42,3],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1373631","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-about","wporg-pattern-category-banner","wporg-pattern-category-buttons","wporg-pattern-category-call-to-action","wporg-pattern-category-columns"],"category_slugs":["about","banner","buttons","call-to-action","columns"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\",\"right\":\"0px\"},\"blockGap\":\"var:preset|spacing|0\"}},\"backgroundColor\":\"black\",\"textColor\":\"white\",\"layout\":{\"type\":\"constrained\",\"wideSize\":\"100%\"}} -->\n<div class=\"wp-block-group alignfull has-white-color has-black-background-color has-text-color has-background\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|0\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"100%\"}} -->\n<div class=\"wp-block-group\"><!-- wp:columns {\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"var:preset|spacing|0\",\"left\":\"var:preset|spacing|0\"}}}} -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZsNDk1ODQwMTUzMzctaW1hZ2Uta3liZWd3a2QuanBn.jpg\",\"dimRatio\":50,\"customOverlayColor\":\"#42473f\",\"isUserOverlayColor\":false,\"minHeight\":100,\"minHeightUnit\":\"vh\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-cover\" style=\"min-height:100vh\"><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZsNDk1ODQwMTUzMzctaW1hZ2Uta3liZWd3a2QuanBn.jpg\" data-object-fit=\"cover\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#42473f\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:group {\"layout\":{\"type\":\"constrained\",\"contentSize\":\"60%\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"placeholder\":\"Write title\u2026\",\"style\":{\"typography\":{\"textAlign\":\"left\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\",\"fontSize\":\"extra-small\"} -->\n<p class=\"has-text-align-left has-white-color has-text-color has-link-color has-extra-small-font-size\">Black Editor<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":1,\"style\":{\"typography\":{\"textAlign\":\"left\",\"fontSize\":\"30px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<h1 class=\"wp-block-heading has-text-align-left has-white-color has-text-color has-link-color\" style=\"font-size:30px\">Extended<\/h1>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"textAlign\":\"left\",\"fontSize\":\"16px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<p class=\"has-text-align-left has-white-color has-text-color has-link-color\" style=\"font-size:16px\">Explore and open new possibilities with our amazing new products.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"white\",\"style\":{\"color\":{\"background\":\"#afaa46\"},\"border\":{\"radius\":{\"topLeft\":\"0px\",\"topRight\":\"0px\",\"bottomLeft\":\"0px\",\"bottomRight\":\"0px\"}},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"dimensions\":{\"width\":\"150px\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"#\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background-color:#afaa46\">View<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQ0My0wNjA0LTE5NS1qal8xLmpwZw.jpg\",\"dimRatio\":50,\"customOverlayColor\":\"#d6d7cb\",\"isUserOverlayColor\":false,\"focalPoint\":{\"x\":0.61,\"y\":0.31},\"minHeight\":100,\"minHeightUnit\":\"vh\",\"isDark\":false,\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-cover is-light\" style=\"min-height:100vh\"><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQ0My0wNjA0LTE5NS1qal8xLmpwZw.jpg\" style=\"object-position:61% 31%\" data-object-fit=\"cover\" data-object-position=\"61% 31%\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#d6d7cb\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:group {\"layout\":{\"type\":\"constrained\",\"contentSize\":\"60%\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"placeholder\":\"Write title\u2026\",\"style\":{\"typography\":{\"textAlign\":\"left\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|charcoal-0\"}}}},\"textColor\":\"charcoal-0\",\"fontSize\":\"extra-small\"} -->\n<p class=\"has-text-align-left has-charcoal-0-color has-text-color has-link-color has-extra-small-font-size\">Light Editor<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":1,\"style\":{\"typography\":{\"textAlign\":\"left\",\"fontSize\":\"30px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|charcoal-0\"}}}},\"textColor\":\"charcoal-0\"} -->\n<h1 class=\"wp-block-heading has-text-align-left has-charcoal-0-color has-text-color has-link-color\" style=\"font-size:30px\">All White<\/h1>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"textAlign\":\"left\",\"fontSize\":\"16px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\"} -->\n<p class=\"has-text-align-left has-black-color has-text-color has-link-color\" style=\"font-size:16px\">Explore and open new possibilities with our amazing new products.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"black\",\"textColor\":\"white\",\"style\":{\"border\":{\"radius\":{\"topLeft\":\"0px\",\"topRight\":\"0px\",\"bottomLeft\":\"0px\",\"bottomRight\":\"0px\"}},\"dimensions\":{\"width\":\"150px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-link-color wp-element-button\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px\">View<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"Rakesh Nagar","url":"https:\/\/wordpress.org\/patterns\/author\/rakeshnagar10","avatar":"https:\/\/secure.gravatar.com\/avatar\/9ebab71cbcf2c52a3947e288720479ef4866cf27a9471061dd866c60796de73d?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\/1373631","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":14,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1373631\/revisions"}],"predecessor-version":[{"id":1373854,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1373631\/revisions\/1373854"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/rakeshnagar10"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1373631"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1373631"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1373631"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1373631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}