{"id":82475,"date":"2022-03-31T15:15:54","date_gmt":"2022-03-31T15:15:54","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/call-to-action-for-contact-us-overlap-button-th\/"},"modified":"2026-04-19T17:44:47","modified_gmt":"2026-04-19T17:44:47","slug":"call-to-action-for-contact-us-overlap-button-th","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/call-to-action-for-contact-us-overlap-button-th\/","title":{"rendered":"Call To Action For Contact Us &amp; Overlap Button"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#000026;padding-top:80px;padding-bottom:20px\">\n<div class=\"wp-block-columns alignfull are-vertically-aligned-center has-background is-layout-flex wp-container-core-columns-is-layout-5b069604 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(180deg,rgb(2,3,129) 76%,rgba(255,255,255,0) 76%);padding-top:60px;padding-right:20px;padding-bottom:80px;padding-left:20px\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"has-text-align-center has-white-color has-text-color wp-block-heading\" style=\"font-size:32px;font-style:normal;font-weight:500\">Contact Us If You Have Any Question About Us<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-f820b605 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-text-color wp-block-paragraph\" style=\"color:#9ea8c7;font-size:16px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo dolore magna<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color is-style-dots\" \/>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-8eb909b9 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-fill has-primary-font-family\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-white-background-color has-text-color has-background\" style=\"border-radius:0px;color:#0e04d0;padding-top:15px;padding-right:40px;padding-bottom:15px;padding-left:40px\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":18485269,"parent":22159,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32, CTA, \u0e40\u0e23\u0e35\u0e22\u0e01\u0e21\u0e32\u0e17\u0e33 (Call to Action), Button, \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d, Information","wpop_description":"","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"th","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/paragraph,core\/separator","footnotes":""},"pattern-categories":[2,3,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-82475","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-columns","wporg-pattern-category-text"],"category_slugs":["buttons","columns","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"color\":{\"background\":\"#000026\"},\"spacing\":{\"padding\":{\"top\":\"80px\",\"bottom\":\"20px\"}}},\"layout\":{\"inherit\":false}} -->\n<div class=\"wp-block-group alignfull has-background\" style=\"background-color:#000026;padding-top:80px;padding-bottom:20px\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"60px\",\"bottom\":\"80px\",\"right\":\"20px\",\"left\":\"20px\"}},\"color\":{\"gradient\":\"linear-gradient(180deg,rgb(2,3,129) 76%,rgba(255,255,255,0) 76%)\"}}} -->\n<div class=\"wp-block-columns alignfull are-vertically-aligned-center has-background\" style=\"background:linear-gradient(180deg,rgb(2,3,129) 76%,rgba(255,255,255,0) 76%);padding-top:60px;padding-right:20px;padding-bottom:80px;padding-left:20px\"><!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"fontSize\":\"32px\"}},\"textColor\":\"white\"} -->\n<h2 class=\"has-text-align-center has-white-color has-text-color\" style=\"font-size:32px;font-style:normal;font-weight:500\">Contact Us If You Have Any Question About Us<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group {\"layout\":{\"contentSize\":\"660px\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"16px\"},\"color\":{\"text\":\"#9ea8c7\"}}} -->\n<p class=\"has-text-align-center has-text-color\" style=\"color:#9ea8c7;font-size:16px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo dolore magna<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:separator {\"color\":\"white\",\"className\":\"is-style-dots\"} -->\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color is-style-dots\" \/>\n<!-- \/wp:separator --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\",\"flexWrap\":\"wrap\",\"orientation\":\"horizontal\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"white\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"15px\",\"right\":\"40px\",\"bottom\":\"15px\",\"left\":\"40px\"}},\"typography\":{\"fontSize\":\"16px\"},\"border\":{\"radius\":\"0px\"},\"color\":{\"text\":\"#0e04d0\"}},\"className\":\"is-style-fill\",\"fontFamily\":\"primary\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-fill has-primary-font-family\" style=\"font-size:16px\"><a class=\"wp-block-button__link has-white-background-color has-text-color has-background\" style=\"border-radius:0px;color:#0e04d0;padding-top:15px;padding-right:40px;padding-bottom:15px;padding-left:40px\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"Jegstudio","url":"https:\/\/wordpress.org\/patterns\/author\/jegstudio","avatar":"https:\/\/secure.gravatar.com\/avatar\/e90d092540b7d21782eaa27c11d86b5f61754daffd338ee2d6c05bd934876d1d?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\/82475","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\/82475\/revisions"}],"predecessor-version":[{"id":82962,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/82475\/revisions\/82962"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/jegstudio"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=82475"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=82475"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=82475"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=82475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}