{"id":1310152,"date":"2026-08-06T09:43:02","date_gmt":"2026-08-06T09:43:02","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=1310152"},"modified":"2026-08-06T09:43:02","modified_gmt":"2026-08-06T09:43:02","slug":"3-step-process-card-grid","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/3-step-process-card-grid\/","title":{"rendered":"3-Step Process Card Grid"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-79ebe5df wp-block-group-is-layout-constrained\" style=\"background-color:#f8fafc;padding-top:5rem;padding-right:2rem;padding-bottom:5rem;padding-left:2rem\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-af731ca0 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-text-color wp-block-paragraph\" style=\"color:#4f46e5;font-size:0.8rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase\">How It Works<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:2.25rem;font-weight:700\">Get started in three simple steps<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7c2994cf wp-block-columns-is-layout-flex\" style=\"margin-top:2.5rem\">\n<div class=\"wp-block-column has-border-color has-background is-layout-flow wp-container-core-column-is-layout-d164d574 wp-block-column-is-layout-flow\" style=\"border-color:#e2e8f0;border-width:1px;border-radius:12px;background-color:#ffffff;padding-top:2rem;padding-right:1.75rem;padding-bottom:2rem;padding-left:1.75rem\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#4f46e5;font-size:1.5rem;font-weight:700\">01<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:1.25rem;font-weight:600\">Select your option<\/h3>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:0.95rem;line-height:1.6\">Browse through our available options and choose the package or service that best fits your requirements.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#4f46e5;font-size:1.5rem;font-weight:700\">02<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:1.25rem;font-weight:600\">Customize the details<\/h3>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:0.95rem;line-height:1.6\">Fill in your specifications or preferences so we can tailor the final output precisely to your needs.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#4f46e5;font-size:1.5rem;font-weight:700\">03<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:1.25rem;font-weight:600\">Launch and enjoy<\/h3>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:0.95rem;line-height:1.6\">Receive your completed order or activation right away, backed by our dedicated ongoing support team.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23434072,"parent":0,"template":"","meta":{"wpop_keywords":"how it works, process, steps, features, grid","wpop_description":"A clean, modern 3-step process section with numbered card steps to explain how a product, service, or workflow works.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/group,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[3,63],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1310152","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-columns","wporg-pattern-category-services"],"category_slugs":["columns","services"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"5rem\",\"right\":\"2rem\",\"bottom\":\"5rem\",\"left\":\"2rem\"},\"blockGap\":\"2rem\"},\"color\":{\"background\":\"#f8fafc\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1100px\"}} -->\n<div class=\"wp-block-group alignfull has-background\" style=\"background-color:#f8fafc;padding-top:5rem;padding-right:2rem;padding-bottom:5rem;padding-left:2rem\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"0.5rem\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"textTransform\":\"uppercase\",\"letterSpacing\":\"0.15em\",\"fontSize\":\"0.8rem\",\"fontWeight\":\"700\",\"textAlign\":\"center\"},\"color\":{\"text\":\"#4f46e5\"}}} -->\n<p class=\"has-text-align-center has-text-color\" style=\"color:#4f46e5;font-size:0.8rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase\">How It Works<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"2.25rem\",\"fontWeight\":\"700\",\"textAlign\":\"center\"}}} -->\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:2.25rem;font-weight:700\">Get started in three simple steps<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:columns {\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"2rem\",\"left\":\"2rem\"},\"margin\":{\"top\":\"2.5rem\"}}}} -->\n<div class=\"wp-block-columns\" style=\"margin-top:2.5rem\"><!-- wp:column {\"style\":{\"border\":{\"width\":\"1px\",\"color\":\"#e2e8f0\",\"radius\":\"12px\"},\"spacing\":{\"padding\":{\"top\":\"2rem\",\"right\":\"1.75rem\",\"bottom\":\"2rem\",\"left\":\"1.75rem\"},\"blockGap\":\"1rem\"},\"color\":{\"background\":\"#ffffff\"}}} -->\n<div class=\"wp-block-column has-border-color has-background\" style=\"border-color:#e2e8f0;border-width:1px;border-radius:12px;background-color:#ffffff;padding-top:2rem;padding-right:1.75rem;padding-bottom:2rem;padding-left:1.75rem\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"1.5rem\",\"fontWeight\":\"700\"},\"color\":{\"text\":\"#4f46e5\"}}} -->\n<p class=\"has-text-color\" style=\"color:#4f46e5;font-size:1.5rem;font-weight:700\">01<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"style\":{\"typography\":{\"fontSize\":\"1.25rem\",\"fontWeight\":\"600\"}}} -->\n<h3 class=\"wp-block-heading\" style=\"font-size:1.25rem;font-weight:600\">Select your option<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"0.95rem\",\"lineHeight\":\"1.6\"},\"color\":{\"text\":\"#64748b\"}}} -->\n<p class=\"has-text-color\" style=\"color:#64748b;font-size:0.95rem;line-height:1.6\">Browse through our available options and choose the package or service that best fits your requirements.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"className\":\"has-background\"} -->\n<div class=\"wp-block-column has-background\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"1.5rem\",\"fontWeight\":\"700\"},\"color\":{\"text\":\"#4f46e5\"}}} -->\n<p class=\"has-text-color\" style=\"color:#4f46e5;font-size:1.5rem;font-weight:700\">02<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"style\":{\"typography\":{\"fontSize\":\"1.25rem\",\"fontWeight\":\"600\"}}} -->\n<h3 class=\"wp-block-heading\" style=\"font-size:1.25rem;font-weight:600\">Customize the details<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"0.95rem\",\"lineHeight\":\"1.6\"},\"color\":{\"text\":\"#64748b\"}}} -->\n<p class=\"has-text-color\" style=\"color:#64748b;font-size:0.95rem;line-height:1.6\">Fill in your specifications or preferences so we can tailor the final output precisely to your needs.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"className\":\"has-background\"} -->\n<div class=\"wp-block-column has-background\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"1.5rem\",\"fontWeight\":\"700\"},\"color\":{\"text\":\"#4f46e5\"}}} -->\n<p class=\"has-text-color\" style=\"color:#4f46e5;font-size:1.5rem;font-weight:700\">03<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"style\":{\"typography\":{\"fontSize\":\"1.25rem\",\"fontWeight\":\"600\"}}} -->\n<h3 class=\"wp-block-heading\" style=\"font-size:1.25rem;font-weight:600\">Launch and enjoy<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"0.95rem\",\"lineHeight\":\"1.6\"},\"color\":{\"text\":\"#64748b\"}}} -->\n<p class=\"has-text-color\" style=\"color:#64748b;font-size:0.95rem;line-height:1.6\">Receive your completed order or activation right away, backed by our dedicated ongoing support team.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"Azhar Ali","url":"https:\/\/wordpress.org\/patterns\/author\/softglaze","avatar":"https:\/\/secure.gravatar.com\/avatar\/242daf9a511166dbccb40c7d7c718743cd59e0f852394dd9eeba64e0fde7f623?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\/1310152","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\/1310152\/revisions"}],"predecessor-version":[{"id":1310155,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1310152\/revisions\/1310155"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/softglaze"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1310152"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1310152"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1310152"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1310152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}