CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("http://web.archive.org/web"); __wm.wombat("https://wordpress.org/patterns/author/wordpressdotorg/","20230203042210","http://web.archive.org/","web","https://web-static.archive.org/_static/", "1675398130"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Block Patterns by WordPress.org | WordPress.org</title> <link rel="preload" href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/global-fonts/Inter/Inter-latin.woff2" as="font" crossorigin="crossorigin" type="font/woff2"/> <meta name="robots" content="max-image-preview:large"/> <link rel="dns-prefetch" href="//web.archive.org/web/20230203042210/https://www.googletagmanager.com/"/> <link rel="alternate" type="application/rss+xml" title="Block Pattern Directory 禄 Feed" href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/feed/"/> <link rel="alternate" type="application/rss+xml" title="Block Pattern Directory 禄 Comments Feed" href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/comments/feed/"/> <link rel="alternate" type="application/rss+xml" title="Block Pattern Directory 禄 Posts by WordPress.org Feed" href="http://web.archive.org/web/20230203042210/https://profiles.wordpress.org/wordpressdotorg/feed/"/> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'http://web.archive.org/web/20230203042210/https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P24PF4B');</script> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"http:\/\/web.archive.org\/web\/20230203042210\/https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"http:\/\/web.archive.org\/web\/20230203042210\/https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/web.archive.org\/web\/20230203042210\/https:\/\/wordpress.org\/patterns\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.2-alpha-55168"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode,e=(p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0),i.toDataURL());return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([129777,127995,8205,129778,127999],[129777,127995,8203,129778,127999])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel="stylesheet" id="dashicons-css" href="http://web.archive.org/web/20230203042210cs_/https://s.w.org/wp-includes/css/dashicons.min.css?ver=6.2-alpha-55168" type="text/css" media="all"/> <link rel="stylesheet" id="admin-bar-css" href="http://web.archive.org/web/20230203042210cs_/https://wordpress.org/patterns/wp-includes/css/admin-bar.min.css?ver=6.2-alpha-55168" type="text/css" media="all"/> <link rel="stylesheet" id="wp-block-library-css" href="http://web.archive.org/web/20230203042210cs_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-library/style.css?ver=15.0.1" type="text/css" media="all"/> <style id="wp-block-library-inline-css" type="text/css"> .has-text-align-justify{text-align:justify;} </style> <style id="wporg-language-suggest-style-inline-css" type="text/css"> .wp-block-wporg-language-suggest{background-color:#eff2ff;color:#1e1e1e;font-size:12px;line-height:1;text-align:center}.wp-block-wporg-language-suggest>*{padding:10px 4px} </style> <style id="wporg-latest-news-style-inline-css" type="text/css"> .wporg-latest-news{list-style:none;margin:0;padding:0}.wporg-latest-news li:not(:last-child){padding-bottom:var(--wp--custom--latest-news--spacing,16px)}.wporg-latest-news li a{text-decoration:none}.wporg-latest-news li a:hover{text-decoration:underline}.wporg-latest-news li>a{color:var(--wp--custom--latest-news--link--color);display:block;font-family:var(--wp--custom--latest-news--title--font-family);font-size:var(--wp--custom--latest-news--title--font-size,24px);line-height:var(--wp--custom--latest-news--title--line-height);margin-bottom:var(--wp--custom--latest-news--link--spacing,4px)}.wporg-latest-news__details{font-size:var(--wp--custom--latest-news--link--details-font-size,14px)}.wporg-latest-news__details>:not(:last-child){margin-right:4px}.wporg-latest-news__category{text-transform:uppercase} </style> <style id="wporg-notice-style-inline-css" type="text/css"> .wp-block-wporg-notice{--wp--custom--wporg-notice--color--background:var(--wp--preset--color--acid-green-3);--wp--custom--wporg-notice--color--text:var(--wp--preset--color--charcoal-1)}.wp-block-wporg-notice.is-info-notice{--wp--custom--wporg-notice--color--background:var(--wp--preset--color--blueberry-4)}.wp-block-wporg-notice.is-alert-notice{--wp--custom--wporg-notice--color--background:var(--wp--preset--color--lemon-3)}.wp-block-wporg-notice.is-warning-notice{--wp--custom--wporg-notice--color--background:var(--wp--preset--color--pomegrade-3)}.wp-block-wporg-notice{grid-gap:.5em;background-color:var(--wp--custom--wporg-notice--color--background);color:var(--wp--custom--wporg-notice--color--text);display:grid;gap:.5em;grid-template-columns:auto 1fr;padding:1.25em}.wp-block-wporg-notice>*{align-self:start}.wp-block-wporg-notice p:first-child{margin-top:0}.wp-block-wporg-notice p:last-child{margin-bottom:0}.wp-block-wporg-notice a:active,.wp-block-wporg-notice a:focus,.wp-block-wporg-notice a:hover,.wp-block-wporg-notice a:link,.wp-block-wporg-notice a:visited{color:var(--wp--custom--wporg-notice--color--text)}.wp-block-wporg-notice.alignleft,.wp-block-wporg-notice.alignright{max-width:calc(var(--wp--style--global--content-size)*.66)}.wp-block-wporg-notice__icon{align-self:flex-start;background-image:url(/web/20230203042210im_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/notice/src/icon/library/tip.svg);background-position:50%;background-repeat:no-repeat;background-size:24px 24px;display:flex;height:1.875em;width:24px}.is-info-notice .wp-block-wporg-notice__icon{background-image:url(/web/20230203042210im_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/notice/src/icon/library/info.svg)}.is-alert-notice .wp-block-wporg-notice__icon{background-image:url(/web/20230203042210im_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/notice/src/icon/library/alert.svg)}.is-warning-notice .wp-block-wporg-notice__icon{background-image:url(/web/20230203042210im_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/notice/src/icon/library/warning.svg)}.wp-block-wporg-notice__content{align-self:center} </style> <style id="wporg-site-breadcrumbs-style-inline-css" type="text/css"> .wp-block-wporg-site-breadcrumbs{align-items:center;display:flex}.wp-block-wporg-site-breadcrumbs a{color:var(--wp--preset--color--charcoal-1)}.wp-block-wporg-site-breadcrumbs a:hover{text-decoration-line:underline}.wp-block-wporg-site-breadcrumbs>span:not(:first-child){align-items:center;display:flex;margin-top:0}.wp-block-wporg-site-breadcrumbs>span:not(:first-child):before{content:"/";display:inline-block;font-weight:400;margin:0 .5rem}.wp-block-wporg-site-breadcrumbs .is-current-page{font-weight:700} </style> <style id="wporg-table-of-contents-style-inline-css" type="text/css"> @media (min-width:890px){#wp--skip-link--target,.is-toc-heading{scroll-margin-top:var(--wp-local-header-offset,0)}}.is-toc-heading a{--local--icon-size:24px;color:inherit;display:inline-block;padding-right:calc(var(--local--icon-size) + .1em)}.is-toc-heading a,.is-toc-heading a:after{text-decoration:none!important}.is-toc-heading a:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.083 17.639H8.444a5.194 5.194 0 1 1 0-10.389h1.64v1.5H8.443a3.694 3.694 0 0 0 0 7.389h1.641v1.5ZM13.917 7.25h1.639a5.194 5.194 0 0 1 0 10.39h-1.641v-1.5h1.642a3.694 3.694 0 0 0 0-7.39h-1.642v-1.5Zm-4.584 6.084h5.334v-1.5H9.333v1.5Z' fill='%233858E9'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:var(--local--icon-size);margin-right:calc(var(--local--icon-size)*-1 - .1em);opacity:0;vertical-align:initial;width:calc(var(--local--icon-size) + .1em)}.is-toc-heading a:focus:after,.is-toc-heading a:hover:after,.is-toc-heading:focus a:after{opacity:1}.is-toc-heading.focus-visible,.is-toc-heading:focus{outline:none}.is-toc-heading:focus,.is-toc-heading:focus-visible{outline:none}.is-toc-heading:target{border-left:2px solid var(--wp--preset--color--blueberry-1);padding-left:8px} </style> <style id="wporg-two-factor-settings-style-inline-css" type="text/css"> .wp-block-wporg-two-factor-settings{--color-success:#008a20;--color-warning:#dfb104;--color-error:#d63738}.wp-block-wporg-two-factor-settings h3{clear:none;font-size:14px}.wp-block-wporg-two-factor-settings .components-button{margin-right:20px}.wporg-2fa__navigation{padding:0 24px!important}.wporg-2fa__navigation a{position:relative;top:-4px}.wporg-2fa__navigation svg{margin-right:3px;position:relative;top:7px}.wporg-2fa__navigation h3{flex:1 1 auto;margin:25px 0;text-align:center;text-transform:capitalize}.wporg-2fa__account-status .wporg-2fa__status-card a{text-decoration:none}.wporg-2fa__account-status .wporg-2fa__status-card .components-card__header{color:#1e1e1e;font-size:1.2em;justify-content:flex-start}.wporg-2fa__account-status .wporg-2fa__status-card .components-card__body{grid-column-gap:10px;color:#5d5d5d;display:grid;grid-template-areas:"status header open" "status description open";grid-template-columns:min-content auto min-content;padding:18px 14px}.wporg-2fa__account-status .wporg-2fa__status-card .components-card__body .wporg-2fa__status-icon{-ms-grid-row-span:2;align-self:center;grid-area:status;-ms-grid-column:1;-ms-grid-row:1}.wporg-2fa__account-status .wporg-2fa__status-card .components-card__body h3{align-self:end;font-size:1.1em;grid-area:header;-ms-grid-column:3;-ms-grid-row:1;margin:0}.wporg-2fa__account-status .wporg-2fa__status-card .components-card__body p{align-self:start;color:#656971;grid-area:description;-ms-grid-column:3;-ms-grid-row:2;margin:0}.wporg-2fa__account-status .wporg-2fa__status-card .components-card__body .wporg-2fa__status-card-open{-ms-grid-row-span:2;align-self:center;grid-area:open;-ms-grid-column:5;-ms-grid-row:1}.wporg-2fa__account-status .wporg-2fa__status-icon.is-enabled,.wporg-2fa__account-status .wporg-2fa__status-icon.is-ok{fill:var(--color-success)}.wporg-2fa__account-status .wporg-2fa__status-icon.is-pending{fill:var(--color-warning)}.wporg-2fa__account-status .wporg-2fa__status-icon.is-disabled,.wporg-2fa__account-status .wporg-2fa__status-icon.is-error{fill:var(--color-error)}.bbp-single-user .wporg-2fa__password input[type=text],.wporg-2fa__password input[type=text]{padding:6px 8px}.bbp-single-user .wporg-2fa__password .wporg-2fa__password_container,.wporg-2fa__password .wporg-2fa__password_container{align-items:flex-start;justify-content:flex-start}.bbp-single-user .wporg-2fa__password .wporg-2fa__show-password,.wporg-2fa__password .wporg-2fa__show-password{flex-shrink:0;margin:0;padding:0;position:relative;top:23px}.wporg-2fa__email .components-notice.actions-on-right>div{display:flex}.wporg-2fa__email .components-notice.actions-on-right>div>p{flex-grow:1;margin:initial}.wporg-2fa__email .email-error{color:var(--color-error)}.wporg-2fa__qr-code{text-align:center}.wporg-2fa__manual-code{font-family:monospace;font-weight:700;letter-spacing:.1em}.wporg-2fa__verify-code{margin-bottom:20px;width:10ch}.wporg-2fa__enabled-status{color:var(--color-success);text-transform:uppercase}.wporg-2fa__backup-codes .wporg-2fa__backup-codes-list{background-color:#e1e1e1;margin:1em 0;padding:15px 20px}.wporg-2fa__backup-codes .wporg-2fa__backup-codes-list ol{-moz-column-count:2;-moz-column-width:110px;columns:110px 2;margin:0}.wporg-2fa__backup-codes .wporg-2fa__backup-codes-list li::marker{color:#8a8787}.wporg-2fa__backup-codes .components-notice{margin-bottom:1em}#bbpress-forums .wporg-2fa__backup-codes .wporg-2fa__backup-codes-list li{list-style-position:inside;list-style-type:decimal}#bbpress-forums .wporg-2fa__progress-bar,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar,.wporg-2fa__progress-bar{--color-enabled:#0475c4;--color-disabled:#c2c3c6;--color-disabled-text:#707070;margin:0 -24px;position:relative}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-steps,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-steps,.wporg-2fa__progress-bar .wporg-2fa__setup-steps{display:flex;justify-content:space-evenly;position:relative;z-index:2}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-steps li,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-steps li,.wporg-2fa__progress-bar .wporg-2fa__setup-steps li{text-align:center}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-steps svg,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-steps svg,.wporg-2fa__progress-bar .wporg-2fa__setup-steps svg{border:1px solid;border-radius:30px;box-sizing:content-box;padding:15px}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-enabled,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-enabled,.wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-enabled{color:var(--color-enabled);font-weight:700}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-enabled svg,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-enabled svg,.wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-enabled svg{fill:#fff;background-color:var(--color-enabled);border-color:var(--color-enabled)}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-disabled,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-disabled,.wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-disabled{color:var(--color-disabled-text)}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-disabled svg,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-disabled svg,.wporg-2fa__progress-bar .wporg-2fa__setup-steps li.is-disabled svg{fill:var(--color-disabled);background-color:#fff;border-color:var(--color-disabled)}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-step-separators,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-step-separators,.wporg-2fa__progress-bar .wporg-2fa__setup-step-separators{display:flex;justify-content:space-between;position:absolute;top:27px;width:100%;z-index:1}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-step-separators li,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-step-separators li,.wporg-2fa__progress-bar .wporg-2fa__setup-step-separators li{flex-basis:33%;flex-grow:1;flex-shrink:1;height:3px}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-step-separators li.is-enabled,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-step-separators li.is-enabled,.wporg-2fa__progress-bar .wporg-2fa__setup-step-separators li.is-enabled{background-color:var(--color-enabled)}#bbpress-forums .wporg-2fa__progress-bar .wporg-2fa__setup-step-separators li.is-disabled,#bbpress-forums.bbpress-wrapper .wporg-2fa__progress-bar .wporg-2fa__setup-step-separators li.is-disabled,.wporg-2fa__progress-bar .wporg-2fa__setup-step-separators li.is-disabled{background-color:var(--color-disabled)}.wporg-2fa__global-notice{margin-bottom:20px}.wporg-2fa__global-notice .components-snackbar__content,.wporg-2fa__global-notice.components-snackbar{cursor:auto}.wporg-2fa__global-notice .components-snackbar__content{position:relative}.wporg-2fa__global-notice .components-snackbar .components-snackbar__icon,.wporg-2fa__global-notice .components-snackbar__icon{fill:var(--color-success);left:-34px!important;position:absolute;top:-6px!important;width:30px}#bbpress-forums .wp-block-wporg-two-factor-settings a.components-button,#bbpress-forums .wp-block-wporg-two-factor-settings a.components-button:hover{box-shadow:inset 0 0 0 1px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));text-decoration:none} </style> <link rel="stylesheet" id="wp-components-css" href="http://web.archive.org/web/20230203042210cs_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/components/style.css?ver=15.0.1" type="text/css" media="all"/> <link rel="stylesheet" id="mediaelement-css" href="http://web.archive.org/web/20230203042210cs_/https://wordpress.org/patterns/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17" type="text/css" media="all"/> <link rel="stylesheet" id="wp-mediaelement-css" href="http://web.archive.org/web/20230203042210cs_/https://wordpress.org/patterns/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.2-alpha-55168" type="text/css" media="all"/> <style id="global-styles-inline-css" type="text/css"> body{--wp--preset--shadow--natural: 0 .2rem .3rem 0 rgba(0,0,0, 0.3), 0 .5rem .6rem 0 rgba(0,0,0, 0.4);--wp--preset--shadow--sharp: .5rem .5rem 0 0 rgba(0,0,0, 0.4);--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('/web/20230203042210im_/https://wordpress.org/patterns/author/wordpressdotorg/#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('/web/20230203042210im_/https://wordpress.org/patterns/author/wordpressdotorg/#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('/web/20230203042210im_/https://wordpress.org/patterns/author/wordpressdotorg/#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('/web/20230203042210im_/https://wordpress.org/patterns/author/wordpressdotorg/#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('/web/20230203042210im_/https://wordpress.org/patterns/author/wordpressdotorg/#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('/web/20230203042210im_/https://wordpress.org/patterns/author/wordpressdotorg/#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('/web/20230203042210im_/https://wordpress.org/patterns/author/wordpressdotorg/#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('/web/20230203042210im_/https://wordpress.org/patterns/author/wordpressdotorg/#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;}body { margin: 0;--wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1000px;}.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }.wp-site-blocks > * + * { margin-block-start: 24px; }body { --wp--style--block-gap: 24px; }body .is-layout-flow > *{margin-block-start: 0;margin-block-end: 0;}body .is-layout-flow > * + *{margin-block-start: 24px;margin-block-end: 0;}body .is-layout-constrained > *{margin-block-start: 0;margin-block-end: 0;}body .is-layout-constrained > * + *{margin-block-start: 24px;margin-block-end: 0;}body .is-layout-flex{gap: 24px;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}.wp-element-button, .wp-block-button__link{background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} </style> <link rel="stylesheet" id="classic-theme-styles-css" href="http://web.archive.org/web/20230203042210cs_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-library/classic.css?ver=1" type="text/css" media="all"/> <link rel="stylesheet" id="open-sans-css" href="http://web.archive.org/web/20230203042210cs_/https://fonts.googleapis.com/css2?family=Open+Sans%3Aital%2Cwght%400%2C300%3B0%2C400%3B0%2C600%3B1%2C300%3B1%2C400%3B1%2C600&display=swap" type="text/css" media="all"/> <link rel="stylesheet" id="wporg-style-css" href="http://web.archive.org/web/20230203042210cs_/https://s.w.org/wp-content/themes/pub/wporg-patterns/css/style.css?ver=1667422082" type="text/css" media="all"/> <style id="wporg-style-inline-css" type="text/css"> .entry-content > *{margin-block-start:0;margin-block-end:0;}.entry-content.entry-content > * + *{margin-block-start:24px;margin-block-end:0;} </style> <link rel="stylesheet" id="wporg-global-fonts-css" href="http://web.archive.org/web/20230203042210cs_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/global-fonts/style.css?ver=1675219904" type="text/css" media="all"/> <link rel="stylesheet" id="wporg-global-header-footer-css" href="http://web.archive.org/web/20230203042210cs_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/global-header-footer/build/style.css?ver=1673307590" type="text/css" media="all"/> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-library/blocks/navigation/view.min.js?ver=aa58d4d058136adf2722" id="wp-block-navigation-view-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-library/blocks/navigation/view-modal.min.js?ver=774770b5630ff20f41e1" id="wp-block-navigation-view-modal-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-includes/js/dist/vendor/lodash.min.js?ver=4.17.19" id="lodash-js"></script> <script type="text/javascript" id="lodash-js-after"> window.lodash = _.noConflict(); </script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9" id="regenerator-runtime-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/vendors/inert-polyfill.min.js?ver=6.2-alpha-55168" id="wp-inert-polyfill-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/hooks/index.min.js?ver=b68e9bf6562f8d63a320" id="wp-hooks-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/i18n/index.min.js?ver=3d2aeabd3f84698c0e2c" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/url/index.min.js?ver=65c04b6af8d4825187e4" id="wp-url-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/api-fetch/index.min.js?ver=f75179140c48ef2500cf" id="wp-api-fetch-js"></script> <script type="text/javascript" id="wp-api-fetch-js-after"> wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/wp-json/" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "3301af0daa" ); wp.apiFetch.use( wp.apiFetch.nonceMiddleware ); wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware ); wp.apiFetch.nonceEndpoint = "http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/wp-admin/admin-ajax.php?action=rest-nonce"; </script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/vendors/react.min.js?ver=18" id="react-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/vendors/react-dom.min.js?ver=18" id="react-dom-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/dom-ready/index.min.js?ver=8ef91b5d96d5175674de" id="wp-dom-ready-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/a11y/index.min.js?ver=1aab97509efa281a9d62" id="wp-a11y-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/deprecated/index.min.js?ver=1527f08b1d0357a0cf50" id="wp-deprecated-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/dom/index.min.js?ver=fff14268ac38444a6724" id="wp-dom-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/escape-html/index.min.js?ver=8514c67d158be39ab130" id="wp-escape-html-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/element/index.min.js?ver=904bb192b8910917514d" id="wp-element-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/is-shallow-equal/index.min.js?ver=83d1da2d013996a24adb" id="wp-is-shallow-equal-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/keycodes/index.min.js?ver=b701b65c416b7aeb82a4" id="wp-keycodes-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/priority-queue/index.min.js?ver=ee2e6bc4da5e68f14048" id="wp-priority-queue-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/compose/index.min.js?ver=61df8615a4ef09b748ab" id="wp-compose-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-includes/js/dist/vendor/moment.min.js?ver=2.29.4" id="moment-js"></script> <script type="text/javascript" id="moment-js-after"> moment.updateLocale( 'en_US', {"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"week":{"dow":1},"longDateFormat":{"LT":"g:i a","LTS":null,"L":null,"LL":"F j, Y","LLL":"F j, Y g:i a","LLLL":null}} ); </script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/date/index.min.js?ver=b7e756f0b249916efb94" id="wp-date-js"></script> <script type="text/javascript" id="wp-date-js-after"> wp.date.setSettings( {"l10n":{"locale":"en_US","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"meridiem":{"am":"am","pm":"pm","AM":"AM","PM":"PM"},"relative":{"future":"%s from now","past":"%s ago"},"startOfWeek":1},"formats":{"time":"g:i a","date":"F j, Y","datetime":"F j, Y g:i a","datetimeAbbreviated":"M j, Y g:i a"},"timezone":{"offset":"0","string":"","abbr":""}} ); </script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/primitives/index.min.js?ver=429e034fccf5dcdbe23a" id="wp-primitives-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/redux-routine/index.min.js?ver=a4f02cded081b94dc342" id="wp-redux-routine-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/data/index.min.js?ver=97bc175f02c791eb52c8" id="wp-data-js"></script> <script type="text/javascript" id="wp-data-js-after"> ( function() { var userId = 0; var storageKey = "WP_DATA_USER_" + userId; wp.data .use( wp.data.plugins.persistence, { storageKey: storageKey } ); } )(); </script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/rich-text/index.min.js?ver=d058b4515717b9ececde" id="wp-rich-text-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/warning/index.min.js?ver=540340af4e1d7b0c3986" id="wp-warning-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/components/index.min.js?ver=e282ad3025ba59373b88" id="wp-components-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/autop/index.min.js?ver=b92217e7dca37ef355dd" id="wp-autop-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/blob/index.min.js?ver=3993472dce14defb304e" id="wp-blob-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-serialization-default-parser/index.min.js?ver=c368bdf11527d14a3625" id="wp-block-serialization-default-parser-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/html-entities/index.min.js?ver=383cd3aba26890f99378" id="wp-html-entities-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/shortcode/index.min.js?ver=5e39a22191dda67b1494" id="wp-shortcode-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/blocks/index.min.js?ver=ef5793fe63eab08a8acf" id="wp-blocks-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/core-data/index.min.js?ver=af6d44d88ba609bcc8f4" id="wp-core-data-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/wporg-two-factor/settings/build/script.js?ver=ae2928c93f7f8cd8f5c0" id="wporg-two-factor-settings-script-js"></script> <script type="text/javascript" id="zxcvbn-async-js-extra"> /* <![CDATA[ */ var _zxcvbnSettings = {"src":"http:\/\/web.archive.org\/web\/20230203042210\/https:\/\/wordpress.org\/patterns\/wp-includes\/js\/zxcvbn.min.js"}; /* ]]> */ </script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-includes/js/zxcvbn-async.min.js?ver=1.0" id="zxcvbn-async-js"></script> <link rel="https://api.w.org/" href="https://wordpress.org/patterns/wp-json/"/><link rel="alternate" type="application/json" href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/wp-json/wp/v2/users/5911429"/><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://wordpress.org/patterns/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://wordpress.org/patterns/wp-includes/wlwmanifest.xml"/> <meta name="generator" content="WordPress 6.2-alpha-55168"/> <meta name="robots" content="noindex,follow"/> <link rel="canonical" href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg/"> <link rel="next" href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg/page/2/"> <link rel="preconnect" href="http://web.archive.org/web/20230203042210/https://fonts.googleapis.com/"><link rel="preconnect" href="http://web.archive.org/web/20230203042210/https://fonts.gstatic.com/" crossorigin>  <style> @media screen and (max-width: 782px) { #wpadminbar li#wp-admin-bar-log-in, #wpadminbar li#wp-admin-bar-register { display: block; } #wpadminbar li#wp-admin-bar-log-in a, #wpadminbar li#wp-admin-bar-register a { padding: 0 8px; } } </style> <style>img#wpstats{display:none}</style> <style type="text/css" media="print">#wpadminbar { display:none; }</style> <link rel="icon" href="http://web.archive.org/web/20230203042210im_/https://s.w.org/favicon.ico?2" sizes="32x32"/> <link rel="icon" href="http://web.archive.org/web/20230203042210im_/https://s.w.org/images/wmark.png" sizes="192x192"/> <link rel="apple-touch-icon" href="http://web.archive.org/web/20230203042210im_/https://s.w.org/images/wmark.png"/> <meta name="msapplication-TileImage" content="https://s.w.org/images/wmark.png"/> </head> <body class="archive author author-wordpressdotorg author-5911429 admin-bar no-customize-support is-classic-theme"> <a id="wporg-skip-link" class="skip-link screen-reader-text" href="#content" data-selector="#content">Skip to content</a> <div id="wpadminbar" class="nojq nojs"> <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Toolbar"> <ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu"><li id="wp-admin-bar-log-in"><a class="ab-item" href="http://web.archive.org/web/20230203042210/https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fpatterns%2Fauthor%2Fwordpressdotorg%2F&locale=en_US">Log In</a></li><li id="wp-admin-bar-register"><a class="ab-item" href="http://web.archive.org/web/20230203042210/https://login.wordpress.org/register?locale=en_US">Register</a></li></ul> </div> </div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-dark-grayscale"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 0.49803921568627"/><fefuncg type="table" tablevalues="0 0.49803921568627"/><fefuncb type="table" tablevalues="0 0.49803921568627"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-grayscale"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 1"/><fefuncg type="table" tablevalues="0 1"/><fefuncb type="table" tablevalues="0 1"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-purple-yellow"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.54901960784314 0.98823529411765"/><fefuncg type="table" tablevalues="0 1"/><fefuncb type="table" tablevalues="0.71764705882353 0.25490196078431"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-blue-red"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 1"/><fefuncg type="table" tablevalues="0 0.27843137254902"/><fefuncb type="table" tablevalues="0.5921568627451 0.27843137254902"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-midnight"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 0"/><fefuncg type="table" tablevalues="0 0.64705882352941"/><fefuncb type="table" tablevalues="0 1"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-magenta-yellow"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.78039215686275 1"/><fefuncg type="table" tablevalues="0 0.94901960784314"/><fefuncb type="table" tablevalues="0.35294117647059 0.47058823529412"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-purple-green"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.65098039215686 0.40392156862745"/><fefuncg type="table" tablevalues="0 1"/><fefuncb type="table" tablevalues="0.44705882352941 0.4"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-blue-orange"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.098039215686275 1"/><fefuncg type="table" tablevalues="0 0.66274509803922"/><fefuncb type="table" tablevalues="0.84705882352941 0.41960784313725"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><noscript><iframe src="http://web.archive.org/web/20230203042210if_/https://www.googletagmanager.com/ns.html?id=GTM-P24PF4B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <header class="wp-block-group alignfull global-header has-text-color has-background has-white-color has-charcoal-2-background-color is-layout-flow"> <figure class="wp-block-image global-header__wporg-logo-mark"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/"> <svg xmlns="http://www.w3.org/2000/svg" role="img" width="28" height="28" viewbox="0 0 28 28"> <title>WordPress.org</title> <path fill="currentColor" d="M13.6052 0.923525C16.1432 0.923525 18.6137 1.67953 20.7062 3.09703C22.7447 4.47403 24.3512 6.41803 25.3097 8.68603C26.9837 12.6415 26.5382 17.164 24.1352 20.7145C22.7582 22.753 20.8142 24.3595 18.5462 25.318C14.5907 26.992 10.0682 26.5465 6.51772 24.1435C4.47922 22.7665 2.87272 20.8225 1.91422 18.5545C0.240225 14.599 0.685725 10.0765 3.08872 6.52603C4.46572 4.48753 6.40973 2.88103 8.67772 1.92253C10.2302 1.26103 11.9177 0.923525 13.6052 0.923525ZM13.6052 0.113525C6.15322 0.113525 0.105225 6.16153 0.105225 13.6135C0.105225 21.0655 6.15322 27.1135 13.6052 27.1135C21.0572 27.1135 27.1052 21.0655 27.1052 13.6135C27.1052 6.16153 21.0572 0.113525 13.6052 0.113525Z"/> <path fill="currentColor" d="M2.36011 13.6133C2.36011 17.9198 4.81711 21.8618 8.70511 23.7383L3.33211 9.03684C2.68411 10.4813 2.36011 12.0338 2.36011 13.6133ZM21.2061 13.0463C21.2061 11.6558 20.7066 10.6973 20.2746 9.94134C19.8426 9.18534 19.1676 8.22684 19.1676 7.30884C19.1676 6.39084 19.9506 5.31084 21.0576 5.31084H21.2061C16.6296 1.11234 9.51511 1.42284 5.31661 6.01284C4.91161 6.45834 4.53361 6.93084 4.20961 7.43034H4.93861C6.11311 7.43034 7.93561 7.28184 7.93561 7.28184C8.54311 7.24134 8.61061 8.13234 8.00311 8.21334C8.00311 8.21334 7.39561 8.28084 6.72061 8.32134L10.8111 20.5118L13.2681 13.1273L11.5131 8.32134C10.9056 8.28084 10.3386 8.21334 10.3386 8.21334C9.73111 8.17284 9.79861 7.25484 10.4061 7.28184C10.4061 7.28184 12.2691 7.43034 13.3626 7.43034C14.4561 7.43034 16.3596 7.28184 16.3596 7.28184C16.9671 7.24134 17.0346 8.13234 16.4271 8.21334C16.4271 8.21334 15.8196 8.28084 15.1446 8.32134L19.2081 20.4173L20.3691 16.7453C20.8821 15.1388 21.1926 14.0048 21.1926 13.0328L21.2061 13.0463ZM13.7946 14.5853L10.4196 24.3998C12.6876 25.0613 15.1041 25.0073 17.3316 24.2243L17.2506 24.0758L13.7946 14.5853ZM23.4741 8.21334C23.5281 8.59134 23.5551 8.98284 23.5551 9.37434C23.5551 10.5218 23.3391 11.8043 22.7046 13.3973L19.2621 23.3333C24.5271 20.2688 26.4036 13.5593 23.4741 8.21334Z"/> </svg> </a> </figure> <nav class="is-responsive global-header__navigation wp-block-navigation is-horizontal is-layout-flex" aria-label=""><button aria-haspopup="true" aria-label="Open menu" class="wp-block-navigation__responsive-container-open " data-micromodal-trigger="modal-1"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5"/><rect x="4" y="15" width="16" height="1.5"/></svg></button> <div class="wp-block-navigation__responsive-container " style="" id="modal-1"> <div class="wp-block-navigation__responsive-close" tabindex="-1" data-micromodal-close> <div class="wp-block-navigation__responsive-dialog" aria-label="Menu"> <button aria-label="Close menu" data-micromodal-close class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></button> <div class="wp-block-navigation__responsive-container-content" id="modal-1-content"> <ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/news/"><span class="wp-block-navigation-item__label">News</span></a></li><li class=" wp-block-navigation-item has-child open-on-hover-click current-menu-item wp-block-navigation-submenu"><a class="wp-block-navigation-item__content current-menu-ancestor" href="http://web.archive.org/web/20230203042210/https://wordpress.org/download/">Download & Extend</a><button aria-label="Download & Extend submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/download/"><span class="wp-block-navigation-item__label">Get WordPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/themes/"><span class="wp-block-navigation-item__label">Themes</span></a></li><li class=" wp-block-navigation-item current-menu-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/"><span class="wp-block-navigation-item__label">Patterns</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/plugins/"><span class="wp-block-navigation-item__label">Plugins</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/openverse/"><span class="wp-block-navigation-item__label">Openverse</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/mobile/"><span class="wp-block-navigation-item__label">Mobile</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/hosting/"><span class="wp-block-navigation-item__label">Hosting</span></a></li></ul></li><li class=" wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://learn.wordpress.org/">Learn</a><button aria-label="Learn submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://learn.wordpress.org/"><span class="wp-block-navigation-item__label">Learn WordPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/documentation/"><span class="wp-block-navigation-item__label">Documentation</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/support/forums/"><span class="wp-block-navigation-item__label">Forums</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.tv/"><span class="wp-block-navigation-item__label">WordPress.tv</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://developer.wordpress.org/"><span class="wp-block-navigation-item__label">Developers</span></a></li></ul></li><li class=" wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://make.wordpress.org/">Community</a><button aria-label="Community submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://make.wordpress.org/"><span class="wp-block-navigation-item__label">Make WordPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://central.wordcamp.org/"><span class="wp-block-navigation-item__label">WordCamp</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://www.meetup.com/pro/wordpress/"><span class="wp-block-navigation-item__label">Meetups</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/photos/"><span class="wp-block-navigation-item__label">Photo Directory</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://jobs.wordpress.net/"><span class="wp-block-navigation-item__label">Job Board</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/five-for-the-future/"><span class="wp-block-navigation-item__label">Five for the Future</span></a></li></ul></li><li class=" wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/about/">About</a><button aria-label="About submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/about/"><span class="wp-block-navigation-item__label">About WordPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/showcase/"><span class="wp-block-navigation-item__label">Showcase</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/gutenberg/"><span class="wp-block-navigation-item__label">Gutenberg</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/enterprise/"><span class="wp-block-navigation-item__label">Enterprise</span></a></li></ul></li><li class=" wp-block-navigation-item global-header__mobile-get-wordpress global-header__get-wordpress wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/download/"><span class="wp-block-navigation-item__label">Get WordPress</span></a></li></ul> </div> </div> </div> </div></nav>  <nav class="is-responsive is-vertical global-header__search wp-block-navigation is-layout-flex wp-container-6" aria-label=""><button aria-haspopup="true" aria-label="Open menu" class="wp-block-navigation__responsive-container-open always-shown" data-micromodal-trigger="modal-5"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5"/><rect x="4" y="15" width="16" height="1.5"/></svg></button> <div class="wp-block-navigation__responsive-container hidden-by-default " style="" id="modal-5"> <div class="wp-block-navigation__responsive-close" tabindex="-1" data-micromodal-close> <div class="wp-block-navigation__responsive-dialog" aria-label="Menu"> <button aria-label="Close menu" data-micromodal-close class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></button> <div class="wp-block-navigation__responsive-container-content" id="modal-5-content"> <form role="search" method="get" action="http://web.archive.org/web/20230203042210/https://wordpress.org/search/do-search.php" class="wp-block-search__button-inside wp-block-search__icon-button wp-block-search"><label for="wp-block-search__input-4" class="wp-block-search__label">Search</label><div class="wp-block-search__inside-wrapper "><input type="search" id="wp-block-search__input-4" class="wp-block-search__input wp-block-search__input " name="s" value="" placeholder="Search WP.org..." required/><button type="submit" class="wp-block-search__button has-icon wp-element-button" aria-label="Search"><svg class="search-icon" viewbox="0 0 24 24" width="24" height="24"> <path d="M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"></path> </svg></button></div></form> </div> </div> </div> </div></nav>  <div class="global-header__desktop-get-wordpress-container"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/download/" class="global-header__desktop-get-wordpress global-header__get-wordpress is-layout-flow"> Get WordPress </a> </div> </header> <div id="page" class="site"> <div id="content" class="site-content"> <header id="masthead" class="site-header " role="banner"> <div class="site-branding"> <div> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/" rel="home"> All Patterns </a> <span class="sep">/</span> <span id="breadcrumb-part" class="is-current-page"> Author: <span>WordPress.org</span> </span> </div> <nav id="site-navigation" class="main-navigation" role="navigation"> <button class="menu-toggle dashicons dashicons-arrow-down-alt2" aria-controls="primary-menu" aria-expanded="false" aria-label="Primary Menu"> </button> <div class="menu-main-navigation-container"><ul id="primary-menu" class="menu"><li id="menu-item-3770" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3770"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/favorites/">Favorites</a></li> <li id="menu-item-11839" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11839"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/my-patterns/">My Patterns</a></li> <li id="menu-item-11840" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11840"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/new-pattern/">New Pattern</a></li> </ul></div> </nav> <form role="search" method="get" action="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/" class="pattern-search"> <label for="s" class="screen-reader-text">Search for:</label> <input type="search" id="s" value="" name="s" placeholder="Search patterns" required/> <button type="submit" class="pattern-search__button"> <span class="screen-reader-text"> Search </span> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" role="img" aria-hidden="true" focusable="false"><path d="M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"></path></svg> </button> </form> </div> </header> <main id="main" class="site-main" role="main"> <div id="patterns__container"> <div class="pattern-grid"> <div id="post-229116" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/header-with-hero-image/" rel="bookmark">Header with hero image</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-229092" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/header-inside-full-width-background-image/" rel="bookmark">Header inside full-width background image</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-229097" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/simple-header-with-dark-background/" rel="bookmark">Simple header with dark background</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-229101" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/text-only-header-with-tagline/" rel="bookmark">Text-only header with tagline</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-229105" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/simple-header-with-tagline/" rel="bookmark">Simple header with tagline</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-229111" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/site-title-and-menu-button/" rel="bookmark">Site title and menu button</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-229080" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/centered-header-with-logo/" rel="bookmark">Centered header with logo</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-229084" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/header-with-large-font-size/" rel="bookmark">Header with large font size</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-229088" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/simple-header/" rel="bookmark">Simple header</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-229123" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/pattern/centered-footer/" rel="bookmark">Centered footer</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20230203042210im_/https://secure.gravatar.com/avatar/61ee2579b8905e62b4b4045bdc92c11a?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> </div> </div> </main> </div> </div> <footer class="wp-block-group alignfull global-footer has-text-color has-background has-white-color has-charcoal-2-background-color is-layout-flow"> <div class="wp-block-group global-footer__navigation-container is-layout-flow"> <nav class="global-footer__navigation-important wp-block-navigation is-layout-flex" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/about/"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/news/"><span class="wp-block-navigation-item__label">News</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/hosting/"><span class="wp-block-navigation-item__label">Hosting</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpressfoundation.org/donate/"><span class="wp-block-navigation-item__label">Donate</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://mercantile.wordpress.org/"><span class="wp-block-navigation-item__label">Swag</span></a></li></ul></nav> <nav class="global-footer__navigation-information wp-block-navigation is-layout-flex" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/documentation/"><span class="wp-block-navigation-item__label">Documentation</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://developer.wordpress.org/"><span class="wp-block-navigation-item__label">Developers</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://make.wordpress.org/"><span class="wp-block-navigation-item__label">Get Involved</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://learn.wordpress.org/"><span class="wp-block-navigation-item__label">Learn</span></a></li></ul></nav> <nav class="global-footer__navigation-resources wp-block-navigation is-layout-flex" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/showcase/"><span class="wp-block-navigation-item__label">Showcase</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/plugins/"><span class="wp-block-navigation-item__label">Plugins</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/themes/"><span class="wp-block-navigation-item__label">Themes</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/patterns/"><span class="wp-block-navigation-item__label">Patterns</span></a></li></ul></nav> <nav class="global-footer__navigation-community wp-block-navigation is-layout-flex" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://central.wordcamp.org/"><span class="wp-block-navigation-item__label">WordCamp</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.tv/"><span class="wp-block-navigation-item__label">WordPress.TV</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://buddypress.org/"><span class="wp-block-navigation-item__label">BuddyPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://bbpress.org/"><span class="wp-block-navigation-item__label">bbPress</span></a></li></ul></nav> <nav class="global-footer__navigation-external wp-block-navigation is-layout-flex" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.com/?ref=wporg-footer"><span class="wp-block-navigation-item__label">WordPress.com</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://ma.tt/"><span class="wp-block-navigation-item__label">Matt</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://wordpress.org/about/privacy/"><span class="wp-block-navigation-item__label">Privacy</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20230203042210/https://publiccode.eu/"><span class="wp-block-navigation-item__label">Public Code</span></a></li></ul></nav> </div> <div class="wp-block-group global-footer__logos-container is-layout-flow"> <div class="wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-20">  <figure class="wp-block-image global-footer__wporg-logo-mark"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/"> <svg xmlns="http://www.w3.org/2000/svg" role="img" width="28" height="28" viewbox="0 0 28 28"> <title>WordPress.org</title> <path fill="currentColor" d="M13.6052 0.923525C16.1432 0.923525 18.6137 1.67953 20.7062 3.09703C22.7447 4.47403 24.3512 6.41803 25.3097 8.68603C26.9837 12.6415 26.5382 17.164 24.1352 20.7145C22.7582 22.753 20.8142 24.3595 18.5462 25.318C14.5907 26.992 10.0682 26.5465 6.51772 24.1435C4.47922 22.7665 2.87272 20.8225 1.91422 18.5545C0.240225 14.599 0.685725 10.0765 3.08872 6.52603C4.46572 4.48753 6.40973 2.88103 8.67772 1.92253C10.2302 1.26103 11.9177 0.923525 13.6052 0.923525ZM13.6052 0.113525C6.15322 0.113525 0.105225 6.16153 0.105225 13.6135C0.105225 21.0655 6.15322 27.1135 13.6052 27.1135C21.0572 27.1135 27.1052 21.0655 27.1052 13.6135C27.1052 6.16153 21.0572 0.113525 13.6052 0.113525Z"/> <path fill="currentColor" d="M2.36011 13.6133C2.36011 17.9198 4.81711 21.8618 8.70511 23.7383L3.33211 9.03684C2.68411 10.4813 2.36011 12.0338 2.36011 13.6133ZM21.2061 13.0463C21.2061 11.6558 20.7066 10.6973 20.2746 9.94134C19.8426 9.18534 19.1676 8.22684 19.1676 7.30884C19.1676 6.39084 19.9506 5.31084 21.0576 5.31084H21.2061C16.6296 1.11234 9.51511 1.42284 5.31661 6.01284C4.91161 6.45834 4.53361 6.93084 4.20961 7.43034H4.93861C6.11311 7.43034 7.93561 7.28184 7.93561 7.28184C8.54311 7.24134 8.61061 8.13234 8.00311 8.21334C8.00311 8.21334 7.39561 8.28084 6.72061 8.32134L10.8111 20.5118L13.2681 13.1273L11.5131 8.32134C10.9056 8.28084 10.3386 8.21334 10.3386 8.21334C9.73111 8.17284 9.79861 7.25484 10.4061 7.28184C10.4061 7.28184 12.2691 7.43034 13.3626 7.43034C14.4561 7.43034 16.3596 7.28184 16.3596 7.28184C16.9671 7.24134 17.0346 8.13234 16.4271 8.21334C16.4271 8.21334 15.8196 8.28084 15.1446 8.32134L19.2081 20.4173L20.3691 16.7453C20.8821 15.1388 21.1926 14.0048 21.1926 13.0328L21.2061 13.0463ZM13.7946 14.5853L10.4196 24.3998C12.6876 25.0613 15.1041 25.0073 17.3316 24.2243L17.2506 24.0758L13.7946 14.5853ZM23.4741 8.21334C23.5281 8.59134 23.5551 8.98284 23.5551 9.37434C23.5551 10.5218 23.3391 11.8043 22.7046 13.3973L19.2621 23.3333C24.5271 20.2688 26.4036 13.5593 23.4741 8.21334Z"/> </svg> </a> </figure> <figure class="wp-block-image global-footer__wporg-logo-full"> <a href="http://web.archive.org/web/20230203042210/https://wordpress.org/"> <svg xmlns="http://www.w3.org/2000/svg" role="img" width="329" height="52" viewbox="0 0 329 52"> <title>WordPress.org</title> <path fill="currentColor" d="M4.33 26a21.68 21.68 0 0 0 12.22 19.5L6.21 17.18A21.66 21.66 0 0 0 4.33 26ZM26.38 27.89l-6.5 18.89a21.31 21.31 0 0 0 6.12.89 21.77 21.77 0 0 0 7.2-1.23 1.429 1.429 0 0 1-.16-.3l-6.66-18.25Z"/> <path fill="currentColor" d="M26 0a26 26 0 1 0 0 52 26 26 0 0 0 0-52Zm20.27 39.66a24.47 24.47 0 0 1-29.78 8.86 24.49 24.49 0 0 1-13-13 24.4 24.4 0 0 1 5.23-26.8 24.46 24.46 0 0 1 26.79-5.24 24.49 24.49 0 0 1 13 13 24.42 24.42 0 0 1-2.25 23.17l.01.01Z"/> <path fill="currentColor" d="M45 15.61c.103.736.153 1.477.15 2.22a20.38 20.38 0 0 1-1.65 7.76l-6.61 19.14A21.65 21.65 0 0 0 45 15.61ZM40.63 24.91a11.45 11.45 0 0 0-1.79-6c-1.1-1.78-2.13-3.29-2.13-5.08A3.76 3.76 0 0 1 40.35 10h.28A21.65 21.65 0 0 0 7.9 14.1h1.39c2.27 0 5.78-.27 5.78-.27a.9.9 0 0 1 .13 1.79s-1.17.13-2.47.2l7.88 23.47 4.75-14.22L22 15.84c-1.17-.07-2.27-.2-2.27-.2a.9.9 0 0 1 .14-1.79s3.57.27 5.7.27c2.13 0 5.78-.27 5.78-.27a.9.9 0 0 1 .14 1.79s-1.18.13-2.48.2l7.83 23.29 2.23-7.08a25.171 25.171 0 0 0 1.56-7.14ZM145.83 19.3h-10.34v1.1c3.23 0 3.75.69 3.75 4.79v7.4c0 4.1-.52 4.85-3.75 4.85-2.48-.35-4.16-1.68-6.47-4.22l-2.66-2.89c3.58-.63 5.49-2.89 5.49-5.43 0-3.18-2.72-5.6-7.8-5.6h-10.17v1.1c3.24 0 3.76.69 3.76 4.79v7.4c0 4.1-.52 4.85-3.76 4.85v1.1h11.5v-1.1c-3.24 0-3.76-.75-3.76-4.85v-2.08h1l6.42 8h16.81c8.26 0 11.85-4.39 11.85-9.65 0-5.26-3.61-9.56-11.87-9.56Zm-24.21 9.42V21H124a3.551 3.551 0 0 1 3.76 3.87 3.536 3.536 0 0 1-3.76 3.85h-2.38Zm24.38 8h-.4c-2.08 0-2.37-.52-2.37-3.18V21H146c6 0 7.11 4.39 7.11 7.8S152 36.75 146 36.75v-.03ZM93.49 13.52H82.62v1.16c3.7 0 4.22 1 3.07 4.39l-4 11.78L76 13.52h-1.1l-5.85 17.33-3.87-11.78c-1.22-3.59-.29-4.39 3.12-4.39v-1.16H55.47v1.16c3.35 0 4.28.86 5.66 5.08l6.42 19.76h.75l6-18.08 5.9 18.08h.8l6.59-19.76c1.44-4.22 2.31-5.08 5.95-5.08l-.05-1.16ZM101.34 18.55c-6.35 0-11.55 4.68-11.55 10.34s5.2 10.4 11.55 10.4c6.35 0 11.56-4.68 11.56-10.4 0-5.72-5.2-10.34-11.56-10.34Zm0 18.89c-5.31 0-7.16-4.74-7.16-8.55 0-3.81 1.85-8.55 7.16-8.55 5.31 0 7.23 4.79 7.23 8.55 0 3.76-1.85 8.55-7.23 8.55ZM170.67 13.52h-12v1.16c3.88 0 4.57.92 4.57 6.7v9.24c0 5.78-.69 6.76-4.57 6.76v1.16H172v-1.16c-3.88 0-4.57-1-4.57-6.76v-2.83h3.29c6 0 9.25-3.12 9.25-7.11s-3.35-7.16-9.3-7.16Zm0 12.13h-3.29v-10h3.29c3.24 0 4.74 2.31 4.74 5.08s-1.5 4.92-4.74 4.92ZM219.32 34.15c-.52 1.9-1.15 2.6-5.26 2.6h-.81c-3 0-3.52-.7-3.52-4.8v-2.66c4.51 0 4.85.41 4.85 3.41h1.1v-8.61h-1.1c0 3-.34 3.41-4.85 3.41V21h3.18c4.1 0 4.74.69 5.26 2.6l.28 1.1h.93l-.38-5.4h-17v1.1c3.23 0 3.75.69 3.75 4.79v7.4c0 3.75-.44 4.69-3 4.83-2.42-.37-4.09-1.69-6.37-4.2l-2.65-2.89c3.58-.63 5.49-2.89 5.49-5.43 0-3.18-2.72-5.6-7.8-5.6h-10.17v1.1c3.23 0 3.75.69 3.75 4.79v7.4c0 4.1-.52 4.85-3.75 4.85v1.1h11.49v-1.1c-3.23 0-3.75-.75-3.75-4.85v-2.08h1l6.41 8h23.75l.35-5.43h-.87l-.31 1.07ZM189 28.72V21h2.37a3.542 3.542 0 0 1 3.75 3.87 3.532 3.532 0 0 1-.998 2.77 3.532 3.532 0 0 1-2.752 1.05l-2.37.03ZM234.52 27.91l-3.18-1.56c-2.78-1.27-4-2.08-4-3.59 0-1.51 1.5-2.36 3.12-2.36 3.06 0 4.57 2.25 5 5h1.21v-6.85h-1.09a3.415 3.415 0 0 1-.75 1.56 7.25 7.25 0 0 0-4.51-1.5c-3.58 0-6.18 2.36-6.18 5.14 0 2.54 1.73 4.45 4 5.54l3.29 1.56c2.37 1.1 3.7 2.26 3.7 3.76 0 1.73-1.5 2.77-3.35 2.77-3.41 0-6.07-2.25-6.53-6.06h-1.15v8h1.09a4.194 4.194 0 0 1 .93-2 8.481 8.481 0 0 0 5.2 2c3.87 0 7-2.54 7-6.18.07-1.77-1.03-3.9-3.8-5.23ZM252 27.91l-3.18-1.56c-2.78-1.27-4-2.08-4-3.59 0-1.51 1.5-2.36 3.12-2.36 3.06 0 4.57 2.25 5 5h1.21v-6.85H253a3.415 3.415 0 0 1-.75 1.56 7.25 7.25 0 0 0-4.51-1.5c-3.58 0-6.18 2.36-6.18 5.14 0 2.54 1.73 4.45 4 5.54l3.29 1.56c2.37 1.1 3.7 2.26 3.7 3.76 0 1.73-1.5 2.77-3.35 2.77-3.41 0-6.07-2.25-6.53-6.06h-1.15v8h1.09a4.194 4.194 0 0 1 .93-2 8.481 8.481 0 0 0 5.2 2c3.87 0 7.05-2.54 7.05-6.18.07-1.77-1.03-3.9-3.79-5.23ZM277.56 18.75a10.481 10.481 0 0 0-10.68 10.17 10.47 10.47 0 0 0 10.68 10.16c5.9 0 10.71-4.58 10.71-10.16s-4.81-10.17-10.71-10.17Zm0 19c-5.52 0-7.63-4.91-7.63-8.88 0-3.97 2.07-8.87 7.63-8.87 5.56 0 7.66 4.94 7.66 8.92 0 3.98-2.11 8.88-7.66 8.88v-.05ZM301.71 33.79l-3.14-3.69c3.63-.38 5.71-2.59 5.71-5.38 0-3-2.44-5.42-6.89-5.42h-8.47v.7c2.66 0 3.05.51 3.05 3.72v10.39c0 3.21-.39 3.76-3.05 3.76v.67h8.66v-.67c-2.66 0-3.05-.55-3.05-3.76v-4H296l6.35 8.44h5.29v-.67c-1.88-.24-4.03-1.88-5.93-4.09ZM294.53 29v-8.52h2.82c2.79 0 4.08 1.93 4.08 4.24 0 2.31-1.29 4.28-4.08 4.28h-2.82ZM319.6 30.59v.64c2.21 0 3 .7 3 2.08 0 2.89-2.5 4.39-5.29 4.39-5.93 0-7.6-4.81-7.6-8.78 0-3.97 1.86-8.92 7-8.92 3.59 0 6.09 2.54 7 6.7h.64v-7h-.64a3.281 3.281 0 0 1-1.09 1.83 8.203 8.203 0 0 0-6-2.73 10.167 10.167 0 0 0-9.851 10.165 10.169 10.169 0 0 0 9.851 10.165c3.34 0 4.78-1.66 8.34-1.66V35c0-3.21.39-3.75 3.05-3.75v-.64l-8.41-.02ZM261.9 34.77a2.061 2.061 0 1 0 .288 4.112 2.061 2.061 0 0 0-.288-4.112Z"/> </svg> </a> </figure> </div> <ul class="wp-block-social-links is-style-logos-only is-layout-flex"> <li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a href="http://web.archive.org/web/20230203042210/https://www.facebook.com/WordPress/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Visit our Facebook page</span></a></li> <li class="wp-social-link wp-social-link-twitter wp-block-social-link"><a href="http://web.archive.org/web/20230203042210/https://twitter.com/WordPress" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Visit our Twitter account</span></a></li> <li class="wp-social-link wp-social-link-instagram wp-block-social-link"><a href="http://web.archive.org/web/20230203042210/https://www.instagram.com/wordpress/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Visit our Instagram account</span></a></li> <li class="wp-social-link wp-social-link-linkedin wp-block-social-link"><a href="http://web.archive.org/web/20230203042210/https://www.linkedin.com/company/wordpress" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Visit our LinkedIn account</span></a></li> </ul>  <figure class="wp-block-image is-resized global-footer__code_is_poetry"> <img src="http://web.archive.org/web/20230203042210im_/https://s.w.org/style/images/code-is-poetry-for-dark-bg.svg" alt="Code is Poetry" width="188" height="13"/> </figure> </div> </footer> <style id="core-block-supports-inline-css" type="text/css"> .wp-container-6.wp-container-6{flex-direction:column;align-items:flex-start;}.entry-content > *{margin-block-start:0;margin-block-end:0;}.entry-content.entry-content > * + *{margin-block-start:24px;margin-block-end:0;}.wp-container-20.wp-container-20{flex-wrap:nowrap;justify-content:flex-start;} </style> <script type="text/javascript" id="wporg-global-header-script-js-extra"> /* <![CDATA[ */ var wporgGlobalHeaderI18n = {"openSearchLabel":"Open Search","closeSearchLabel":"Close Search","overflowMenuLabel":"More menu"}; /* ]]> */ </script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=hoverintent-js,admin-bar&ver=6.2-alpha-55168"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/themes/pub/wporg/js/skip-link-focus-fix.min.js?ver=20151215" id="wporg-plugins-skip-link-focus-fix-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/two-factor/includes/qrcode-generator/qrcode.js?ver=0.7.3" id="two-factor-qr-code-generator-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/data-controls/index.min.js?ver=8583d6f17de997ae92a4" id="wp-data-controls-js"></script> <script type="text/javascript" id="wporg-pattern-script-js-before"> var wporgLocale = JSON.parse( decodeURIComponent( '%7B%22id%22%3A%22en_US%22%2C%22displayName%22%3A%22%22%7D' ) ); var wporgPatternsData = JSON.parse( decodeURIComponent( '%7B%22currentAuthorName%22%3A%22WordPress.org%22%2C%22env%22%3A%22production%22%2C%22thumbnailVersion%22%3A1%2C%22userId%22%3A0%7D' ) ); var wporgPatternsUrl = JSON.parse( decodeURIComponent( '%7B%22assets%22%3A%22https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%5C%2Fwp-content%5C%2Fthemes%5C%2Fpub%5C%2Fwporg-patterns%22%2C%22site%22%3A%22https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%22%2C%22login%22%3A%22https%3A%5C%2F%5C%2Flogin.wordpress.org%5C%2F%3Fredirect_to%3Dhttps%253A%252F%252Fwordpress.org%252Fpatterns%252Fauthor%252Fwordpressdotorg%252F%26%23038%3Blocale%3Den_US%22%2C%22register%22%3A%22https%3A%5C%2F%5C%2Flogin.wordpress.org%5C%2Fregister%3Flocale%3Den_US%22%7D' ) ); </script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/themes/pub/wporg-patterns/build/index.js?ver=42a9ac29ad61a2e7c839" id="wporg-pattern-script-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/themes/pub/wporg/js/navigation.min.js?ver=20210331" id="wporg-navigation-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20230203042210js_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/global-header-footer/js/view.js?ver=1659374805" id="wporg-global-header-script-js"></script> <script src="http://web.archive.org/web/20230203042210js_/https://stats.wp.com/e-202305.js" defer></script> <script> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',blog:'186263034',post:'0',tz:'0',srv:'wordpress.org',j:'1:11.7'} ]); _stq.push([ 'clickTrackerInit', '186263034', '0' ]); </script> </body> </html>