{"id":411548,"date":"2023-09-15T15:36:48","date_gmt":"2023-09-15T15:36:48","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/service-section-with-background-image-en_ca\/"},"modified":"2024-01-17T08:15:44","modified_gmt":"2024-01-17T08:15:44","slug":"service-section-with-background-image-en_ca","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/service-section-with-background-image-en_ca\/","title":{"rendered":"Service section with background image"},"content":{"rendered":"\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA5L3BkbWlzY2Noc2RtLTE1OTk4M18zOC0wMDAwMDEtaW1hZ2UuanBn.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h2 class=\"wp-block-heading alignwide\" style=\"font-size:7em;font-style:normal;font-weight:100\">OUR SERVICES<\/h2>\n\n\n\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\">\n<p class=\"has-text-align-center wp-block-paragraph\">Lorem ipsum dolor sit amet consectetur adipiscing elit, nisl aenean tortor magna penatibus praesent volutpat etiam.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-a48628e7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#197575\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">Title 1<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-style:normal;font-weight:300\">Lorem ipsum dolor sit amet consectetur adipiscing elit, nisl aenean tortor magna penatibus praesent volutpat etiam.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-36078703 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\">Read More <\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-60 has-background-dim\" style=\"background-color:#30ac7e\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">Title 2<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-style:normal;font-weight:300\">Lorem ipsum dolor sit amet consectetur adipiscing elit, nisl aenean tortor magna penatibus praesent volutpat etiam.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-36078703 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\">Read More <\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#195975\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">Title 3<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-style:normal;font-weight:300\">Lorem ipsum dolor sit amet consectetur adipiscing elit, nisl aenean tortor magna penatibus praesent volutpat etiam.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-36078703 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\">Read More <\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"author":20548266,"parent":411031,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"","wpop_description":"Service pattern with background cover image","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"en_CA","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/cover,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[60,3],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-411548","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-banner","wporg-pattern-category-columns"],"category_slugs":["banner","columns"],"keyword_slugs":[],"pattern_content":"<!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA5L3BkbWlzY2Noc2RtLTE1OTk4M18zOC0wMDAwMDEtaW1hZ2UuanBn.jpg\",\"id\":null,\"dimRatio\":50,\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA5L3BkbWlzY2Noc2RtLTE1OTk4M18zOC0wMDAwMDEtaW1hZ2UuanBn.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container\"><!-- wp:heading {\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"100\",\"fontSize\":\"7em\"}},\"className\":\"alignwide\"} -->\n<h2 class=\"wp-block-heading alignwide\" style=\"font-size:7em;font-style:normal;font-weight:100\">OUR SERVICES<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:columns {\"className\":\"alignwide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">Lorem ipsum dolor sit amet consectetur adipiscing elit, nisl aenean tortor magna penatibus praesent volutpat etiam.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:columns {\"style\":{\"spacing\":[]},\"className\":\"alignwide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:cover {\"customOverlayColor\":\"#197575\"} -->\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#197575\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":3,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\"}},\"fontSize\":\"x-large\"} -->\n<h3 class=\"wp-block-heading has-text-align-center has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">Title 1<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-style:normal;font-weight:300\">Lorem ipsum dolor sit amet consectetur adipiscing elit, nisl aenean tortor magna penatibus praesent volutpat etiam.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"white\",\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\">Read More <\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:cover {\"dimRatio\":60,\"customOverlayColor\":\"#30ac7e\",\"isDark\":false} -->\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-60 has-background-dim\" style=\"background-color:#30ac7e\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":3,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\"}},\"fontSize\":\"x-large\"} -->\n<h3 class=\"wp-block-heading has-text-align-center has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">Title 2<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-style:normal;font-weight:300\">Lorem ipsum dolor sit amet consectetur adipiscing elit, nisl aenean tortor magna penatibus praesent volutpat etiam.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"white\",\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\">Read More <\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:cover {\"customOverlayColor\":\"#195975\"} -->\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#195975\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":3,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\"}},\"fontSize\":\"x-large\"} -->\n<h3 class=\"wp-block-heading has-text-align-center has-x-large-font-size\" style=\"font-style:normal;font-weight:300\">Title 3<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"300\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-style:normal;font-weight:300\">Lorem ipsum dolor sit amet consectetur adipiscing elit, nisl aenean tortor magna penatibus praesent volutpat etiam.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"white\",\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\">Read More <\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div><\/div>\n<!-- \/wp:cover -->","favorite_count":0,"author_meta":{"name":"Anis","url":"https:\/\/wordpress.org\/patterns\/author\/anish29","avatar":"https:\/\/secure.gravatar.com\/avatar\/e9ed5acacef9190ec676a6d991fecb7c3532a0b1858e01186500699a57314b65?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\/411548","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":2,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/411548\/revisions"}],"predecessor-version":[{"id":434247,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/411548\/revisions\/434247"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/anish29"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=411548"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=411548"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=411548"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=411548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}