{"id":8396,"date":"2021-06-14T18:29:06","date_gmt":"2021-06-14T18:29:06","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/offset-gallery-with-fixed-background-and-quote-ar\/"},"modified":"2026-09-29T06:19:50","modified_gmt":"2026-09-29T06:19:50","slug":"offset-gallery-with-fixed-background-and-quote-ar","status":"publish","type":"wporg-pattern","link":"https:\/\/ar.wordpress.org\/patterns\/pattern\/offset-gallery-with-fixed-background-and-quote-ar\/","title":{"rendered":"\u0645\u0639\u0631\u0636 \u0627\u0646\u0637\u0628\u0627\u0639\u064a (Offset gallery) \u0645\u0639 \u062e\u0644\u0641\u064a\u0629 \u062b\u0627\u0628\u062a\u0629 \u0648\u0627\u0642\u062a\u0628\u0627\u0633"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light has-parallax\" style=\"padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;background-image:url(https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg)\"><span aria-hidden=\"true\" class=\"has-primary-background-color has-background-dim-40 wp-block-cover__gradient-background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0vw;padding-right:4vw;padding-bottom:0vw;padding-left:0vw;flex-basis:72%\">\n<figure class=\"wp-block-image size-large\" style=\"border-radius:4px\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"652\" src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1024x652.jpg\" alt=\"\" class=\"wp-image-666\" srcset=\"https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1024x652.jpg 1024w, https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-300x191.jpg 300w, https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-768x489.jpg 768w, https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1536x978.jpg 1536w, https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-text-color has-link-color wp-elements-1 is-layout-flow wp-block-group-is-layout-flow\" style=\"color:#ffffff\">\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p><em>\u062a\u0637\u0645\u062d \u0625\u0644\u0649 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0645\u062b\u0644 \u062c\u0628\u0644 \u0641\u0648\u062c\u064a\u060c \u0645\u0639 \u0645\u062b\u0644 \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0648\u0627\u0633\u0639 \u0648\u0627\u0644\u0635\u0644\u0628 \u0628\u062d\u064a\u062b \u0644\u0627 \u064a\u0633\u062a\u0637\u064a\u0639 \u0623\u0642\u0648\u0649 \u0632\u0644\u0632\u0627\u0644 \u0623\u0646 \u064a\u062d\u0631\u0643\u0643\u060c \u0648\u0623\u0646 \u062a\u0643\u0648\u0646 \u0637\u0648\u064a\u0644 \u0627\u0644\u0642\u0627\u0645\u0629 \u0628\u062d\u064a\u062b \u062a\u0628\u062f\u0648 \u0623\u0639\u0638\u0645 \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0627\u0645\u0629 \u0627\u0644\u0646\u0627\u0633 \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0645\u0646 \u0645\u0646\u0638\u0648\u0631\u0643 \u0627\u0644\u0646\u0628\u064a\u0644.<\/em><\/p><cite><strong>\u2014 \u0645\u064a\u0627\u0645\u0648\u062a\u0648 \u0645\u0648\u0633\u0627\u0634\u064a<\/strong><\/cite><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\" style=\"border-radius:4px\"><img loading=\"lazy\" decoding=\"async\" width=\"691\" height=\"1024\" src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-691x1024.jpg\" alt=\"\" class=\"wp-image-664\" srcset=\"https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-691x1024.jpg 691w, https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-203x300.jpg 203w, https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-768x1138.jpg 768w, https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-1037x1536.jpg 1037w, https:\/\/ar.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi.jpg 1350w\" sizes=\"auto, (max-width: 691px) 100vw, 691px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"author":5911429,"parent":663,"template":"","meta":{"wpop_keywords":"","wpop_description":"A container block with a fixed background image. Inside is an arrangement of a horizontal image and vertical image framing a quote.","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"ar","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/cover,core\/group,core\/image,core\/quote,core\/spacer","footnotes":""},"pattern-categories":[4,13],"pattern-keywords":[59],"wporg-pattern-flag-reason":[],"class_list":["post-8396","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-gallery","wporg-pattern-category-images","wporg-pattern-keyword-featured"],"category_slugs":["gallery","images"],"keyword_slugs":["featured"],"pattern_content":"<!-- wp:cover {\"url\":\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg\",\"id\":665,\"hasParallax\":true,\"dimRatio\":40,\"overlayColor\":\"primary\",\"contentPosition\":\"center center\",\"isDark\":false,\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"5vw\",\"right\":\"5vw\",\"bottom\":\"5vw\",\"left\":\"5vw\"}}}} -->\n<div class=\"wp-block-cover alignfull is-light has-parallax\" style=\"padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;background-image:url(https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg)\"><span aria-hidden=\"true\" class=\"has-primary-background-color has-background-dim-40 wp-block-cover__gradient-background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:columns {\"verticalAlignment\":\"top\",\"align\":\"full\"} -->\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top\"><!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"72%\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"4vw\",\"top\":\"0vw\",\"bottom\":\"0vw\",\"left\":\"0vw\"}}}} -->\n<div class=\"wp-block-column is-vertically-aligned-top\" style=\"padding-top:0vw;padding-right:4vw;padding-bottom:0vw;padding-left:0vw;flex-basis:72%\"><!-- wp:image {\"id\":666,\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"4px\"}}} -->\n<figure class=\"wp-block-image size-large\" style=\"border-radius:4px\"><img src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1024x652.jpg\" alt=\"\" class=\"wp-image-666\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:spacer {\"height\":40} -->\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:group {\"style\":{\"color\":{\"text\":\"#ffffff\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#ffffff\"}}}}} -->\n<div class=\"wp-block-group has-text-color has-link-color\" style=\"color:#ffffff\"><!-- wp:quote {\"className\":\"is-style-default\"} -->\n<blockquote class=\"wp-block-quote is-style-default\"><p><em>\u062a\u0637\u0645\u062d \u0625\u0644\u0649 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0645\u062b\u0644 \u062c\u0628\u0644 \u0641\u0648\u062c\u064a\u060c \u0645\u0639 \u0645\u062b\u0644 \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0648\u0627\u0633\u0639 \u0648\u0627\u0644\u0635\u0644\u0628 \u0628\u062d\u064a\u062b \u0644\u0627 \u064a\u0633\u062a\u0637\u064a\u0639 \u0623\u0642\u0648\u0649 \u0632\u0644\u0632\u0627\u0644 \u0623\u0646 \u064a\u062d\u0631\u0643\u0643\u060c \u0648\u0623\u0646 \u062a\u0643\u0648\u0646 \u0637\u0648\u064a\u0644 \u0627\u0644\u0642\u0627\u0645\u0629 \u0628\u062d\u064a\u062b \u062a\u0628\u062f\u0648 \u0623\u0639\u0638\u0645 \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0627\u0645\u0629 \u0627\u0644\u0646\u0627\u0633 \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0645\u0646 \u0645\u0646\u0638\u0648\u0631\u0643 \u0627\u0644\u0646\u0628\u064a\u0644.<\/em><\/p><cite><strong>\u2014 \u0645\u064a\u0627\u0645\u0648\u062a\u0648 \u0645\u0648\u0633\u0627\u0634\u064a<\/strong><\/cite><\/blockquote>\n<!-- \/wp:quote --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"33.33%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\" style=\"flex-basis:33.33%\"><!-- wp:spacer {\"height\":40} -->\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:image {\"id\":664,\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"4px\"}}} -->\n<figure class=\"wp-block-image size-large\" style=\"border-radius:4px\"><img src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-691x1024.jpg\" alt=\"\" class=\"wp-image-664\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div><\/div>\n<!-- \/wp:cover -->","favorite_count":0,"author_meta":{"name":"WordPress.org","url":"https:\/\/ar.wordpress.org\/patterns\/author\/wordpressdotorg","avatar":"https:\/\/secure.gravatar.com\/avatar\/178f40079143ff7464125e4fbc88e62024a16442920a6a3d6dfa3d7e626be20d?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/8396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"author":[{"embeddable":true,"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/users\/5911429"}],"version-history":[{"count":3,"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/8396\/revisions"}],"predecessor-version":[{"id":9834,"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/8396\/revisions\/9834"}],"wp:attachment":[{"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=8396"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=8396"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=8396"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/ar.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=8396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}