{"id":475738,"date":"2024-02-07T05:44:38","date_gmt":"2024-02-07T05:44:38","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/three-columns-cards-el\/"},"modified":"2026-04-19T20:41:30","modified_gmt":"2026-04-19T20:41:30","slug":"three-columns-cards-el","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/three-columns-cards-el\/","title":{"rendered":"Three Columns Cards"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-baa0cab0 wp-block-columns-is-layout-flex\" style=\"border-radius:10px;background-color:#e9e4e4;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\">\n<div class=\"wp-block-column has-luminous-vivid-orange-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:8px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px\">\n<h2 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-link-color has-medium-font-size wp-elements-60a7272cfff0c33b495b26270aab1c79\" style=\"margin-top:10px;margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:700\">Research<\/h2>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-d09c44755e273dfa3242a35f50f27cd2 wp-block-paragraph\" style=\"color:#282828;margin-top:10px;margin-bottom:10px;padding-top:0px;padding-bottom:0px;font-size:12px\">Lorem ipsum dolor sit amet consectetur adipisicing elit.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-feae14ff wp-block-buttons-is-layout-flex\" style=\"margin-bottom:15px\">\n<div class=\"wp-block-button has-custom-font-size is-style-fill\" style=\"font-size:12px\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-link-color has-text-align-center wp-element-button\" href=\"#\" style=\"border-width:1px;border-radius:0px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px\">\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 has-luminous-vivid-orange-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:8px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px\">\n<h2 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-link-color has-medium-font-size wp-elements-2fab9a7d515b0df9501fa567cb1a8f24\" style=\"margin-top:10px;margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:700\">Develop<\/h2>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-d09c44755e273dfa3242a35f50f27cd2 wp-block-paragraph\" style=\"color:#282828;margin-top:10px;margin-bottom:10px;padding-top:0px;padding-bottom:0px;font-size:12px\">Lorem ipsum dolor sit amet consectetur adipisicing elit.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-feae14ff wp-block-buttons-is-layout-flex\" style=\"margin-bottom:15px\">\n<div class=\"wp-block-button has-custom-font-size is-style-fill\" style=\"font-size:12px\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-link-color has-text-align-center wp-element-button\" href=\"#\" style=\"border-width:1px;border-radius:0px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px\">\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 has-luminous-vivid-orange-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:8px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px\">\n<h2 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-link-color has-medium-font-size wp-elements-2d1a92142c33319877ef533fcabb0630\" style=\"margin-top:10px;margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:700\">Maintain<\/h2>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-d09c44755e273dfa3242a35f50f27cd2 wp-block-paragraph\" style=\"color:#282828;margin-top:10px;margin-bottom:10px;padding-top:0px;padding-bottom:0px;font-size:12px\">Lorem ipsum dolor sit amet consectetur adipisicing elit.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-feae14ff wp-block-buttons-is-layout-flex\" style=\"margin-bottom:15px\">\n<div class=\"wp-block-button has-custom-font-size is-style-fill\" style=\"font-size:12px\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-link-color has-text-align-center wp-element-button\" href=\"#\" style=\"border-width:1px;border-radius:0px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px\">\u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":20639976,"parent":475095,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"","wpop_description":"For using card section.","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\/group,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[47,3,65,63,62],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-475738","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-about","wporg-pattern-category-columns","wporg-pattern-category-portfolio","wporg-pattern-category-services","wporg-pattern-category-testimonials"],"category_slugs":["about","columns","portfolio","services","testimonials"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:columns {\"style\":{\"color\":{\"background\":\"#e9e4e4\"},\"border\":{\"radius\":\"10px\"},\"spacing\":{\"padding\":{\"top\":\"30px\",\"bottom\":\"30px\",\"left\":\"30px\",\"right\":\"30px\"}}}} -->\n<div class=\"wp-block-columns has-background\" style=\"border-radius:10px;background-color:#e9e4e4;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\"><!-- wp:column {\"style\":{\"border\":{\"width\":\"8px\"},\"spacing\":{\"padding\":{\"top\":\"10px\",\"bottom\":\"10px\",\"left\":\"10px\",\"right\":\"10px\"}}},\"backgroundColor\":\"luminous-vivid-orange\"} -->\n<div class=\"wp-block-column has-luminous-vivid-orange-background-color has-background\" style=\"border-width:8px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\",\"right\":\"0px\"},\"margin\":{\"top\":\"10px\",\"bottom\":\"10px\"}},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"black\",\"fontSize\":\"medium\"} -->\n<h2 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-link-color has-medium-font-size\" style=\"margin-top:10px;margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:700\">Research<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"#282828\"}}},\"color\":{\"text\":\"#282828\"},\"typography\":{\"fontSize\":\"12px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"margin\":{\"top\":\"10px\",\"bottom\":\"10px\"}}}} -->\n<p class=\"has-text-align-center has-text-color has-link-color\" style=\"color:#282828;margin-top:10px;margin-bottom:10px;padding-top:0px;padding-bottom:0px;font-size:12px\">Lorem ipsum dolor sit amet consectetur adipisicing elit.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"margin\":{\"bottom\":\"15px\"}}}} -->\n<div class=\"wp-block-buttons\" style=\"margin-bottom:15px\"><!-- wp:button {\"textAlign\":\"center\",\"backgroundColor\":\"black\",\"textColor\":\"white\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"spacing\":{\"padding\":{\"left\":\"12px\",\"right\":\"12px\",\"top\":\"6px\",\"bottom\":\"6px\"}},\"typography\":{\"fontSize\":\"12px\"},\"border\":{\"radius\":\"0px\",\"width\":\"1px\"}},\"className\":\"is-style-fill\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-fill\" style=\"font-size:12px\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-link-color has-text-align-center wp-element-button\" href=\"#\" style=\"border-width:1px;border-radius:0px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px\">\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\":{\"border\":{\"width\":\"8px\"},\"spacing\":{\"padding\":{\"top\":\"10px\",\"bottom\":\"10px\",\"left\":\"10px\",\"right\":\"10px\"}}},\"backgroundColor\":\"luminous-vivid-orange\"} -->\n<div class=\"wp-block-column has-luminous-vivid-orange-background-color has-background\" style=\"border-width:8px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\",\"right\":\"0px\"},\"margin\":{\"top\":\"10px\",\"bottom\":\"10px\"}},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"black\",\"fontSize\":\"medium\"} -->\n<h2 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-link-color has-medium-font-size\" style=\"margin-top:10px;margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:700\">Develop<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"#282828\"}}},\"color\":{\"text\":\"#282828\"},\"typography\":{\"fontSize\":\"12px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"margin\":{\"top\":\"10px\",\"bottom\":\"10px\"}}}} -->\n<p class=\"has-text-align-center has-text-color has-link-color\" style=\"color:#282828;margin-top:10px;margin-bottom:10px;padding-top:0px;padding-bottom:0px;font-size:12px\">Lorem ipsum dolor sit amet consectetur adipisicing elit.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"margin\":{\"bottom\":\"15px\"}}}} -->\n<div class=\"wp-block-buttons\" style=\"margin-bottom:15px\"><!-- wp:button {\"textAlign\":\"center\",\"backgroundColor\":\"black\",\"textColor\":\"white\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"spacing\":{\"padding\":{\"left\":\"12px\",\"right\":\"12px\",\"top\":\"6px\",\"bottom\":\"6px\"}},\"typography\":{\"fontSize\":\"12px\"},\"border\":{\"radius\":\"0px\",\"width\":\"1px\"}},\"className\":\"is-style-fill\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-fill\" style=\"font-size:12px\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-link-color has-text-align-center wp-element-button\" href=\"#\" style=\"border-width:1px;border-radius:0px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px\">\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\":{\"border\":{\"width\":\"8px\"},\"spacing\":{\"padding\":{\"top\":\"10px\",\"bottom\":\"10px\",\"left\":\"10px\",\"right\":\"10px\"}}},\"backgroundColor\":\"luminous-vivid-orange\"} -->\n<div class=\"wp-block-column has-luminous-vivid-orange-background-color has-background\" style=\"border-width:8px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\",\"right\":\"0px\"},\"margin\":{\"top\":\"10px\",\"bottom\":\"10px\"}},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"black\",\"fontSize\":\"medium\"} -->\n<h2 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-link-color has-medium-font-size\" style=\"margin-top:10px;margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:700\">Maintain<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"#282828\"}}},\"color\":{\"text\":\"#282828\"},\"typography\":{\"fontSize\":\"12px\"},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"margin\":{\"top\":\"10px\",\"bottom\":\"10px\"}}}} -->\n<p class=\"has-text-align-center has-text-color has-link-color\" style=\"color:#282828;margin-top:10px;margin-bottom:10px;padding-top:0px;padding-bottom:0px;font-size:12px\">Lorem ipsum dolor sit amet consectetur adipisicing elit.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"margin\":{\"bottom\":\"15px\"}}}} -->\n<div class=\"wp-block-buttons\" style=\"margin-bottom:15px\"><!-- wp:button {\"textAlign\":\"center\",\"backgroundColor\":\"black\",\"textColor\":\"white\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"spacing\":{\"padding\":{\"left\":\"12px\",\"right\":\"12px\",\"top\":\"6px\",\"bottom\":\"6px\"}},\"typography\":{\"fontSize\":\"12px\"},\"border\":{\"radius\":\"0px\",\"width\":\"1px\"}},\"className\":\"is-style-fill\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-fill\" style=\"font-size:12px\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-link-color has-text-align-center wp-element-button\" href=\"#\" style=\"border-width:1px;border-radius:0px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px\">\u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<\/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":"Md Sharif Miah","url":"https:\/\/wordpress.org\/patterns\/author\/wpsharif","avatar":"https:\/\/secure.gravatar.com\/avatar\/1277d5882c1fefda0f16a70dc17dd887f9658480efde4aa0d771732bf7d1938d?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\/475738","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\/475738\/revisions"}],"predecessor-version":[{"id":476382,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/475738\/revisions\/476382"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/wpsharif"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=475738"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=475738"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=475738"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=475738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}