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/","20240229174133","http://web.archive.org/","web","https://web-static.archive.org/_static/", "1709228493"); </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 Pattern Directory | WordPress.org</title> <link rel="preload" href="http://web.archive.org/web/20240229174133/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/20240229174133/https://stats.wp.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20240229174133/https://www.googletagmanager.com/"/> <link rel="alternate" type="application/rss+xml" title="Block Pattern Directory » Feed" href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/feed/"/> <link rel="alternate" type="application/rss+xml" title="Block Pattern Directory » Comments Feed" href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/comments/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/20240229174133/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"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"http:\/\/web.archive.org\/web\/20240229174133\/https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"http:\/\/web.archive.org\/web\/20240229174133\/https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/web.archive.org\/web\/20240229174133\/https:\/\/wordpress.org\/patterns\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5-beta3-57743"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel="stylesheet" id="dashicons-css" href="http://web.archive.org/web/20240229174133cs_/https://s.w.org/wp-includes/css/dashicons.min.css?ver=6.5-beta3-57743" type="text/css" media="all"/> <link rel="stylesheet" id="admin-bar-css" href="http://web.archive.org/web/20240229174133cs_/https://wordpress.org/patterns/wp-includes/css/admin-bar.min.css?ver=6.5-beta3-57743" type="text/css" media="all"/> <style id="admin-bar-inline-css" type="text/css"> @media print { #wpadminbar { display:none; } } </style> <style id="wp-emoji-styles-inline-css" 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="wp-block-library-css" href="http://web.archive.org/web/20240229174133cs_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-library/style.css?ver=17.6.6" 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-google-map-style-inline-css" type="text/css"> .wp-block-wporg-google-map .wporg-marker-search__container{display:flex}.wp-block-wporg-google-map .wporg-marker-search__container button.is-tertiary{background:none;border:none}.wp-block-wporg-google-map .wporg-marker-search__container .wporg-marker-search__icon{height:24px;width:24px}.wp-block-wporg-google-map .wporg-google-map__container{background-color:#aadaff;height:clamp(200px,50vh,90vh);max-width:100%;position:relative;width:100%}@media screen and (max-width:385px){.wp-block-wporg-google-map .wporg-google-map__container{max-height:90vh;width:100vw}}.wp-block-wporg-google-map .wporg-google-map__container .wporg-map-marker__title,.wp-block-wporg-google-map .wporg-marker-list__container h3,.wp-block-wporg-google-map .wporg-marker-list__container p{margin:0}.wp-block-wporg-google-map .wporg-map-marker__url a,.wp-block-wporg-google-map .wporg-marker-list-item__title a{-webkit-text-decoration:none;text-decoration:none}.wp-block-wporg-google-map .wporg-map-marker__url a:after,.wp-block-wporg-google-map .wporg-marker-list-item__title a:after{content:"↗";font-family:var(--wp--preset--font-family--inter);margin-left:5px}.wp-block-wporg-google-map .wporg-map-marker__date-time,.wp-block-wporg-google-map .wporg-marker-list-item__date-time{align-items:center;display:flex;gap:10px}.wp-block-wporg-google-map .wporg-google-map__date-time-separator{background-image:url(/web/20240229174133im_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/google-map/images/separator-dot.svg);background-repeat:no-repeat;height:4px;width:3px}.wp-block-wporg-google-map .wporg-google-map__spinner{--local-size:16px;--local-position:calc(50% - var(--local-size)/2);background-color:initial;color:var(--wp--custom--google-map--spinner--color);height:var(--local-size);left:var(--local-position);opacity:1;overflow:visible;position:absolute;top:var(--local-position);width:var(--local-size)}.wp-block-wporg-google-map .wporg-google-map__spinner>circle{fill:#0000;stroke-width:1.5px;stroke:#ddd}.wp-block-wporg-google-map .wporg-google-map__spinner>path{fill:#0000;stroke-width:1.5px;stroke:currentcolor;stroke-linecap:round;animation:wp-block-wporg-google-map-spinner-animation 1.4s linear 0s infinite normal both running;transform-origin:50% 50%}@keyframes wp-block-wporg-google-map-spinner-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wp-block-wporg-google-map.is-style-sotw-2023 .wporg-map-marker a{color:#ff2b2b}:where(body){--wp--custom--google-map--spinner--color:var(--wp--preset--color--blueberry-1,var(--wp-admin-theme-color,#3858e9))} </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> <link rel="stylesheet" id="wporg-local-navigation-bar-style-css" href="http://web.archive.org/web/20240229174133cs_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/local-navigation-bar/build/style.css?ver=5178f3a1b9366519c403494cc25d88ef6d993741" type="text/css" media="all"/> <style id="wporg-latest-news-style-inline-css" type="text/css"> .wp-block-wporg-latest-news{list-style:none;margin:0;padding:0}.wp-block-wporg-latest-news li:not(:last-child){padding-bottom:var(--wp--custom--latest-news--spacing,16px)}.wp-block-wporg-latest-news li a{-webkit-text-decoration:none;text-decoration:none}.wp-block-wporg-latest-news li a:hover{-webkit-text-decoration:underline;text-decoration:underline}.wp-block-wporg-latest-news:not(.is-style-cards) li .wp-block-wporg-latest-news__title>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)}.wp-block-wporg-latest-news:not(.is-style-cards) li .wp-block-wporg-latest-news__details{font-size:var(--wp--custom--latest-news--link--details-font-size,14px)}.wp-block-wporg-latest-news:not(.is-style-cards) li .wp-block-wporg-latest-news__details>:not(:last-child){margin-right:4px}.wp-block-wporg-latest-news:not(.is-style-cards) li .wp-block-wporg-latest-news__category{text-transform:uppercase}.wp-block-wporg-latest-news.is-style-cards{--local-details-column-width:40%}.wp-block-wporg-latest-news.is-style-cards li{border:1px solid var(--wp--preset--color--light-grey-1);color:var(--wp--preset--color--charcoal-1);display:flex;font-size:var(--wp--custom--latest-news--title--font-size,16px);gap:var(--wp--preset--spacing--20);justify-content:space-between;padding:var(--wp--preset--spacing--20)}.wp-block-wporg-latest-news.is-style-cards li:not(:last-child){border-bottom:unset}.wp-block-wporg-latest-news.is-style-cards li:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.wp-block-wporg-latest-news.is-style-cards li:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media screen and (max-width:767px){.wp-block-wporg-latest-news.is-style-cards li{flex-direction:column;gap:var(--wp--preset--spacing--10)}}.wp-block-wporg-latest-news.is-style-cards li:hover{background-color:var(--wp--preset--color--light-grey-2);-webkit-text-decoration:none!important;text-decoration:none!important}.wp-block-wporg-latest-news.is-style-cards li .wp-block-wporg-latest-news__title{flex:1;font-weight:var(--wp--custom--latest-news--title--font-weight,600)}.wp-block-wporg-latest-news.is-style-cards li .wp-block-wporg-latest-news__details{display:flex;flex-basis:var(--local-details-column-width);gap:var(--wp--preset--spacing--20);justify-content:space-between}.wp-block-wporg-latest-news.is-style-cards li .wp-block-wporg-latest-news__details>span{display:none}.wp-block-wporg-latest-news.is-style-cards li .wp-block-wporg-latest-news__details time{white-space:nowrap}.wp-block-wporg-latest-news__popular-categories{color:var(--wp--preset--color--charcoal-4);font-size:var(--wp--preset--font-size--small);margin-top:var(--wp--preset--spacing--20)!important} </style> <style id="wporg-link-wrapper-style-inline-css" type="text/css"> .wp-block-wporg-link-wrapper{color:var(--wp--preset--color--charcoal-1);display:block;overflow:hidden;position:relative;-webkit-text-decoration:none!important;text-decoration:none!important}.wp-block-wporg-link-wrapper:focus-visible{outline:none}.wp-block-wporg-link-wrapper:hover{-webkit-text-decoration:underline!important;text-decoration:underline!important}.wp-block-wporg-link-wrapper:focus-visible:after{border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 3px var(--wp--preset--color--white);content:"";left:0;outline:1.5px solid var(--wp--preset--color--blueberry-1);outline-offset:-1.5px;position:absolute;right:0;top:0;z-index:10}.wp-block-wporg-link-wrapper .wporg-link-wrapper__notice{color:#1e1e1e;margin:1em 0 0} </style> <link rel="stylesheet" id="wporg-query-filter-style-css" href="http://web.archive.org/web/20240229174133cs_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/query-filter/build/style-index.css?ver=b83642939e5a5a12f24f935561d40d5887c0e215" type="text/css" media="all"/> <style id="wporg-sidebar-container-style-inline-css" type="text/css"> .wp-block-wporg-sidebar-container{--local--offset-top:var(--wp-admin--admin-bar--height,0px);--local--nav--offset:var(--wp--custom--local-navigation-bar--spacing--height,60px);--local--padding:var(--wp--preset--spacing--20)}@media (min-width:890px){.wp-block-wporg-sidebar-container{--local--nav--offset:0;--local--offset-top:calc(var(--wp-admin--admin-bar--height, 0px) + var(--wp--custom--local-navigation-bar--spacing--height, 60px))}}.wp-block-wporg-sidebar-container .is-link-to-top{display:none}.wp-block-wporg-sidebar-container .is-link-to-top a{text-decoration-line:none}.wp-block-wporg-sidebar-container .is-link-to-top a:hover{text-decoration-line:underline}.wp-block-wporg-sidebar-container.is-floating-sidebar{--local--block-end-sidebar--width:340px;overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--local--padding);scrollbar-color:var(--wp--preset--color--charcoal-5) #0000;width:var(--local--block-end-sidebar--width)}.wp-block-wporg-sidebar-container.is-floating-sidebar::-webkit-scrollbar,.wp-block-wporg-sidebar-container.is-floating-sidebar::-webkit-scrollbar-track{background-color:initial}.wp-block-wporg-sidebar-container.is-floating-sidebar::-webkit-scrollbar-thumb:active,.wp-block-wporg-sidebar-container.is-floating-sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--wp--preset--color--charcoal-4)!important}.wp-block-wporg-sidebar-container.is-floating-sidebar:active::-webkit-scrollbar-thumb,.wp-block-wporg-sidebar-container.is-floating-sidebar:focus-within::-webkit-scrollbar-thumb,.wp-block-wporg-sidebar-container.is-floating-sidebar:focus::-webkit-scrollbar-thumb,.wp-block-wporg-sidebar-container.is-floating-sidebar:hover::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--wp--preset--color--charcoal-5);border:4px solid #0000;border-radius:10px}.wp-block-wporg-sidebar-container.is-floating-sidebar>*{padding-right:16px}.wp-block-wporg-sidebar-container.is-floating-sidebar.is-fixed-sidebar{height:calc(100vh - var(--local--offset-top));margin-top:var(--local--offset-top)!important;padding:var(--local--padding) 0;position:fixed;top:0}.wp-block-wporg-sidebar-container.is-floating-sidebar.is-fixed-sidebar .is-link-to-top{display:block}.wp-block-wporg-sidebar-container.is-floating-sidebar.is-fixed-sidebar .is-link-to-top a{color:var(--wp--preset--color--charcoal-4)}.wp-block-wporg-sidebar-container.is-floating-sidebar *+.is-link-to-top{border-top:1px solid var(--wp--preset--color--light-grey-1);padding-top:var(--wp--preset--spacing--20)}main .wp-block-wporg-sidebar-container{display:none}main .wp-block-wporg-sidebar-container.is-floating-sidebar{margin-top:var(--wp--custom--wporg-sidebar-container--spacing--margin--top);position:absolute;right:max(var(--wp--preset--spacing--edge-space),calc((100% - var(--wp--style--global--wide-size))/2));top:calc(var(--wp-global-header-offset, 90px) + var(--wp--custom--local-navigation-bar--spacing--height, 60px))}:where(body){--wp--custom--wporg-sidebar-container--spacing--margin--top:var(--wp--preset--spacing--edge-space)} </style> <style id="wporg-site-breadcrumbs-style-inline-css" type="text/css"> .wp-block-wporg-site-breadcrumbs{max-width:100%;position:relative}.wp-block-wporg-site-breadcrumbs:after{background-image:linear-gradient(270deg,#fff,#fff0);content:"";inset:0 0 0 auto;position:absolute;width:60px}.wp-block-wporg-site-breadcrumbs .wporg-site-breadcrumbs__wrapper{overflow-x:auto;text-overflow:clip;white-space:nowrap}.wp-block-wporg-site-breadcrumbs .wporg-site-breadcrumbs__wrapper:after{content:"";display:inline-block;width:60px}.wp-block-wporg-site-breadcrumbs a{color:var(--wp--preset--color--charcoal-4);text-decoration-line:none}.wp-block-wporg-site-breadcrumbs a:hover{text-decoration-line:underline}.wp-block-wporg-site-breadcrumbs span{display:inline-block}.wp-block-wporg-site-breadcrumbs span:not(:last-child){margin-top:0}.wp-block-wporg-site-breadcrumbs span:not(:last-child):after{color:var(--wp--preset--color--light-grey-1);content:"/";display:inline-block;font-weight:400;margin:0 var(--wp--preset--spacing--10)} </style> <style id="wporg-table-of-contents-style-inline-css" type="text/css"> :where(.wp-block-wporg-table-of-contents){--local--line-height:var(--wp--custom--body--small--typography--line-height);--local--icon-size:calc(var(--local--line-height)*1em);font-size:var(--wp--preset--font-size--small)}@media (max-width:1299px){:where(.wp-block-wporg-table-of-contents){border:1px solid var(--wp--preset--color--light-grey-1);border-radius:2px}}.wporg-table-of-contents__header{position:relative}@media (max-width:1299px){.wporg-table-of-contents__header{padding:15px var(--wp--preset--spacing--20)}}.wporg-table-of-contents__header .wp-block-heading{margin-bottom:0}.wporg-table-of-contents__header .wporg-table-of-contents__toggle{align-items:center;background-color:initial;border:none;display:flex;height:100%;justify-content:flex-end;left:0;padding:0 var(--wp--preset--spacing--20) 0 0;position:absolute;top:0;width:100%}@media (min-width:1300px){.wporg-table-of-contents__header .wporg-table-of-contents__toggle{display:none}}.wporg-table-of-contents__header .wporg-table-of-contents__toggle:after{background-color:var(--wp--preset--color--charcoal-4);content:"";display:inline-block;height:var(--local--icon-size);-webkit-mask-image:url(/web/20240229174133im_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/table-of-contents/images/chevron-small.svg);mask-image:url(/web/20240229174133im_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/table-of-contents/images/chevron-small.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:rotate(-90deg);width:var(--local--icon-size)}.wporg-table-of-contents__header .wporg-table-of-contents__toggle[aria-expanded=true]:after{background-color:var(--wp--preset--color--charcoal-1);transform:revert}.wporg-table-of-contents__header .wporg-table-of-contents__toggle:focus-visible{outline:1px dashed var(--wp--preset--color--blueberry-1)}.wporg-table-of-contents__list{font-size:var(--wp--preset--font-size--small);line-height:1.6;list-style:none;margin-bottom:var(--wp--preset--spacing--20);margin-top:var(--wp--preset--spacing--20);padding-left:0}@media (max-width:1299px){.wporg-table-of-contents__list{display:none;margin-bottom:0;margin-top:0;padding:0 var(--wp--preset--spacing--20) 15px}}.wporg-table-of-contents__list li{color:var(--wp--preset--color--charcoal-4);margin-block:calc(var(--wp--preset--spacing--20)/4)}.wporg-table-of-contents__list li ul{list-style:none;padding-left:14px}.wporg-table-of-contents__list a{color:inherit;text-decoration-line:none}.wporg-table-of-contents__list a:hover{text-decoration-line:underline}.wporg-table-of-contents__list a:focus-visible{border-radius:2px;box-shadow:none;outline:1.5px solid var(--wp--preset--color--blueberry-1);outline-offset:2px}.is-toc-heading a{--local--icon-size:24px;color:inherit;padding-right:calc(var(--local--icon-size) + .1em)}.is-toc-heading a,.is-toc-heading a:after{display:inline-block;-webkit-text-decoration:none!important;text-decoration:none!important}.is-toc-heading a:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%233858E9' fill-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.641zM13.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.333z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:contain;content:"";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,.is-toc-heading:focus-visible{outline:none}.is-toc-heading:target{border-left:2px solid var(--wp--preset--color--blueberry-1);padding-left:8px}@media (min-width:890px){.is-toc-heading{scroll-margin-top:calc(var(--wp--custom--local-navigation-bar--spacing--height) + var(--wp--preset--spacing--20))}} </style> <link rel="stylesheet" id="wp-components-css" href="http://web.archive.org/web/20240229174133cs_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/components/style.css?ver=17.6.6" type="text/css" media="all"/> <link rel="stylesheet" id="mediaelement-css" href="http://web.archive.org/web/20240229174133cs_/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/20240229174133cs_/https://wordpress.org/patterns/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.5-beta3-57743" type="text/css" media="all"/> <style id="jetpack-sharing-buttons-style-inline-css" type="text/css"> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </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,#e2ffed);--wp--custom--wporg-notice--color--text:var(--wp--preset--color--charcoal-1,#1e1e1e);background-color:var(--wp--custom--wporg-notice--color--background);border-radius:2px;color:var(--wp--custom--wporg-notice--color--text);display:grid;gap:.5em;grid-template-columns:auto 1fr;padding:1.25em}.wp-block-wporg-notice.is-info-notice{--wp--custom--wporg-notice--color--background:var(--wp--preset--color--blueberry-4,#eff2ff)}.wp-block-wporg-notice.is-alert-notice{--wp--custom--wporg-notice--color--background:var(--wp--preset--color--lemon-3,#fffdd6)}.wp-block-wporg-notice.is-warning-notice{--wp--custom--wporg-notice--color--background:var(--wp--preset--color--pomegrade-3,#ffe9de)}.wp-block-wporg-notice>*{align-self:start}.wp-block-wporg-notice p:first-child{margin-block-start:0}.wp-block-wporg-notice p:last-child{margin-block-end:0}.wp-block-wporg-notice br:first-child{display:none}.wp-block-wporg-notice.alignleft,.wp-block-wporg-notice.alignright{max-width:calc(var(--wp--style--global--content-size, 680px)*.66)}.wp-block-wporg-notice__icon{align-self:flex-start;background-image:url(/web/20240229174133im_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/notice/src/icon/library/tip.svg);background-position:top;background-repeat:no-repeat;background-size:24px 24px;display:flex;height:1.875em;margin-top:1px;width:24px}.is-info-notice .wp-block-wporg-notice__icon{background-image:url(/web/20240229174133im_/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/20240229174133im_/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/20240229174133im_/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;font-size:var(--wp--preset--font-size--small)} </style> <style id="global-styles-inline-css" type="text/css"> body{--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--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;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}body { margin: 0;--wp--style--global--content-size: 650px;--wp--style--global--wide-size: 1200px;}.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; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 24px; }:where(body .is-layout-flow) > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow) > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:where(body .is-layout-constrained) > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained) > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 24px;}:where(body .is-layout-grid) {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 .is-layout-grid{display: grid;}body .is-layout-grid > *{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="open-sans-css" href="http://web.archive.org/web/20240229174133cs_/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/20240229174133cs_/https://s.w.org/wp-content/themes/pub/wporg-patterns/css/style.css?ver=1708463808" 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/20240229174133cs_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/global-fonts/style.css?ver=1700435029" type="text/css" media="all"/> <link rel="stylesheet" id="wporg-global-header-footer-css" href="http://web.archive.org/web/20240229174133cs_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/global-header-footer/build/style.css?ver=1706749364" type="text/css" media="all"/> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=wp-polyfill-inert,regenerator-runtime,wp-polyfill&ver=6.5-beta3-57743"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/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/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/hooks/index.min.js?ver=3aee234ea7807d8d70bc" id="wp-hooks-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/i18n/index.min.js?ver=5baa98e4345eccc97e24" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/vendors/react-dom.min.js?ver=18" id="react-dom-js"></script> <link rel="https://api.w.org/" href="https://wordpress.org/patterns/wp-json/"/><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://wordpress.org/patterns/xmlrpc.php?rsd"/> <meta name="generator" content="WordPress 6.5-beta3-57743"/> <link rel="canonical" href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/"> <link rel="next" href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/page/2/"> <link rel="preconnect" href="http://web.archive.org/web/20240229174133/https://fonts.googleapis.com/"><link rel="preconnect" href="http://web.archive.org/web/20240229174133/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> <meta property="og:title" content="Block Pattern Directory"/> <meta property="og:description" content="Add a beautifully designed, ready to go layout to any WordPress site with a simple copy/paste."/> <meta property="og:site_name" content="WordPress.org"/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns"/> <meta property="og:image" content="http://web.archive.org/web/20240229174133im_/https://wordpress.org/patterns/wp-content/themes/pub/wporg-patterns/images/social-image.png"/> <meta name="description" content="Add a beautifully designed, ready to go layout to any WordPress site with a simple copy/paste."/> <link rel="icon" href="http://web.archive.org/web/20240229174133im_/https://s.w.org/favicon.ico?2" sizes="32x32"/> <link rel="icon" href="http://web.archive.org/web/20240229174133im_/https://s.w.org/images/wmark.png" sizes="192x192"/> <link rel="apple-touch-icon" href="http://web.archive.org/web/20240229174133im_/https://s.w.org/images/wmark.png"/> <meta name="msapplication-TileImage" content="https://s.w.org/images/wmark.png"/> </head> <body class="home blog 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 role="menu" id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu"><li id="wp-admin-bar-log-in"><a class="ab-item" role="menuitem" href="http://web.archive.org/web/20240229174133/https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fpatterns%2F&locale=en_US">Log In</a></li><li id="wp-admin-bar-register"><a class="ab-item" role="menuitem" href="http://web.archive.org/web/20240229174133/https://login.wordpress.org/register?locale=en_US">Register</a></li></ul> </div> </div> <noscript><iframe src="http://web.archive.org/web/20240229174133if_/https://www.googletagmanager.com/ns.html?id=GTM-P24PF4B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <header class="global-header wp-block-group wp-block-wporg-global-header"> <figure class="wp-block-image global-header__wporg-logo-mark"> <a href="http://web.archive.org/web/20240229174133/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 wp-block-navigation-is-layout-flex" aria-label="" data-wp-interactive="{"namespace":"core/navigation"}" data-wp-context="{"overlayOpenedBy":[],"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}" data-wp-init="callbacks.initNav" data-wp-class--is-collapsed="context.isCollapsed"><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" data-wp-on--click="actions.openMenuOnClick" data-wp-on--keydown="actions.handleMenuKeydown"><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" data-wp-class--has-modal-open="state.isMenuOpen" data-wp-class--is-menu-open="state.isMenuOpen" data-wp-watch="callbacks.initMenu" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--focusout="actions.handleMenuFocusout" tabindex="-1"> <div class="wp-block-navigation__responsive-close" tabindex="-1"> <div class="wp-block-navigation__responsive-dialog" data-wp-bind--aria-modal="state.ariaModal" data-wp-bind--aria-label="state.ariaLabel" data-wp-bind--role="state.roleAttribute"> <button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" data-wp-on--click="actions.closeMenuOnClick"><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" data-wp-watch="callbacks.focusFirstElement" id="modal-1-content"> <ul class="wp-block-navigation__container is-responsive global-header__navigation wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20240229174133/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/20240229174133/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/20240229174133/https://wordpress.org/hosting/"><span class="wp-block-navigation-item__label">Hosting</span></a></li><li data-wp-context="{ "submenuOpenedBy": {}, "type": "submenu" }" data-wp-interactive="{ "namespace": "core/navigation" }" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-watch="callbacks.initMenu" tabindex="-1" class=" wp-block-navigation-item has-child open-on-click wp-block-navigation-submenu"><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Extend submenu" class="wp-block-navigation-item__content wp-block-navigation-submenu__toggle current-menu-ancestor"><span class="wp-block-navigation-item__label">Extend</span></button><span class="wp-block-navigation__submenu-icon"><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></span><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20240229174133/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/20240229174133/https://wordpress.org/plugins/"><span class="wp-block-navigation-item__label">Plugins</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/20240229174133/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/20240229174133/https://wordpress.org/blocks/"><span class="wp-block-navigation-item__label">Blocks</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/20240229174133/https://openverse.org/"><span class="wp-block-navigation-item__label">Openverse <span aria-hidden="true">↗</span>︎</span></a></li></ul></li><li data-wp-context="{ "submenuOpenedBy": {}, "type": "submenu" }" data-wp-interactive="{ "namespace": "core/navigation" }" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-watch="callbacks.initMenu" tabindex="-1" class=" wp-block-navigation-item has-child open-on-click wp-block-navigation-submenu"><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Learn submenu" class="wp-block-navigation-item__content wp-block-navigation-submenu__toggle"><span class="wp-block-navigation-item__label">Learn</span></button><span class="wp-block-navigation__submenu-icon"><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></span><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20240229174133/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/20240229174133/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/20240229174133/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/20240229174133/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/20240229174133/https://wordpress.tv/"><span class="wp-block-navigation-item__label">WordPress.tv <span aria-hidden="true">↗</span>︎</span></a></li></ul></li><li data-wp-context="{ "submenuOpenedBy": {}, "type": "submenu" }" data-wp-interactive="{ "namespace": "core/navigation" }" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-watch="callbacks.initMenu" tabindex="-1" class=" wp-block-navigation-item has-child open-on-click wp-block-navigation-submenu"><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Community submenu" class="wp-block-navigation-item__content wp-block-navigation-submenu__toggle"><span class="wp-block-navigation-item__label">Community</span></button><span class="wp-block-navigation__submenu-icon"><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></span><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20240229174133/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/20240229174133/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/20240229174133/https://wordpress.org/five-for-the-future/"><span class="wp-block-navigation-item__label">Five for the Future</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/20240229174133/https://events.wordpress.org/"><span class="wp-block-navigation-item__label">Events</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/20240229174133/https://jobs.wordpress.net/"><span class="wp-block-navigation-item__label">Job Board <span aria-hidden="true">↗</span>︎</span></a></li></ul></li><li data-wp-context="{ "submenuOpenedBy": {}, "type": "submenu" }" data-wp-interactive="{ "namespace": "core/navigation" }" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-watch="callbacks.initMenu" tabindex="-1" class=" wp-block-navigation-item has-child open-on-click wp-block-navigation-submenu"><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="About submenu" class="wp-block-navigation-item__content wp-block-navigation-submenu__toggle"><span class="wp-block-navigation-item__label">About</span></button><span class="wp-block-navigation__submenu-icon"><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></span><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20240229174133/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/20240229174133/https://wordpress.org/enterprise/"><span class="wp-block-navigation-item__label">Enterprise</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/20240229174133/https://wordpress.org/gutenberg/"><span class="wp-block-navigation-item__label">Gutenberg <span aria-hidden="true">↗</span>︎</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/20240229174133/https://mercantile.wordpress.org/"><span class="wp-block-navigation-item__label">Swag Store <span aria-hidden="true">↗</span>︎</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/20240229174133/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 is-collapsed global-header__search wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-2 wp-block-navigation-is-layout-flex" aria-label="" data-wp-interactive="{"namespace":"core/navigation"}" data-wp-context="{"overlayOpenedBy":[],"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}"><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" data-wp-on--click="actions.openMenuOnClick" data-wp-on--keydown="actions.handleMenuKeydown"><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-9" data-wp-class--has-modal-open="state.isMenuOpen" data-wp-class--is-menu-open="state.isMenuOpen" data-wp-watch="callbacks.initMenu" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--focusout="actions.handleMenuFocusout" tabindex="-1"> <div class="wp-block-navigation__responsive-close" tabindex="-1"> <div class="wp-block-navigation__responsive-dialog" data-wp-bind--aria-modal="state.ariaModal" data-wp-bind--aria-label="state.ariaLabel" data-wp-bind--role="state.roleAttribute"> <button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" data-wp-on--click="actions.closeMenuOnClick"><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" data-wp-watch="callbacks.focusFirstElement" id="modal-9-content"> <form role="search" method="get" action="http://web.archive.org/web/20240229174133/https://wordpress.org/search/do-search.php" class="wp-block-search__button-inside wp-block-search__icon-button wp-block-navigation-item wp-block-search"><label class="wp-block-search__label" for="wp-block-search__input-7">Search in WordPress.org</label><div class="wp-block-search__inside-wrapper "><input class="wp-block-search__input" id="wp-block-search__input-7" placeholder="Type to search…" value="" type="search" name="s" required/><button aria-label="Search" class="wp-block-search__button has-icon wp-element-button" type="submit"><svg class="search-icon" viewbox="0 0 24 24" width="24" height="24"> <path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path> </svg></button></div></form> </div> </div> </div> </div></nav>  <div class="global-header__desktop-get-wordpress-container is-layout-flow wp-block-group-is-layout-flow"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/download/" class="global-header__desktop-get-wordpress global-header__get-wordpress"> Get WordPress </a> </div> </header><div id="page" class="site"> <div id="content" class="site-content"> <header id="masthead" class="site-header home" role="banner"> <div class="site-branding"> <div> <h1 class="site-title"><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/" rel="home">Patterns</a></h1> <p class="site-description">Add a beautifully designed, ready to go layout to any WordPress site with a simple copy/paste.</p> <form role="search" method="get" action="http://web.archive.org/web/20240229174133/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> <a class="site-link" href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/favorites/">Favorites</a> <a class="site-link" href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/new-pattern/">Create a new pattern</a> </div> </div> </header> <main id="main" class="site-main" role="main"> <div id="patterns__container"> <div class="pattern-grid"> <div id="post-488595" 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/20240229174133/https://wordpress.org/patterns/pattern/preview-card-with-image-description-and-buy-now-button/" rel="bookmark">Preview card with image description and buy now button</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/87c3f0677c3d21e72d0607dca4f4e1f9?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/87c3f0677c3d21e72d0607dca4f4e1f9?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" decoding="async"/> </a> </p> </div> <div id="post-488721" 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/20240229174133/https://wordpress.org/patterns/pattern/mountains-3/" rel="bookmark">Mountain checklist</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/d41437e335246a4f14bebdb3bb76b9c1?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/d41437e335246a4f14bebdb3bb76b9c1?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" decoding="async"/> </a> </p> </div> <div id="post-487056" 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/20240229174133/https://wordpress.org/patterns/pattern/fullscreen-image-gallery/" rel="bookmark">Fullscreen Image Gallery</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/8aa6deb650cf73b69e7a3d933bb0abf4?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/8aa6deb650cf73b69e7a3d933bb0abf4?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" decoding="async"/> </a> </p> </div> <div id="post-487646" 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/20240229174133/https://wordpress.org/patterns/pattern/openai-footer/" rel="bookmark">OpenAI Footer</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/404e4290c76c6a5379f52198e9fe6e44?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/404e4290c76c6a5379f52198e9fe6e44?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-488036" 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/20240229174133/https://wordpress.org/patterns/pattern/coming-soon-page/" rel="bookmark">Coming soon page</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/5ba14da2ab595a710d7474fc664fc532?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/5ba14da2ab595a710d7474fc664fc532?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-485973" 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/20240229174133/https://wordpress.org/patterns/pattern/call-to-action-image-and-button/" rel="bookmark">Call To Action Image and button</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/9d5aac55b871e9b43237dead613be17d?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/9d5aac55b871e9b43237dead613be17d?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-476770" 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/20240229174133/https://wordpress.org/patterns/pattern/call-to-action-42/" rel="bookmark">Call to Action</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/866e5b72e2694e76e5766ef225a93aaf?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/866e5b72e2694e76e5766ef225a93aaf?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-475095" 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/20240229174133/https://wordpress.org/patterns/pattern/three-columns-cards/" rel="bookmark">Three Columns Cards</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/10180d20506280a262e281d36fe180ce?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/10180d20506280a262e281d36fe180ce?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-474781" 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/20240229174133/https://wordpress.org/patterns/pattern/cta-summer-sale/" rel="bookmark">CTA Summer Sale</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/d4d246cb8e6b7672750860a296441217?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/d4d246cb8e6b7672750860a296441217?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-469472" 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/20240229174133/https://wordpress.org/patterns/pattern/cover-image-with-heading-paragraph-and-button-aligned-left/" rel="bookmark">Cover Image with Heading, Paragraph, and Button Aligned Left</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/4340a60e64fdd56ba82a38fd8654aa33?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20240229174133im_/https://secure.gravatar.com/avatar/4340a60e64fdd56ba82a38fd8654aa33?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="global-footer wp-block-group wp-block-wporg-global-footer"> <nav class="wp-block-group alignfull global-footer__navigation-container is-layout-grid wp-container-core-group-is-layout-2 wp-block-group-is-layout-grid" aria-label="Footer"> <ul> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/about/">About</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/news/">News</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/hosting/">Hosting</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/about/privacy/">Privacy</a></li> </ul> <ul> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/showcase/">Showcase</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/themes/">Themes</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/plugins/">Plugins</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/">Patterns</a></li> </ul> <ul> <li><a href="http://web.archive.org/web/20240229174133/https://learn.wordpress.org/">Learn</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.org/documentation/">Documentation</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://developer.wordpress.org/">Developers</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.tv/">WordPress.tv <span aria-hidden="true">↗</span></a></li> </ul> <ul> <li><a href="http://web.archive.org/web/20240229174133/https://make.wordpress.org/">Get Involved</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://events.wordpress.org/">Events</a></li> <li><a href="http://web.archive.org/web/20240229174133/https://wordpressfoundation.org/donate/">Donate <span aria-hidden="true">↗</span></a></li> <li><a href="http://web.archive.org/web/20240229174133/https://mercantile.wordpress.org/">Swag Store <span aria-hidden="true">↗</span></a></li> </ul> <ul> <li><a href="http://web.archive.org/web/20240229174133/https://wordpress.com/?ref=wporg-footer">WordPress.com <span aria-hidden="true">↗</span></a></li> <li><a href="http://web.archive.org/web/20240229174133/https://ma.tt/">Matt <span aria-hidden="true">↗</span></a></li> <li><a href="http://web.archive.org/web/20240229174133/https://bbpress.org/">bbPress <span aria-hidden="true">↗</span></a></li> <li><a href="http://web.archive.org/web/20240229174133/https://buddypress.org/">BuddyPress <span aria-hidden="true">↗</span></a></li> </ul> </nav> <div class="wp-block-group global-footer__logos-container is-layout-flow wp-block-group-is-layout-flow"> <div class="wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-3 wp-block-group-is-layout-flex">  <figure class="wp-block-image global-footer__wporg-logo-mark"> <a href="http://web.archive.org/web/20240229174133/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/20240229174133/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 wp-block-social-links-is-layout-flex"> <li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a href="http://web.archive.org/web/20240229174133/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-x wp-block-social-link"><a href="http://web.archive.org/web/20240229174133/https://www.x.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="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z"/></svg><span class="wp-block-social-link-label screen-reader-text">Visit our X (formerly 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/20240229174133/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/20240229174133/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> <li class="wp-social-link wp-social-link-youtube wp-block-social-link"><a href="http://web.archive.org/web/20240229174133/https://www.youtube.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="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Visit our YouTube channel</span></a></li> </ul>  <figure class="wp-block-image is-resized global-footer__code_is_poetry"> <img src="http://web.archive.org/web/20240229174133im_/https://s.w.org/style/images/code-is-poetry-for-dark-bg.svg" alt="Code is Poetry" width="188" height="13"/> </figure> </div> </footer><script type="text/javascript" id="wp-load-polyfill-importmap"> /* <![CDATA[ */ ( HTMLScriptElement.supports && HTMLScriptElement.supports("importmap") ) || document.write( '<script src="http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/wp-includes/js/dist/vendor/wp-polyfill-importmap.min.js?ver=1.8.2"></scr' + 'ipt>' ); /* ]]> */ </script> <script type="importmap" id="wp-importmap"> {"imports":{"@wordpress\/interactivity":"http:\/\/web.archive.org\/web\/20240229174133\/https:\/\/wordpress.org\/patterns\/wp-includes\/js\/dist\/interactivity.min.js?ver=6.5-beta3-57743"}} </script> <script type="module" src="http://web.archive.org/web/20240229174133jm_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/interactivity/navigation.min.js?ver=17.6.6" id="@wordpress/block-library/navigation-js-module"></script> <link rel="modulepreload" href="http://web.archive.org/web/20240229174133jm_/https://wordpress.org/patterns/wp-includes/js/dist/interactivity.min.js?ver=6.5-beta3-57743" id="@wordpress/interactivity-js-modulepreload"><style id="core-block-supports-inline-css" type="text/css"> .wp-container-core-navigation-is-layout-2.wp-container-core-navigation-is-layout-2{flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-2.wp-container-core-group-is-layout-2{grid-template-columns:repeat(auto-fill, minmax(min(150px, 100%), 1fr));gap:var(--wp--preset--spacing--20);}.wp-container-core-group-is-layout-3.wp-container-core-group-is-layout-3{flex-wrap:nowrap;justify-content:flex-start;} </style> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=hoverintent-js,admin-bar&ver=6.5-beta3-57743"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/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/20240229174133js_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/time/build/view.js?ver=362338b9e6592dcf125b" id="wporg-time-view-script-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-includes/js/dist/vendor/lodash.min.js?ver=4.17.21" id="lodash-js"></script> <script type="text/javascript" id="lodash-js-after"> /* <![CDATA[ */ window.lodash = _.noConflict(); /* ]]> */ </script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/dom-ready/index.min.js?ver=222ad38e3e5e302c8bbf" id="wp-dom-ready-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/a11y/index.min.js?ver=9061ce25a6ee8a006b52" id="wp-a11y-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/url/index.min.js?ver=0e4121b969d6c7f2b6e9" id="wp-url-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/api-fetch/index.min.js?ver=1d1bb669e2c3067cc691" id="wp-api-fetch-js"></script> <script type="text/javascript" id="wp-api-fetch-js-after"> /* <![CDATA[ */ wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/wp-json/" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "e42b0f7422" ); wp.apiFetch.use( wp.apiFetch.nonceMiddleware ); wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware ); wp.apiFetch.nonceEndpoint = "http://web.archive.org/web/20240229174133/https://wordpress.org/patterns/wp-admin/admin-ajax.php?action=rest-nonce"; /* ]]> */ </script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/deprecated/index.min.js?ver=5f56b9106e825b0b4ab3" id="wp-deprecated-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/dom/index.min.js?ver=44e4bca27663d6dfa4f6" id="wp-dom-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/escape-html/index.min.js?ver=fbad781820bda8333f76" id="wp-escape-html-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/element/index.min.js?ver=30b6834ec0d0e2c24761" id="wp-element-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/is-shallow-equal/index.min.js?ver=5299ef30233b42ce5199" id="wp-is-shallow-equal-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/keycodes/index.min.js?ver=54656f44cb3b10270813" id="wp-keycodes-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/priority-queue/index.min.js?ver=c01f24e11b08ca4aff89" id="wp-priority-queue-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/compose/index.min.js?ver=454f32655f7e573fedaf" id="wp-compose-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/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"> /* <![CDATA[ */ 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/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/date/index.min.js?ver=21fb1492324354ab713b" id="wp-date-js"></script> <script type="text/javascript" id="wp-date-js-after"> /* <![CDATA[ */ 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","s":"a second","ss":"%d seconds","m":"a minute","mm":"%d minutes","h":"an hour","hh":"%d hours","d":"a day","dd":"%d days","M":"a month","MM":"%d months","y":"a year","yy":"%d years"},"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/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/html-entities/index.min.js?ver=e9ce7ebd2e4bd93c7be1" id="wp-html-entities-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/primitives/index.min.js?ver=b4d0cbe8c9d1406d9272" id="wp-primitives-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/private-apis/index.min.js?ver=52428a68ae244aabb6fb" id="wp-private-apis-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/redux-routine/index.min.js?ver=786aeb57a8ae5605915c" id="wp-redux-routine-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/data/index.min.js?ver=8cafd24092cef7bf9436" id="wp-data-js"></script> <script type="text/javascript" id="wp-data-js-after"> /* <![CDATA[ */ ( 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/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/rich-text/index.min.js?ver=e664ffc13430770f8e20" id="wp-rich-text-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/warning/index.min.js?ver=180dc4315a2b8452c969" id="wp-warning-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/components/index.min.js?ver=e4c1ab27ec58cc453940" id="wp-components-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/blob/index.min.js?ver=94959d5178d135a3f178" id="wp-blob-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/autop/index.min.js?ver=dd02809e92d21384c288" id="wp-autop-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-serialization-default-parser/index.min.js?ver=ccafd59466e043b1e67a" id="wp-block-serialization-default-parser-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/shortcode/index.min.js?ver=76f6ae4ad6804e0c13db" id="wp-shortcode-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/blocks/index.min.js?ver=e379b584e44b53e69421" id="wp-blocks-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/keyboard-shortcuts/index.min.js?ver=20b1ddb40bccd9464b45" id="wp-keyboard-shortcuts-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/commands/index.min.js?ver=5d9272a9577a1b2ad2f9" id="wp-commands-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/notices/index.min.js?ver=3b1baf0bf68fbf761c53" id="wp-notices-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/preferences-persistence/index.min.js?ver=eef414572e9946053625" id="wp-preferences-persistence-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/preferences/index.min.js?ver=10f670a095874a77106f" id="wp-preferences-js"></script> <script type="text/javascript" id="wp-preferences-js-after"> /* <![CDATA[ */ ( function() { var serverData = false; var userId = "0"; var persistenceLayer = wp.preferencesPersistence.__unstableCreatePersistenceLayer( serverData, userId ); var preferencesStore = wp.preferences.store; wp.data.dispatch( preferencesStore ).setPersistenceLayer( persistenceLayer ); } ) (); /* ]]> */ </script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/style-engine/index.min.js?ver=02330d03e2b54305ede5" id="wp-style-engine-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/token-list/index.min.js?ver=2e4f9d7784b966f1b2aa" id="wp-token-list-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/wordcount/index.min.js?ver=cf9956240bdc3dee807e" id="wp-wordcount-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-editor/index.min.js?ver=d96ed21a12de0f91ef4c" id="wp-block-editor-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/core-data/index.min.js?ver=976dc2b2866ae7a31352" id="wp-core-data-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/data-controls/index.min.js?ver=9a8040a4ddc992b9fdcf" id="wp-data-controls-js"></script> <script type="text/javascript" id="wporg-pattern-script-js-before"> /* <![CDATA[ */ 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%22%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%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/20240229174133js_/https://wordpress.org/patterns/wp-content/themes/pub/wporg-patterns/build/index.js?ver=933823ae8b8c10175ef4" id="wporg-pattern-script-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20240229174133js_/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/20240229174133js_/https://stats.wp.com/e-202409.js" id="jetpack-stats-js" data-wp-strategy="defer"></script> <script type="text/javascript" id="jetpack-stats-js-after"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"186263034\",\"post\":\"0\",\"tz\":\"0\",\"srv\":\"wordpress.org\",\"j\":\"1:13.1.3\"}") ]); _stq.push([ "clickTrackerInit", "186263034", "0" ]); /* ]]> */ </script> <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/20240229174133js_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/global-header-footer/js/view.js?ver=1697687698" id="wporg-global-header-script-js"></script> </body> </html>