{"id":290924,"date":"2023-03-13T10:47:29","date_gmt":"2023-03-13T10:47:29","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=290924"},"modified":"2023-03-13T10:47:29","modified_gmt":"2023-03-13T10:47:29","slug":"hero-section-gradient-background","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/hero-section-gradient-background\/","title":{"rendered":"Hero Section \u2013 Gradient Background"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-8712e4ea wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group alignwide has-background is-layout-constrained wp-container-core-group-is-layout-ec7a742f wp-block-group-is-layout-constrained\" style=\"background:linear-gradient(342deg,rgb(255,255,255) 23%,rgba(163,255,217,0.71) 40%,rgb(255,255,255) 57%,rgb(202,249,255) 96%);padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-873938d3 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-constrained wp-container-core-column-is-layout-34c01a1d wp-block-column-is-layout-constrained\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-eca5e131 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-small-font-size is-style-outline--1\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" style=\"border-width:1px;border-radius:100px;color:#555555;background-color:#ffffff00;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)\">Version 1.0.12<\/a><\/div>\n<\/div>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-black-color has-text-color\" style=\"font-size:72px;font-style:normal;font-weight:700\">Build and Scale With Confidence.<\/h1>\n\n\n\n<p class=\"has-text-align-center has-text-color has-medium-font-size wp-block-paragraph\" style=\"color:#555555;font-style:normal;font-weight:300\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vehicula, diam nec congue porttitor, ligula erat maximus lorem, et sagittis mi justo a ex.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-36078703 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Get Started for Free<\/strong> <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2197<\/span><\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-white-background-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Explore It<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#555555;font-style:normal;font-weight:300\">\u2611 Free Plan \u2014 No credit-card required<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":17200212,"parent":0,"template":"","meta":{"wpop_keywords":"","wpop_description":"Hero section with gradient background and two buttons","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[5],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-290924","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-header"],"category_slugs":["header"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"},\"blockGap\":\"0\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"100%\"}} -->\n<div class=\"wp-block-group alignfull\" style=\"padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:group {\"align\":\"wide\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|60\",\"right\":\"var:preset|spacing|60\",\"bottom\":\"var:preset|spacing|60\",\"left\":\"var:preset|spacing|60\"}},\"color\":{\"gradient\":\"linear-gradient(342deg,rgb(255,255,255) 23%,rgba(163,255,217,0.71) 40%,rgb(255,255,255) 57%,rgb(202,249,255) 96%)\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1200px\"}} -->\n<div class=\"wp-block-group alignwide has-background\" style=\"background:linear-gradient(342deg,rgb(255,255,255) 23%,rgba(163,255,217,0.71) 40%,rgb(255,255,255) 57%,rgb(202,249,255) 96%);padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"var:preset|spacing|60\",\"left\":\"var:preset|spacing|60\"},\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"},\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}}}} -->\n<div class=\"wp-block-columns are-vertically-aligned-center\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:column {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"700px\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"verticalAlignment\":\"top\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"style\":{\"color\":{\"background\":\"#ffffff00\",\"text\":\"#555555\"},\"spacing\":{\"padding\":{\"left\":\"var:preset|spacing|30\",\"right\":\"var:preset|spacing|30\",\"top\":\"var:preset|spacing|20\",\"bottom\":\"var:preset|spacing|20\"}},\"border\":{\"width\":\"1px\",\"radius\":\"100px\"}},\"className\":\"is-style-outline\",\"fontSize\":\"small\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-small-font-size\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" style=\"border-width:1px;border-radius:100px;color:#555555;background-color:#ffffff00;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)\">Version 1.0.12<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"level\":1,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"fontSize\":\"72px\"}},\"textColor\":\"black\"} -->\n<h1 class=\"wp-block-heading has-text-align-center has-black-color has-text-color\" style=\"font-size:72px;font-style:normal;font-weight:700\">Build and Scale With Confidence.<\/h1>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\"},\"color\":{\"text\":\"#555555\"}},\"fontSize\":\"medium\"} -->\n<p class=\"has-text-align-center has-text-color has-medium-font-size\" style=\"color:#555555;font-style:normal;font-weight:300\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vehicula, diam nec congue porttitor, ligula erat maximus lorem, et sagittis mi justo a ex.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"black\",\"textColor\":\"white\",\"style\":{\"border\":{\"radius\":\"7px\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Get Started for Free<\/strong> \u2197<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"backgroundColor\":\"white\",\"style\":{\"border\":{\"radius\":\"7px\"}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-white-background-color has-background wp-element-button\" style=\"border-radius:7px\"><strong>Explore It<\/strong><\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\"},\"color\":{\"text\":\"#555555\"}},\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-center has-text-color has-small-font-size\" style=\"color:#555555;font-style:normal;font-weight:300\">\u2611 Free Plan \u2014 No credit-card required<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group -->","favorite_count":29,"author_meta":{"name":"MahdiAli Khanusiya","url":"https:\/\/it.wordpress.org\/patterns\/author\/mahdiali","avatar":"https:\/\/secure.gravatar.com\/avatar\/4b0c6c35f76a2de88d743c89449dcf72155640646584e93b0b6b02317a26b6aa?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\/290924","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":10,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/290924\/revisions"}],"predecessor-version":[{"id":291130,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/290924\/revisions\/291130"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/mahdiali"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=290924"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=290924"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=290924"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=290924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}