{"id":130756,"date":"2022-07-29T05:49:43","date_gmt":"2022-07-29T05:49:43","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=130756"},"modified":"2022-07-29T05:49:43","modified_gmt":"2022-07-29T05:49:43","slug":"hero-section-with-gradient","status":"publish","type":"wporg-pattern","link":"https:\/\/fa.wordpress.org\/patterns\/pattern\/hero-section-with-gradient\/","title":{"rendered":"Hero Section with Gradient"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull has-background is-layout-flex wp-container-core-columns-is-layout-817ecb91 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(135deg,rgba(237,237,237,0) 38%,rgb(180,194,169) 38%);padding-bottom:2%\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group basti-left-top has-border-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background:linear-gradient(135deg,rgb(245,236,228) 55%,rgb(180,194,169) 55%);border-color:#b4c2a9;border-width:5px;border-top-left-radius:500px;border-top-right-radius:500px;border-bottom-left-radius:500px\">\n<div class=\"wp-block-group has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background:linear-gradient(135deg,rgba(241,228,201,0.56) 20%,rgb(253,224,174) 50%,rgba(150,178,129,0.4) 81%);border-top-left-radius:500px;border-top-right-radius:500px;border-bottom-left-radius:500px;border-bottom-right-radius:500px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px\">\n<figure class=\"wp-block-image size-full is-style-rounded basti-right\"><img decoding=\"async\" src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/pd24-0028-jj.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=f3f81e43293664418491d438313e3fab\" alt=\"\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:15%;padding-right:10%;padding-bottom:15%;padding-left:15%\">\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size:72px;font-style:normal;font-weight:700;line-height:1.2\">Animals Artist.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color wp-block-paragraph\" style=\"font-size:24px;font-style:normal;font-weight:500;line-height:1.4\">Just a short sentence. This is just a demo text you should overwrite.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color wp-block-paragraph\">Just a short sentence. Write your own copy text here. This is just a demo text you should overwrite. Just a short sentence.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-6c75bcfd wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-basti-button-line is-style-basti-button-line-light is-style-fill\"><a class=\"wp-block-button__link has-black-color has-text-color has-background wp-element-button\" style=\"border-radius:100px;background-color:#f5ece4;padding-top:2px;padding-right:17px;padding-bottom:2px;padding-left:17px\">Book Now <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span><\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":12738437,"parent":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"header, hero, call to action","wpop_description":"","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\/image,core\/paragraph,core\/spacer","footnotes":""},"pattern-categories":[3,5,13],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-130756","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-columns","wporg-pattern-category-header","wporg-pattern-category-images"],"category_slugs":["columns","header","images"],"keyword_slugs":[],"pattern_content":"<!-- wp:columns {\"align\":\"full\",\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"0px\",\"left\":\"0px\"},\"padding\":{\"bottom\":\"2%\"}},\"color\":{\"gradient\":\"linear-gradient(135deg,rgba(237,237,237,0) 38%,rgb(180,194,169) 38%)\"}}} -->\n<div class=\"wp-block-columns alignfull has-background\" style=\"background:linear-gradient(135deg,rgba(237,237,237,0) 38%,rgb(180,194,169) 38%);padding-bottom:2%\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:group {\"style\":{\"border\":{\"radius\":{\"topLeft\":\"500px\",\"bottomLeft\":\"500px\",\"topRight\":\"500px\"},\"color\":\"#b4c2a9\",\"width\":\"5px\"},\"color\":{\"gradient\":\"linear-gradient(135deg,rgb(245,236,228) 55%,rgb(180,194,169) 55%)\"}},\"className\":\"basti-left-top\"} -->\n<div class=\"wp-block-group basti-left-top has-border-color has-background\" style=\"background:linear-gradient(135deg,rgb(245,236,228) 55%,rgb(180,194,169) 55%);border-color:#b4c2a9;border-width:5px;border-top-left-radius:500px;border-top-right-radius:500px;border-bottom-left-radius:500px\"><!-- wp:group {\"style\":{\"color\":{\"gradient\":\"linear-gradient(135deg,rgba(241,228,201,0.56) 20%,rgb(253,224,174) 50%,rgba(150,178,129,0.4) 81%)\"},\"border\":{\"radius\":{\"topLeft\":\"500px\",\"bottomLeft\":\"500px\",\"bottomRight\":\"500px\",\"topRight\":\"500px\"}},\"spacing\":{\"padding\":{\"top\":\"10px\",\"right\":\"10px\",\"bottom\":\"10px\",\"left\":\"10px\"}}}} -->\n<div class=\"wp-block-group has-background\" style=\"background:linear-gradient(135deg,rgba(241,228,201,0.56) 20%,rgb(253,224,174) 50%,rgba(150,178,129,0.4) 81%);border-top-left-radius:500px;border-top-right-radius:500px;border-bottom-left-radius:500px;border-bottom-right-radius:500px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px\"><!-- wp:image {\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"color\":[],\"border\":{\"radius\":{\"topLeft\":null,\"topRight\":null,\"bottomRight\":null}}},\"className\":\"is-style-rounded basti-right\"} -->\n<figure class=\"wp-block-image size-full is-style-rounded basti-right\"><img src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/pd24-0028-jj.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=f3f81e43293664418491d438313e3fab\" alt=\"\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"15%\",\"right\":\"10%\",\"bottom\":\"15%\",\"left\":\"15%\"}}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group\" style=\"padding-top:15%;padding-right:10%;padding-bottom:15%;padding-left:15%\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"lineHeight\":\"1.2\",\"fontSize\":\"72px\"}},\"textColor\":\"black\"} -->\n<p class=\"has-black-color has-text-color\" style=\"font-size:72px;font-style:normal;font-weight:700;line-height:1.2\">Animals Artist.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"24px\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"lineHeight\":\"1.4\"}},\"textColor\":\"black\"} -->\n<p class=\"has-black-color has-text-color\" style=\"font-size:24px;font-style:normal;font-weight:500;line-height:1.4\">Just a short sentence. This is just a demo text you should overwrite.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"textColor\":\"black\"} -->\n<p class=\"has-black-color has-text-color\">Just a short sentence. Write your own copy text here. This is just a demo text you should overwrite. Just a short sentence.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"right\",\"flexWrap\":\"wrap\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"black\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"2px\",\"right\":\"17px\",\"bottom\":\"2px\",\"left\":\"17px\"}},\"border\":{\"radius\":\"100px\"},\"color\":{\"background\":\"#f5ece4\"}},\"className\":\"is-style-basti-button-line is-style-basti-button-line-light is-style-fill\"} -->\n<div class=\"wp-block-button is-style-basti-button-line is-style-basti-button-line-light is-style-fill\"><a class=\"wp-block-button__link has-black-color has-text-color has-background wp-element-button\" style=\"border-radius:100px;background-color:#f5ece4;padding-top:2px;padding-right:17px;padding-bottom:2px;padding-left:17px\">Book Now \u2192<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:spacer {\"height\":\"10px\"} -->\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","favorite_count":53,"author_meta":{"name":"Anariel Design","url":"https:\/\/fa.wordpress.org\/patterns\/author\/anariel-design","avatar":"https:\/\/secure.gravatar.com\/avatar\/fee5e1638487fed498034cfd722b3bca6f76e4439c70006bdc2aaf7f4539a96d?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/130756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":5,"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/130756\/revisions"}],"predecessor-version":[{"id":130769,"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/130756\/revisions\/130769"}],"author":[{"embeddable":true,"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/anariel-design"}],"wp:attachment":[{"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=130756"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=130756"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=130756"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/fa.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=130756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}