{"id":141113,"date":"2022-08-17T13:35:19","date_gmt":"2022-08-17T13:35:19","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/three-column-text-with-image-and-button-es_ve\/"},"modified":"2026-04-20T01:56:50","modified_gmt":"2026-04-20T01:56:50","slug":"three-column-text-with-image-and-button-es_ve","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/three-column-text-with-image-and-button-es_ve\/","title":{"rendered":"Three Column Text with Image and Button"},"content":{"rendered":"\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\" style=\"flex-basis:66.66%\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#218380;font-style:italic;font-weight:700;text-transform:capitalize\">Lorem ipsum dolor sit amet<\/p>\n\n\n\n<h2 class=\"has-text-color wp-block-heading\" style=\"color:#d81159\">Donec congue elit molestie feugiat facilisis<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-913865be wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-fill has-small-font-size\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" style=\"border-radius:5px;background-color:#218380\">Ver m\u00e1s<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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-0363.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=22d3b929ea5a8970ceb9a65a1c434ea0\" alt=\"\" style=\"border-radius:10px\" \/><\/figure>\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 style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-text-color has-medium-font-size wp-block-heading\" style=\"color:#d81159;font-style:normal;font-weight:600;text-transform:capitalize\">Etiam sodales<\/h2>\n\n\n\n<p class=\"has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#001427\">Cras aliquam metus et hendrerit tristique. Etiam eu felis finibus, sagittis arcu id, facilisis eros. Nunc pulvinar dolor tellus, eget lacinia justo suscipit vitae.<\/p>\n\n\n\n<p class=\"has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#001427\">Email: example@example.com<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-text-color has-medium-font-size wp-block-heading\" style=\"color:#d81159;font-style:normal;font-weight:600;text-transform:capitalize\">Nam eu malesuada<\/h2>\n\n\n\n<p class=\"has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#001427\">Nunc ullamcorper pellentesque lorem, eu dignissim quam volutpat id. Nam eu malesuada erat. Sed scelerisque sapien et neque mollis, venenatis dapibus ante volutpat. Cras aliquam metus et hendrerit tristique. Etiam eu felis finibus, sagittis arcu id, facilisis eros.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-text-color has-medium-font-size wp-block-heading\" style=\"color:#d81159;font-style:normal;font-weight:600\">Suspendisse potenti<\/h2>\n\n\n\n<p class=\"has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#001427\">Phasellus at mi sed ante efficitur dapibus. Sed ac porttitor ligula. Aliquam tristique nec dui id pulvinar. Phasellus eu magna ut enim aliquam fringilla. Nullam pulvinar vulputate massa, non iaculis est consequat nec.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"author":17957359,"parent":140003,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"","wpop_description":"This section can be used for Three Column Text. It has Image and Button.","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"es_VE","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/heading,core\/image,core\/paragraph,core\/spacer","footnotes":""},"pattern-categories":[2,3,13,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-141113","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-columns","wporg-pattern-category-images","wporg-pattern-category-text"],"category_slugs":["buttons","columns","images","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:spacer {\"height\":\"60px\"} -->\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":\"66.66%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\"><!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#218380\"},\"typography\":{\"textTransform\":\"capitalize\",\"fontStyle\":\"italic\",\"fontWeight\":\"700\"}}} -->\n<p class=\"has-text-color\" style=\"color:#218380;font-style:italic;font-weight:700;text-transform:capitalize\">Lorem ipsum dolor sit amet<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"style\":{\"color\":{\"text\":\"#d81159\"}}} -->\n<h2 class=\"has-text-color\" style=\"color:#d81159\">Donec congue elit molestie feugiat facilisis<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"33.33%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"right\",\"verticalAlignment\":\"top\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"white\",\"style\":{\"color\":{\"background\":\"#218380\"},\"border\":{\"radius\":\"5px\"}},\"className\":\"is-style-fill\",\"fontSize\":\"small\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-fill has-small-font-size\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" style=\"border-radius:5px;background-color:#218380\">Ver m\u00e1s<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:spacer {\"height\":\"20px\"} -->\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:image {\"id\":null,\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"color\":[],\"border\":{\"radius\":\"10px\"}}} -->\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-0363.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=22d3b929ea5a8970ceb9a65a1c434ea0\" alt=\"\" style=\"border-radius:10px\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:spacer {\"height\":\"20px\"} -->\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:heading {\"style\":{\"color\":{\"text\":\"#d81159\"},\"typography\":{\"textTransform\":\"capitalize\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\"}},\"fontSize\":\"medium\"} -->\n<h2 class=\"has-text-color has-medium-font-size\" style=\"color:#d81159;font-style:normal;font-weight:600;text-transform:capitalize\">Etiam sodales<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#001427\"}},\"fontSize\":\"small\"} -->\n<p class=\"has-text-color has-small-font-size\" style=\"color:#001427\">Cras aliquam metus et hendrerit tristique. Etiam eu felis finibus, sagittis arcu id, facilisis eros. Nunc pulvinar dolor tellus, eget lacinia justo suscipit vitae.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#001427\"}},\"fontSize\":\"small\"} -->\n<p class=\"has-text-color has-small-font-size\" style=\"color:#001427\">Email: example@example.com<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:spacer {\"height\":\"20px\"} -->\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:heading {\"style\":{\"color\":{\"text\":\"#d81159\"},\"typography\":{\"textTransform\":\"capitalize\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\"}},\"fontSize\":\"medium\"} -->\n<h2 class=\"has-text-color has-medium-font-size\" style=\"color:#d81159;font-style:normal;font-weight:600;text-transform:capitalize\">Nam eu malesuada<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#001427\"}},\"fontSize\":\"small\"} -->\n<p class=\"has-text-color has-small-font-size\" style=\"color:#001427\">Nunc ullamcorper pellentesque lorem, eu dignissim quam volutpat id. Nam eu malesuada erat. Sed scelerisque sapien et neque mollis, venenatis dapibus ante volutpat. Cras aliquam metus et hendrerit tristique. Etiam eu felis finibus, sagittis arcu id, facilisis eros.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"\",\"layout\":{\"inherit\":false}} -->\n<div class=\"wp-block-column\"><!-- wp:spacer {\"height\":\"20px\"} -->\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:heading {\"style\":{\"color\":{\"text\":\"#d81159\"},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"600\"}},\"fontSize\":\"medium\"} -->\n<h2 class=\"has-text-color has-medium-font-size\" style=\"color:#d81159;font-style:normal;font-weight:600\">Suspendisse potenti<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#001427\"}},\"fontSize\":\"small\"} -->\n<p class=\"has-text-color has-small-font-size\" style=\"color:#001427\">Phasellus at mi sed ante efficitur dapibus. Sed ac porttitor ligula. Aliquam tristique nec dui id pulvinar. Phasellus eu magna ut enim aliquam fringilla. Nullam pulvinar vulputate massa, non iaculis est consequat nec.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:spacer {\"height\":\"60px\"} -->\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->","favorite_count":0,"author_meta":{"name":"Sumaeya Yeasmin","url":"https:\/\/wordpress.org\/patterns\/author\/sumaeya","avatar":"https:\/\/secure.gravatar.com\/avatar\/5ea4c3f408108fe35c23e3b6a2846a3d261931a14daf0256b82ad49b36f6b3ba?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\/141113","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\/141113\/revisions"}],"predecessor-version":[{"id":142002,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/141113\/revisions\/142002"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/sumaeya"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=141113"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=141113"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=141113"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=141113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}