{"id":347101,"date":"2023-07-12T02:06:10","date_gmt":"2023-07-12T02:06:10","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=347101"},"modified":"2023-07-12T02:06:10","modified_gmt":"2023-07-12T02:06:10","slug":"about-us-with-masonry-image","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/about-us-with-masonry-image\/","title":{"rendered":"About Us with masonry image"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide has-background is-layout-constrained wp-container-core-group-is-layout-17519160 wp-block-group-is-layout-constrained\" style=\"border-radius:12px;background-color:#0792e31f;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)\">\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<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3bd26ce7 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-cover is-light\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:320px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-10 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJsYWtlX3dhdGVyX2xhbmRzY2FwZV9uYXR1cmVfMC1pbWFnZS1reWJkYzBxNS5qcGc.jpg\" style=\"object-position:40% 62%\" data-object-fit=\"cover\" data-object-position=\"40% 62%\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-container-core-cover-is-layout-9d350fc5 wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:0px\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover is-light\" style=\"min-height:320px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ0aGFpbGFuZF9wYWxtX3NreV9ob2xpZGF5XzAtaW1hZ2Uta3liY2d6NzYuanBn.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:0px\"><\/p>\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\" style=\"min-height:320px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJyb2Jpbl9wb3N0X2Zsb3dlcnNfYmlyZF8wLWltYWdlLWt5YmN0eGhnLmpwZw.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:0px\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover is-light\" style=\"min-height:320px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMjIzNTcwLXdpa2ltZWRpYS1pbWFnZS1rb3dzMW14cy5qcGc.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:0px\"><\/p>\n<\/div><\/div>\n<\/div>\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\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#009fe3;font-size:16px;letter-spacing:0.5px;text-transform:uppercase\"><strong><mark style=\"background-color:#e1f2fc\" class=\"has-inline-color has-black-color\">Lorem<\/mark> Ipsum<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:0.46rem;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:700\">Lorem Ipsum&nbsp;<mark style=\"background-color:#e1f2fc;color:#009fe3\" class=\"has-inline-color\">is simply<\/mark> dummy<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:32px\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&#8217;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&#8217;t anything embarrassing.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-50 is-style-fill\" style=\"font-style:normal;font-weight:700;text-transform:uppercase\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" style=\"border-radius:6px;background-color:#009fe3;padding-top:0.8rem;padding-bottom:0.8rem\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":15357679,"parent":0,"template":"","meta":{"wpop_keywords":"about, about us, masonry, masonry image","wpop_description":"About us with masonry image and text in two columns.","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/cover,core\/group,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[47,3,13],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-347101","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-about","wporg-pattern-category-columns","wporg-pattern-category-images"],"category_slugs":["about","columns","images"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"wide\",\"style\":{\"color\":{\"background\":\"#0792e31f\"},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|50\",\"right\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|50\",\"left\":\"var:preset|spacing|30\"}},\"border\":{\"radius\":\"12px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignwide has-background\" style=\"border-radius:12px;background-color:#0792e31f;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:columns {\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:columns {\"style\":{\"spacing\":{\"padding\":{\"right\":\"var:preset|spacing|30\"}}}} -->\n<div class=\"wp-block-columns\" style=\"padding-right:var(--wp--preset--spacing--30)\"><!-- wp:column {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|40\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}}}} -->\n<div class=\"wp-block-column\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:0;padding-left:0\"><!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJsYWtlX3dhdGVyX2xhbmRzY2FwZV9uYXR1cmVfMC1pbWFnZS1reWJkYzBxNS5qcGc.jpg\",\"dimRatio\":10,\"overlayColor\":\"black\",\"focalPoint\":{\"x\":0.4,\"y\":0.62},\"minHeight\":320,\"contentPosition\":\"center center\",\"isDark\":false,\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"},\"blockGap\":\"0\"}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-cover is-light\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:320px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-10 has-background-dim\"><\/span><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJsYWtlX3dhdGVyX2xhbmRzY2FwZV9uYXR1cmVfMC1pbWFnZS1reWJkYzBxNS5qcGc.jpg\" style=\"object-position:40% 62%\" data-object-fit=\"cover\" data-object-position=\"40% 62%\" \/><div class=\"wp-block-cover__inner-container\"><!-- wp:paragraph {\"align\":\"center\",\"placeholder\":\"Write title\u2026\",\"style\":{\"typography\":{\"fontSize\":\"0px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:0px\"><\/p>\n<!-- \/wp:paragraph --><\/div><\/div>\n<!-- \/wp:cover -->\n\n<!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ0aGFpbGFuZF9wYWxtX3NreV9ob2xpZGF5XzAtaW1hZ2Uta3liY2d6NzYuanBn.jpg\",\"dimRatio\":0,\"overlayColor\":\"black\",\"minHeight\":320,\"isDark\":false,\"style\":{\"color\":[]},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-cover is-light\" style=\"min-height:320px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ0aGFpbGFuZF9wYWxtX3NreV9ob2xpZGF5XzAtaW1hZ2Uta3liY2d6NzYuanBn.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container\"><!-- wp:paragraph {\"align\":\"center\",\"placeholder\":\"Write title\u2026\",\"style\":{\"typography\":{\"fontSize\":\"0px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:0px\"><\/p>\n<!-- \/wp:paragraph --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJyb2Jpbl9wb3N0X2Zsb3dlcnNfYmlyZF8wLWltYWdlLWt5YmN0eGhnLmpwZw.jpg\",\"dimRatio\":0,\"overlayColor\":\"black\",\"minHeight\":320,\"style\":{\"color\":[]},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-cover\" style=\"min-height:320px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJyb2Jpbl9wb3N0X2Zsb3dlcnNfYmlyZF8wLWltYWdlLWt5YmN0eGhnLmpwZw.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container\"><!-- wp:paragraph {\"align\":\"center\",\"placeholder\":\"Write title\u2026\",\"style\":{\"typography\":{\"fontSize\":\"0px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:0px\"><\/p>\n<!-- \/wp:paragraph --><\/div><\/div>\n<!-- \/wp:cover -->\n\n<!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMjIzNTcwLXdpa2ltZWRpYS1pbWFnZS1rb3dzMW14cy5qcGc.jpg\",\"dimRatio\":0,\"overlayColor\":\"black\",\"minHeight\":320,\"isDark\":false,\"style\":{\"color\":[]},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-cover is-light\" style=\"min-height:320px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMjIzNTcwLXdpa2ltZWRpYS1pbWFnZS1rb3dzMW14cy5qcGc.jpg\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container\"><!-- wp:paragraph {\"align\":\"center\",\"placeholder\":\"Write title\u2026\",\"style\":{\"typography\":{\"fontSize\":\"0px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:0px\"><\/p>\n<!-- \/wp:paragraph --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:paragraph {\"style\":{\"typography\":{\"textTransform\":\"uppercase\",\"fontSize\":\"16px\",\"letterSpacing\":\"0.5px\"},\"color\":{\"text\":\"#009fe3\"}}} -->\n<p class=\"has-text-color\" style=\"color:#009fe3;font-size:16px;letter-spacing:0.5px;text-transform:uppercase\"><strong><mark style=\"background-color:#e1f2fc\" class=\"has-inline-color has-black-color\">Lorem<\/mark> Ipsum<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\"},\"spacing\":{\"margin\":{\"top\":\"0.46rem\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}}}} -->\n<h3 class=\"wp-block-heading\" style=\"margin-top:0.46rem;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:700\">Lorem Ipsum&nbsp;<mark style=\"background-color:#e1f2fc;color:#009fe3\" class=\"has-inline-color\">is simply<\/mark> dummy<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"style\":{\"spacing\":{\"margin\":{\"bottom\":\"32px\"}}}} -->\n<p style=\"margin-bottom:32px\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"white\",\"width\":50,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"textTransform\":\"uppercase\"},\"spacing\":{\"padding\":{\"top\":\"0.8rem\",\"bottom\":\"0.8rem\"}},\"color\":{\"background\":\"#009fe3\"},\"border\":{\"radius\":\"6px\"}},\"className\":\"is-style-fill\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-50 is-style-fill\" style=\"font-style:normal;font-weight:700;text-transform:uppercase\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" style=\"border-radius:6px;background-color:#009fe3;padding-top:0.8rem;padding-bottom:0.8rem\">Learn More<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":10,"author_meta":{"name":"Ronik@UnlimitedWP","url":"https:\/\/it.wordpress.org\/patterns\/author\/jdsofttech","avatar":"https:\/\/secure.gravatar.com\/avatar\/88c19f92e15eb3608b6ff3a4330f95b40fcdfc6459e57a53ccdbdaed6945f1bf?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/347101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":8,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/347101\/revisions"}],"predecessor-version":[{"id":371090,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/347101\/revisions\/371090"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/jdsofttech"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=347101"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=347101"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=347101"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=347101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}