{"id":176,"date":"2022-03-10T22:41:32","date_gmt":"2022-03-10T22:41:32","guid":{"rendered":"https:\/\/demo.codestag.com\/shift\/?page_id=176"},"modified":"2022-05-20T22:12:34","modified_gmt":"2022-05-20T22:12:34","slug":"patterns","status":"publish","type":"page","link":"https:\/\/demo.codestag.com\/shift\/patterns\/","title":{"rendered":"Patterns"},"content":{"rendered":"<div class=\"wp-block-group alignfull has-background-2-background-color has-background\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-cover\" style=\"padding-top:2vw;padding-right:2vw;padding-bottom:2vw;padding-left:2vw;min-height:600px;aspect-ratio:unset;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-foreground-background-color has-background-dim-80 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"700\" class=\"wp-block-cover__image-background wp-image-240\" alt=\"\" src=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/image-1.png\" data-object-fit=\"cover\" srcset=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/image-1.png 600w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/image-1-257x300.png 257w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\"><h2 class=\"has-text-align-center has-foreground-alt-color has-text-color has-xxl-font-size wp-block-heading\">This is title<\/h2>\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button has-custom-font-size is-style-outline has-small-font-size is-style-outline--1\"><a class=\"wp-block-button__link has-foreground-2-color has-text-color\" style=\"padding-top:4px;padding-right:16px;padding-bottom:4px;padding-left:16px\">Learn more<\/a><\/div><\/div><\/div><\/div><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-cover\" style=\"padding-top:2vw;padding-right:2vw;padding-bottom:2vw;padding-left:2vw;min-height:600px;aspect-ratio:unset;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-foreground-2-background-color has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"750\" class=\"wp-block-cover__image-background wp-image-551\" alt=\"\" src=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/05\/nikhil-u7N77YRs9g0-unsplash.png\" data-object-fit=\"cover\" srcset=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/05\/nikhil-u7N77YRs9g0-unsplash.png 601w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/05\/nikhil-u7N77YRs9g0-unsplash-240x300.png 240w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\"><h2 class=\"has-text-align-center has-foreground-alt-color has-text-color has-xxl-font-size wp-block-heading\">This is title<\/h2>\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2 wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button has-custom-font-size is-style-outline has-small-font-size is-style-outline--2\"><a class=\"wp-block-button__link\" style=\"padding-top:4px;padding-right:16px;padding-bottom:4px;padding-left:16px\">Learn more<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wp-block-group alignfull\" style=\"margin-top:0px;margin-bottom:0px;padding-top:4vw;padding-bottom:4vw\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"has-text-align-left wp-block-heading\">This is section title<\/h2>\n\n<p class=\"has-text-align-left has-large-font-size\">this is description<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"663\" src=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1-1024x663.png\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1-1024x663.png 1024w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1-600x389.png 600w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1-300x194.png 300w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1-768x497.png 768w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"has-text-align-left wp-block-heading\">This is title<\/h3>\n\n<p class=\"has-text-align-left\">Attributes provide the structured data needs of a block. <\/p><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"has-text-align-left wp-block-heading\">This is title<\/h3>\n\n<p class=\"has-text-align-left\">Attributes provide the structured data needs of a block. <\/p><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"has-text-align-left wp-block-heading\">This is title<\/h3>\n\n<p class=\"has-text-align-left\">Attributes provide the structured data needs of a block. <\/p><\/div><\/div><\/div><\/div><div class=\"wp-block-group alignfull has-foreground-alt-background-color has-background\" style=\"margin-top:0px;margin-bottom:0px;padding-top:4vw;padding-bottom:4vw\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><h2 class=\"wp-block-heading\">This is section title<\/h2>\n\n<p class=\"has-large-font-size\">this is description<\/p>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image.png\" alt=\"\" class=\"wp-image-241\" srcset=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image.png 800w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-300x300.png 300w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-100x100.png 100w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-600x600.png 600w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-150x150.png 150w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-768x768.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\">This is title<\/h3>\n\n<p>Attributes provide the structured data needs of a block. <\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button has-custom-font-size has-small-font-size\"><a class=\"wp-block-button__link\" style=\"padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px\">Learn more<\/a><\/div><\/div><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"700\" src=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/image-1.png\" alt=\"\" class=\"wp-image-240\" srcset=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/image-1.png 600w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/image-1-257x300.png 257w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\">This is title<\/h3>\n\n<p>Attributes provide the structured data needs of a block. <\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button has-custom-font-size has-small-font-size\"><a class=\"wp-block-button__link\" style=\"padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px\">Learn more<\/a><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wp-block-group alignfull\" style=\"margin-top:0px;margin-bottom:0px\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-cover alignfull\" style=\"padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:600px;aspect-ratio:unset;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-foreground-background-color has-background-dim-60 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"829\" class=\"wp-block-cover__image-background wp-image-242\" alt=\"\" src=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1.png\" style=\"object-position:0% 32%\" data-object-fit=\"cover\" data-object-position=\"0% 32%\" srcset=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1.png 1280w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1-600x389.png 600w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1-300x194.png 300w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1-1024x663.png 1024w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/pexels-marlene-leppa\u0308nen-1183266-1-768x497.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\"><div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"has-text-align-left has-large-font-size\">Typo. Attributes provide the structured data needs of a block. They can exist in different forms when they are serialized, but they are declared together under a common interface.<\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link\">Learn more<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wp-block-group alignfull\" style=\"margin-top:0px;margin-bottom:0px;padding-top:4vw;padding-bottom:4vw\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-6 wp-block-group-is-layout-flex\"><h2 class=\"wp-block-heading\">This is section title<\/h2>\n\n<p class=\"has-small-font-size\"><strong>SEE ALL<\/strong><\/p><\/div>\n\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\" style=\"margin-top:64px\"><div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image.png\" alt=\"\" class=\"wp-image-241\" srcset=\"https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image.png 800w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-300x300.png 300w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-100x100.png 100w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-600x600.png 600w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-150x150.png 150w, https:\/\/demo.codestag.com\/shift\/wp-content\/uploads\/sites\/44\/2022\/03\/Image-768x768.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-heading\">This is title<\/h3>\n\n<p>Typo. Attributes provide the structured data needs of a block. They can exist in different forms when they are serialized, but they are declared together under a common interface.<\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button has-custom-font-size has-small-font-size\"><a class=\"wp-block-button__link\" style=\"padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px\">Learn more<\/a><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>This is section title this is description This is title Attributes provide the structured data needs of a block. This is title Attributes provide the&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/demo.codestag.com\/shift\/patterns\/\">Continue Reading<span class=\"screen-reader-text\">Patterns<\/span> <i class=\"fas fa-angle-right\"><\/i><\/a><\/div>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-no-title","meta":{"footnotes":""},"class_list":["post-176","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/demo.codestag.com\/shift\/wp-json\/wp\/v2\/pages\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.codestag.com\/shift\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.codestag.com\/shift\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.codestag.com\/shift\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.codestag.com\/shift\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":41,"href":"https:\/\/demo.codestag.com\/shift\/wp-json\/wp\/v2\/pages\/176\/revisions"}],"predecessor-version":[{"id":827,"href":"https:\/\/demo.codestag.com\/shift\/wp-json\/wp\/v2\/pages\/176\/revisions\/827"}],"wp:attachment":[{"href":"https:\/\/demo.codestag.com\/shift\/wp-json\/wp\/v2\/media?parent=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}