{"id":155757,"date":"2022-09-04T08:19:51","date_gmt":"2022-09-04T08:19:51","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/two-column-image-with-content-and-call-to-action-el\/"},"modified":"2026-09-30T02:48:28","modified_gmt":"2026-09-30T02:48:28","slug":"two-column-image-with-content-and-call-to-action-el","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/two-column-image-with-content-and-call-to-action-el\/","title":{"rendered":"Two Column image with content and Call to action"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide 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\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image size-full has-custom-border is-style-default\"><img decoding=\"async\" src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/a010-markusspiske-jan19-msp_0709_8783.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=6945c5434af9266e1389e693eb695dc6\" alt=\"\" style=\"border-radius:0px\" \/><figcaption class=\"wp-element-caption\">Beautiful winter mountain<\/figcaption><\/figure>\n\n\n\n<h2 class=\"has-large-font-size wp-block-heading\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">Heading 1<\/h2>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#939393;font-style:normal;font-weight:400\">Water is an inorganic, transparent, tasteless, odorless, and nearly colorless chemical substance, which is the main constituent of Earth&#8217;s hydrosphere and the fluids of all known living organisms. It is vital for all known life forms, despite <\/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-width wp-block-button__width-50 is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<\/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=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<h2 class=\"has-large-font-size wp-block-heading\">Heading 2<\/h2>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#939393;font-style:normal;font-weight:400\">A\u00a0mountain\u00a0is an elevated portion of the\u00a0Earth&#8217;s crust, generally with steep sides that show significantly exposed\u00a0bedrock. Although definitions vary, a mountain may differ from a\u00a0plateau\u00a0in having a limited\u00a0summit\u00a0area, and is usually higher than <\/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-width wp-block-button__width-50 is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/-a010-markuss-0265.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=5f21d29857f15d9054fe982af6e6c87d\" alt=\"\" style=\"border-radius:0px\" \/><figcaption class=\"wp-element-caption\">Water in an industrial factory<\/figcaption><\/figure>\n<\/div>\n<\/div>\n","protected":false},"author":17777906,"parent":154474,"template":"","meta":{"wpop_keywords":"Two colums, image with content, Call to action","wpop_description":"User can use this pattern to describe about their products and show a natural view in two columns with description &amp; call to action button.","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"el","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/heading,core\/image,core\/paragraph","footnotes":""},"pattern-categories":[2,3,4,13,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-155757","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-columns","wporg-pattern-category-gallery","wporg-pattern-category-images","wporg-pattern-category-text"],"category_slugs":["buttons","columns","gallery","images","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:columns {\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|20\",\"right\":\"var:preset|spacing|20\",\"bottom\":\"var:preset|spacing|20\",\"left\":\"var:preset|spacing|20\"}}}} -->\n<div class=\"wp-block-column\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\"><!-- wp:image {\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"0px\"}},\"className\":\"is-style-default\"} -->\n<figure class=\"wp-block-image size-full has-custom-border is-style-default\"><img src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/a010-markusspiske-jan19-msp_0709_8783.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=6945c5434af9266e1389e693eb695dc6\" alt=\"\" style=\"border-radius:0px\" \/><figcaption class=\"wp-element-caption\">Beautiful winter mountain<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}}},\"fontSize\":\"large\"} -->\n<h2 class=\"has-large-font-size\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">Heading 1<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#939393\"}}} -->\n<p class=\"has-text-color\" style=\"color:#939393;font-style:normal;font-weight:400\">Water is an inorganic, transparent, tasteless, odorless, and nearly colorless chemical substance, which is the main constituent of Earth's hydrosphere and the fluids of all known living organisms. It is vital for all known life forms, despite <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"black\",\"width\":50,\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|20\",\"right\":\"var:preset|spacing|20\",\"bottom\":\"var:preset|spacing|20\",\"left\":\"var:preset|spacing|20\"}}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-50 is-style-outline\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|20\",\"right\":\"var:preset|spacing|20\",\"bottom\":\"var:preset|spacing|20\",\"left\":\"var:preset|spacing|20\"}}}} -->\n<div class=\"wp-block-column\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\"><!-- wp:heading {\"fontSize\":\"large\"} -->\n<h2 class=\"has-large-font-size\">Heading 2<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#939393\"}}} -->\n<p class=\"has-text-color\" style=\"color:#939393;font-style:normal;font-weight:400\">A\u00a0mountain\u00a0is an elevated portion of the\u00a0Earth's crust, generally with steep sides that show significantly exposed\u00a0bedrock. Although definitions vary, a mountain may differ from a\u00a0plateau\u00a0in having a limited\u00a0summit\u00a0area, and is usually higher than <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"black\",\"width\":50,\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|20\",\"right\":\"var:preset|spacing|20\",\"bottom\":\"var:preset|spacing|20\",\"left\":\"var:preset|spacing|20\"}}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-50 is-style-outline\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:image {\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"0px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/-a010-markuss-0265.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=5f21d29857f15d9054fe982af6e6c87d\" alt=\"\" style=\"border-radius:0px\" \/><figcaption class=\"wp-element-caption\">Water in an industrial factory<\/figcaption><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","favorite_count":0,"author_meta":{"name":"Nahid Hasan","url":"https:\/\/wordpress.org\/patterns\/author\/tushar284","avatar":"https:\/\/secure.gravatar.com\/avatar\/1c99dd0a97999dd8647185912876ec4e2c0fa18eb08da303ef4943a451f64d58?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\/155757","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\/155757\/revisions"}],"predecessor-version":[{"id":158281,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/155757\/revisions\/158281"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/tushar284"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=155757"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=155757"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=155757"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=155757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}