{"id":408246,"date":"2023-09-05T09:36:14","date_gmt":"2023-09-05T09:36:14","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/service-section-with-five-columns-af\/"},"modified":"2026-04-19T21:21:56","modified_gmt":"2026-04-19T21:21:56","slug":"service-section-with-five-columns-af","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/service-section-with-five-columns-af\/","title":{"rendered":"Columns with image, heading and paragraph"},"content":{"rendered":"\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-vivid-cyan-blue-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-3e64502a wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-825b21bb wp-block-group-is-layout-constrained\" style=\"border-radius:25px;background-color:#00000059;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading has-text-align-center has-white-color has-text-color has-link-color has-large-font-size wp-elements-a458b6b731496234d2e4531fb0786226\" style=\"text-transform:uppercase\">service<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-alpha-channel-opacity has-vivid-cyan-blue-background-color has-background is-style-wide\" style=\"margin-top:0;margin-bottom:0\" \/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7731feeb wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-88d31bb3 wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0;flex-basis:176px\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-8b68b01f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">is simply dummy text of the printing and typesetting industry.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0;flex-basis:176px\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-8b68b01f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">is simply dummy text of the printing and typesetting industry.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;flex-basis:176px\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-8b68b01f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">is simply dummy text of the printing and typesetting industry.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-80b3e495 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-left:0em\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:18%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-489a52bc wp-block-column-is-layout-flow\" style=\"padding-left:0;flex-basis:176px\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-8b68b01f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">is simply dummy text of the printing and typesetting industry.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-e9022ff8 wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0;flex-basis:176px\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-8b68b01f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">is simply dummy text of the printing and typesetting industry.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:18%\"><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"author":14948465,"parent":403948,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"images, transparent background, columns, Diensafdeling","wpop_description":"Service section with image heading and paragraph. It contains five columns - three and two in a row. Includes a transparent background.","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"af","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/cover,core\/group,core\/heading,core\/image,core\/paragraph,core\/separator","footnotes":""},"pattern-categories":[3,13,63,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-408246","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-columns","wporg-pattern-category-images","wporg-pattern-category-services","wporg-pattern-category-text"],"category_slugs":["columns","images","services","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:cover {\"overlayColor\":\"vivid-cyan-blue\",\"contentPosition\":\"center center\",\"layout\":{\"type\":\"constrained\",\"wideSize\":\"1275px\"}} -->\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-vivid-cyan-blue-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:group {\"style\":{\"position\":{\"type\":\"\"},\"color\":{\"background\":\"#00000059\"},\"border\":{\"radius\":\"25px\"},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|40\",\"bottom\":\"var:preset|spacing|40\",\"left\":\"var:preset|spacing|50\",\"right\":\"var:preset|spacing|50\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-background\" style=\"border-radius:25px;background-color:#00000059;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"textTransform\":\"uppercase\"},\"layout\":{\"selfStretch\":\"fit\",\"flexSize\":null},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\",\"fontSize\":\"large\"} -->\n<h2 class=\"wp-block-heading has-text-align-center has-white-color has-text-color has-link-color has-large-font-size\" style=\"text-transform:uppercase\">service<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:separator {\"style\":{\"spacing\":{\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}}},\"backgroundColor\":\"vivid-cyan-blue\",\"className\":\"is-style-wide\"} -->\n<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-alpha-channel-opacity has-vivid-cyan-blue-background-color has-background is-style-wide\" style=\"margin-top:0;margin-bottom:0\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:columns {\"style\":{\"spacing\":{\"blockGap\":{\"left\":\"var:preset|spacing|30\"},\"padding\":{\"right\":\"0\",\"left\":\"0\"}},\"layout\":{\"selfStretch\":\"fit\",\"flexSize\":null}}} -->\n<div class=\"wp-block-columns\" style=\"padding-right:0;padding-left:0\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"176px\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"0\",\"left\":\"0\"},\"blockGap\":\"0\"}}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-right:0;padding-left:0;flex-basis:176px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group\"><!-- wp:image {\"align\":\"center\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"level\":4} -->\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">is simply dummy text of the printing and typesetting industry.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"176px\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"0\",\"left\":\"0\"}}}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-right:0;padding-left:0;flex-basis:176px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group\"><!-- wp:image {\"align\":\"center\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"level\":4} -->\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">is simply dummy text of the printing and typesetting industry.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"176px\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"0\"}}}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-right:0;flex-basis:176px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group\"><!-- wp:image {\"align\":\"center\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"level\":4} -->\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">is simply dummy text of the printing and typesetting industry.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:columns {\"style\":{\"layout\":{\"selfStretch\":\"fit\",\"flexSize\":null},\"spacing\":{\"margin\":{\"top\":\"0\",\"bottom\":\"0\"},\"blockGap\":{\"top\":\"0\",\"left\":\"var:preset|spacing|30\"},\"padding\":{\"left\":\"0em\"}}}} -->\n<div class=\"wp-block-columns\" style=\"margin-top:0;margin-bottom:0;padding-left:0em\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"18%\",\"lock\":{\"move\":false,\"remove\":false},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:18%\"><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"176px\",\"style\":{\"spacing\":{\"padding\":{\"left\":\"0\"},\"blockGap\":\"0\"}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-left:0;flex-basis:176px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group\"><!-- wp:image {\"align\":\"center\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"level\":4} -->\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">is simply dummy text of the printing and typesetting industry.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"176px\",\"style\":{\"spacing\":{\"blockGap\":\"0\",\"padding\":{\"right\":\"0\",\"left\":\"0\"}}}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-right:0;padding-left:0;flex-basis:176px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"var:preset|spacing|20\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group\"><!-- wp:image {\"align\":\"center\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjctcC5wbmc.png\" alt=\"\" style=\"object-fit:cover\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"level\":4} -->\n<h4 class=\"wp-block-heading has-text-align-center\">Lorem Ipsum<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">is simply dummy text of the printing and typesetting industry.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"18%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:18%\"><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group --><\/div><\/div>\n<!-- \/wp:cover -->","favorite_count":0,"author_meta":{"name":"Blase Beczkowski","url":"https:\/\/wordpress.org\/patterns\/author\/beczkowski","avatar":"https:\/\/secure.gravatar.com\/avatar\/dd01823657befc3494387ddb4dc57862f71a6e99f537d231aa6ef0b6fd8807f9?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\/408246","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\/408246\/revisions"}],"predecessor-version":[{"id":409079,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/408246\/revisions\/409079"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/beczkowski"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=408246"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=408246"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=408246"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=408246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}