{"id":36608,"date":"2022-04-23T16:28:36","date_gmt":"2022-04-23T16:28:36","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=36608"},"modified":"2022-09-26T11:21:42","modified_gmt":"2022-09-26T11:21:42","slug":"hero-section-design-with-title-description-button-and-right-image","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/hero-section-design-with-title-description-button-and-right-image\/","title":{"rendered":"Hero section design with title, description, button and right image"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-71725f15 wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:30px;padding-bottom:0px;padding-left:30px\">\n<div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-c21a7d1d wp-block-columns-is-layout-flex\" style=\"border-radius:30px;background-color:#f9f8f4;margin-top:0px;margin-bottom:0px;padding-top:80px;padding-right:50px;padding-bottom:80px;padding-left:50px\">\n<div class=\"wp-block-column is-vertically-aligned-center is-content-justification-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:30px;flex-basis:60%\">\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-75149692 wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<h6 class=\"has-text-color wp-block-heading\" style=\"color:#4dd11e;font-size:22px;font-style:normal;font-weight:600;letter-spacing:3px;line-height:1;text-transform:uppercase\">Lorem Ipsum<\/h6>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"margin-top:20px;margin-right:0px;margin-bottom:35px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:50px;font-style:normal;font-weight:600;line-height:1.3;text-transform:capitalize\">Lorem Ipsum Emit Doller<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0px;margin-right:0px;margin-bottom:40px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:18px\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour. Lorem Ipsum has been the industry&#8217;s standard dummy text.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-44889976 wp-block-buttons-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px\">\n<div class=\"wp-block-button has-custom-font-size is-style-outline is-style-outline--1\" style=\"font-size:18px\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" style=\"border-radius:50px;background:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(77,209,30) 0%,rgb(77,209,30) 66%);padding-top:13px;padding-right:45px;padding-bottom:13px;padding-left:45px\">Shop Now<\/a><\/div>\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\" style=\"padding-left:30px;flex-basis:40%\">\n<figure class=\"wp-block-image alignright size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/pdwatercolorfruitbatch1-94-gloy-a_1_2.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=d2d509805a9b4c5e1ed033feffde2289\" alt=\"\" width=\"400\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":20340707,"parent":0,"template":"","meta":{"wpop_keywords":"","wpop_description":"","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\/group,core\/heading,core\/image,core\/paragraph","footnotes":""},"pattern-categories":[2,3,5,13,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-36608","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-columns","wporg-pattern-category-header","wporg-pattern-category-images","wporg-pattern-category-text"],"category_slugs":["buttons","columns","header","images","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"layout\":{\"inherit\":false,\"contentSize\":\"1170px\",\"wideSize\":\"1200px\",\"type\":\"constrained\"},\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"left\":\"30px\",\"right\":\"30px\",\"top\":\"0px\",\"bottom\":\"0px\"},\"blockGap\":\"0px\",\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-group alignfull\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:30px;padding-bottom:0px;padding-left:30px\"><!-- wp:columns {\"style\":{\"color\":{\"background\":\"#f9f8f4\"},\"border\":{\"radius\":\"30px\"},\"spacing\":{\"padding\":{\"top\":\"80px\",\"right\":\"50px\",\"bottom\":\"80px\",\"left\":\"50px\"},\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"blockGap\":{\"top\":\"30px\",\"left\":\"30px\"}}}} -->\n<div class=\"wp-block-columns has-background\" style=\"border-radius:30px;background-color:#f9f8f4;margin-top:0px;margin-bottom:0px;padding-top:80px;padding-right:50px;padding-bottom:80px;padding-left:50px\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"60%\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"30px\"}}},\"layout\":{\"inherit\":false,\"contentSize\":\"\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-right:30px;flex-basis:60%\"><!-- wp:group {\"layout\":{\"type\":\"constrained\",\"contentSize\":\"575px\",\"justifyContent\":\"left\"},\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"blockGap\":\"0px\",\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-group\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\"><!-- wp:heading {\"level\":6,\"style\":{\"typography\":{\"lineHeight\":\"1\",\"fontSize\":\"22px\",\"textTransform\":\"uppercase\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"letterSpacing\":\"3px\"},\"color\":{\"text\":\"#4dd11e\"}}} -->\n<h6 class=\"has-text-color\" style=\"color:#4dd11e;font-size:22px;font-style:normal;font-weight:600;letter-spacing:3px;line-height:1;text-transform:uppercase\">Lorem Ipsum<\/h6>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"style\":{\"typography\":{\"lineHeight\":\"1.3\",\"textTransform\":\"capitalize\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"fontSize\":\"50px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"margin\":{\"top\":\"20px\",\"right\":\"0px\",\"bottom\":\"35px\",\"left\":\"0px\"}}}} -->\n<h2 style=\"margin-top:20px;margin-right:0px;margin-bottom:35px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:50px;font-style:normal;font-weight:600;line-height:1.3;text-transform:capitalize\">Lorem Ipsum Emit Doller<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\"},\"margin\":{\"top\":\"0px\",\"right\":\"0px\",\"bottom\":\"40px\",\"left\":\"0px\"}}}} -->\n<p style=\"margin-top:0px;margin-right:0px;margin-bottom:40px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:18px\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour. Lorem Ipsum has been the industry's standard dummy text.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"style\":{\"spacing\":{\"blockGap\":\"0px\",\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} -->\n<div class=\"wp-block-buttons\" style=\"margin-top:0px;margin-bottom:0px\"><!-- wp:button {\"textColor\":\"white\",\"style\":{\"color\":{\"gradient\":\"linear-gradient(135deg,rgb(202,248,128) 0%,rgb(77,209,30) 0%,rgb(77,209,30) 66%)\"},\"border\":{\"radius\":\"50px\"},\"typography\":{\"fontSize\":\"18px\"},\"spacing\":{\"padding\":{\"top\":\"13px\",\"right\":\"45px\",\"bottom\":\"13px\",\"left\":\"45px\"}}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-outline\" style=\"font-size:18px\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" style=\"border-radius:50px;background:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(77,209,30) 0%,rgb(77,209,30) 66%);padding-top:13px;padding-right:45px;padding-bottom:13px;padding-left:45px\">Shop Now<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"40%\",\"style\":{\"spacing\":{\"padding\":{\"left\":\"30px\"}}},\"layout\":{\"inherit\":false,\"contentSize\":\"\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-left:30px;flex-basis:40%\"><!-- wp:image {\"align\":\"right\",\"width\":400,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image alignright size-full is-resized\"><img src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/pdwatercolorfruitbatch1-94-gloy-a_1_2.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=d2d509805a9b4c5e1ed033feffde2289\" alt=\"\" width=\"400\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":31,"author_meta":{"name":"FinestWebGeek.com","url":"https:\/\/it.wordpress.org\/patterns\/author\/finestwebgeek","avatar":"https:\/\/secure.gravatar.com\/avatar\/5501a07bc9bf4a730e94fa637f194c1c33b8f841ffaf527b6bc0417f481bb320?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\/36608","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":40,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/36608\/revisions"}],"predecessor-version":[{"id":180173,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/36608\/revisions\/180173"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/finestwebgeek"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=36608"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=36608"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=36608"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=36608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}