{"id":25333,"date":"2022-04-11T15:50:35","date_gmt":"2022-04-11T15:50:35","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=25333"},"modified":"2023-12-21T14:57:16","modified_gmt":"2023-12-21T14:57:16","slug":"hero-section-with-two-column-light-foreground-text-over-dark-background","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/hero-section-with-two-column-light-foreground-text-over-dark-background\/","title":{"rendered":"Hero section with two column, light foreground text over dark background."},"content":{"rendered":"\n<div class=\"wp-block-group has-black-background-color has-background is-layout-constrained wp-container-core-group-is-layout-fd266c30 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns has-white-color has-text-color has-link-color wp-elements-4b8d196df41ebf516ab60fb64d457b52 is-layout-flex wp-container-core-columns-is-layout-fd2637df wp-block-columns-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-small-font-size wp-block-paragraph\" style=\"font-style:normal;font-weight:100;letter-spacing:5px\">power vs responsibility<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">With power comes great responsibility<\/h2>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">&#8220;With great power comes great responsibility&#8221; is an ancient adage, at least as old as the first century BC in the allusion of the Sword of Damocles. The formulation has been used by journalists, authors, and other writers; and in politics, monarchic rhetoric, law enforcement, public safety, and in various media.<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\"><a href=\"#\">Learn More <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span><\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-default\"><img decoding=\"async\" src=\"https:\/\/ids.si.edu\/ids\/deliveryService?id=CHSDM-CHA932\" alt=\"\" style=\"border-top-left-radius:50px;border-top-right-radius:2px;border-bottom-left-radius:2px;border-bottom-right-radius:50px;aspect-ratio:0.7243107769423559;width:250px;height:auto\" \/><figcaption class=\"wp-element-caption\">Chairperson<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":14196006,"parent":0,"template":"","meta":{"wpop_keywords":"Hero, main, learn more, heading, two column, dark background, light foreground","wpop_description":"Hero section with dark black background and light white foreground text. Heading with H2 tag and paragraph with learn more link with long arrow pointing right. Useful for fullwidth background section. Content width can be controlled bay changing layout content value. Deafult value set is 1100 px.","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/group,core\/heading,core\/image,core\/paragraph","footnotes":""},"pattern-categories":[3,5,13,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-25333","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-columns","wporg-pattern-category-header","wporg-pattern-category-images","wporg-pattern-category-text"],"category_slugs":["columns","header","images","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"backgroundColor\":\"black\",\"layout\":{\"contentSize\":\"1100px\",\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-black-background-color has-background\"><!-- wp:columns {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|70\",\"bottom\":\"var:preset|spacing|70\",\"left\":\"var:preset|spacing|50\",\"right\":\"var:preset|spacing|50\"}}},\"textColor\":\"white\"} -->\n<div class=\"wp-block-columns has-white-color has-text-color has-link-color\" style=\"padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"100\",\"letterSpacing\":\"5px\"}},\"fontSize\":\"small\"} -->\n<p class=\"has-small-font-size\" style=\"font-style:normal;font-weight:100;letter-spacing:5px\">power vs responsibility<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\"}},\"fontSize\":\"x-large\"} -->\n<h2 class=\"wp-block-heading has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">With power comes great responsibility<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"fontSize\":\"small\"} -->\n<p class=\"has-small-font-size\">\"With great power comes great responsibility\" is an ancient adage, at least as old as the first century BC in the allusion of the Sword of Damocles. The formulation has been used by journalists, authors, and other writers; and in politics, monarchic rhetoric, law enforcement, public safety, and in various media.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"right\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"100\",\"fontSize\":\"16px\"}}} -->\n<p class=\"has-text-align-right\" style=\"font-size:16px;font-style:normal;font-weight:100\"><a href=\"#\">Learn More \u2192<\/a><\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"align\":\"center\",\"width\":\"250px\",\"height\":\"auto\",\"aspectRatio\":\"0.7243107769423559\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":{\"topLeft\":\"50px\",\"topRight\":\"2px\",\"bottomLeft\":\"2px\",\"bottomRight\":\"50px\"}}},\"className\":\"is-style-default\"} -->\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-default\"><img src=\"https:\/\/ids.si.edu\/ids\/deliveryService?id=CHSDM-CHA932\" alt=\"\" style=\"border-top-left-radius:50px;border-top-right-radius:2px;border-bottom-left-radius:2px;border-bottom-right-radius:50px;aspect-ratio:0.7243107769423559;width:250px;height:auto\" \/><figcaption class=\"wp-element-caption\">Chairperson<\/figcaption><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":13,"author_meta":{"name":"Krishna Thakur","url":"https:\/\/it.wordpress.org\/patterns\/author\/thakurtech","avatar":"https:\/\/secure.gravatar.com\/avatar\/99629de951f3b6f2b6556f35d12fa65c6da7828889f359c3fa3f358d8445eb91?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\/25333","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":4,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/25333\/revisions"}],"predecessor-version":[{"id":451212,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/25333\/revisions\/451212"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/thakurtech"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=25333"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=25333"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=25333"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=25333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}