{"id":966187,"date":"2022-04-25T02:29:49","date_gmt":"2022-04-25T02:29:49","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/elegance-page-intro-section-with-half-width-overlay-with-call-to-action-pa_in\/"},"modified":"2026-04-19T16:55:28","modified_gmt":"2026-04-19T16:55:28","slug":"elegance-page-intro-section-with-half-width-overlay-with-call-to-action-pa_in","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/elegance-page-intro-section-with-half-width-overlay-with-call-to-action-pa_in\/","title":{"rendered":"Elegance: Page intro section with half width overlay with call to action"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light has-parallax wp-duotone-000000-ffffff-2\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><div role=\"img\" class=\"wp-block-cover__image-background has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg3Njg1NTgtaW1hZ2Uta3d2djExN3QuanBn.jpg)\"><\/div><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3efacfdb wp-block-columns-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px\">\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#3f5ae0cc\"><\/div>\n\n\n\n<div class=\"wp-block-column has-white-color has-text-color has-background has-link-color wp-elements-a95ee7c707c4896f70ed030dce4eb9b4 is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#3f5ae0cc;padding-top:200px;padding-right:2em;padding-bottom:200px;padding-left:2em;flex-basis:600px\">\n<h1 class=\"wp-block-heading\" style=\"font-size:50px;font-style:normal;font-weight:700\">Write Some Title Here<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Write your own copy text here. This is just a demo text you should overwrite. Write your own copy text here. This is just a demo text you should overwrite.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" href=\"#0\">DETAILS<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-font-size is-style-outline is-style-outline--1\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\" href=\"#0\">PRICES<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:600px\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"author":13265138,"parent":41262,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"elegant, intro, cta, \u0a15\u0a3e\u0a30\u0a35\u0a3e\u0a08 \u0a35\u0a3e\u0a32\u0a3e \u0a2c\u0a1f\u0a28, main title, h1, overlay, fullscreen, fullwidth, promo","wpop_description":"Full width Cover block is set with parallax background image. It contains full width columns, with first column providing a semi transparent color overlay, second column contains title, short description and 2 buttons set within a Cover block of the same setup as the parent one and with the same overlay color as previous column. The last column is empty.","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"pa_IN","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/cover,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[2,3,5,13],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-966187","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-columns","wporg-pattern-category-header","wporg-pattern-category-images"],"category_slugs":["buttons","columns","header","images"],"keyword_slugs":[],"pattern_content":"<!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg3Njg1NTgtaW1hZ2Uta3d2djExN3QuanBn.jpg\",\"hasParallax\":true,\"dimRatio\":0,\"overlayColor\":\"black\",\"minHeightUnit\":\"vh\",\"isDark\":false,\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}},\"color\":{\"duotone\":[\"#000000\",\"#ffffff\"]}}} -->\n<div class=\"wp-block-cover alignfull is-light has-parallax\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><div role=\"img\" class=\"wp-block-cover__image-background has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg3Njg1NTgtaW1hZ2Uta3d2djExN3QuanBn.jpg)\"><\/div><div class=\"wp-block-cover__inner-container\"><!-- wp:columns {\"style\":{\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"blockGap\":{\"top\":\"0px\",\"left\":\"0px\"}}}} -->\n<div class=\"wp-block-columns\" style=\"margin-top:0px;margin-bottom:0px\"><!-- wp:column {\"style\":{\"color\":{\"background\":\"#3f5ae0cc\"}}} -->\n<div class=\"wp-block-column has-background\" style=\"background-color:#3f5ae0cc\"><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"600px\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"color\":{\"background\":\"#3f5ae0cc\"},\"spacing\":{\"padding\":{\"top\":\"200px\",\"right\":\"2em\",\"bottom\":\"200px\",\"left\":\"2em\"}}},\"textColor\":\"white\"} -->\n<div class=\"wp-block-column has-white-color has-text-color has-background has-link-color\" style=\"background-color:#3f5ae0cc;padding-top:200px;padding-right:2em;padding-bottom:200px;padding-left:2em;flex-basis:600px\"><!-- wp:heading {\"level\":1,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"fontSize\":\"50px\"}}} -->\n<h1 class=\"wp-block-heading\" style=\"font-size:50px;font-style:normal;font-weight:700\">Write Some Title Here<\/h1>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Write your own copy text here. This is just a demo text you should overwrite. Write your own copy text here. This is just a demo text you should overwrite.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"black\",\"style\":{\"typography\":{\"fontSize\":\"16px\"}}} -->\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" href=\"#0\">DETAILS<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"textColor\":\"white\",\"style\":{\"typography\":{\"fontSize\":\"16px\"}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-outline\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\" href=\"#0\">PRICES<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"600px\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:600px\"><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div><\/div>\n<!-- \/wp:cover -->","favorite_count":0,"author_meta":{"name":"WebMan Design | Oliver Juhas","url":"https:\/\/wordpress.org\/patterns\/author\/webmandesign","avatar":"https:\/\/secure.gravatar.com\/avatar\/34c19c0923466a5bf3c232ad7885b9985cd075c79ac0beb4b802c3ee80d71452?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\/966187","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":1,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/966187\/revisions"}],"predecessor-version":[{"id":966567,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/966187\/revisions\/966567"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/webmandesign"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=966187"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=966187"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=966187"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=966187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}