1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="theme-color" content="#003366"> 7 <link rel="pingback" href="https://www.skillsusa.org/xmlrpc.php" /> 8 <style> 9 [x-cloak] { display: none !important; } 10 </style> 11 <link rel="stylesheet" href="https://use.typekit.net/vpa5mli.css"> 12 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
13<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/11241eaebc65f601bcfbe1ab/script.js"></script>
13 14 <!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https://yoast.com/product/yoast-seo-premium-wordpress/ --> 15 <title>Shop | SkillsUSA</title> 16 <meta name="description" content="Learn more about SkillsUSA and its activities on Shop." /> 17 <link rel="canonical" href="https://www.skillsusa.org/resources/shop/" /> 18 <meta property="og:locale" content="en_US" /> 19 <meta property="og:type" content="article" /> 20 <meta property="og:title" content="Shop" /> 21 <meta property="og:description" content="Learn more about SkillsUSA and its activities on Shop." /> 22 <meta property="og:url" content="https://www.skillsusa.org/resources/shop/" /> 23 <meta property="og:site_name" content="SkillsUSA" /> 24 <meta property="article:modified_time" content="2026-09-11T15:17:59+00:00" /> 25 <meta property="og:image" content="https://www.skillsusa.org/wp-content/uploads/2024/10/Site-image.jpg" /> 26 <meta property="og:image:width" content="1200" /> 27 <meta property="og:image:height" content="675" /> 28 <meta property="og:image:type" content="image/jpeg" /> 29 <meta name="twitter:card" content="summary_large_image" /> 30
30<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.skillsusa.org\/resources\/shop\/","url":"https:\/\/www.skillsusa.org\/resources\/shop\/","name":"Shop | SkillsUSA","isPartOf":{"@id":"https:\/\/www.skillsusa.org\/#website"},"datePublished":"2023-05-17T21:49:10+00:00","dateModified":"2026-09-11T15:17:59+00:00","description":"Learn more about SkillsUSA and its activities on Shop.","breadcrumb":{"@id":"https:\/\/www.skillsusa.org\/resources\/shop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.skillsusa.org\/resources\/shop\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.skillsusa.org\/resources\/shop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.skillsusa.org\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/www.skillsusa.org\/resources\/"},{"@type":"ListItem","position":3,"name":"Shop"}]},{"@type":"WebSite","@id":"https:\/\/www.skillsusa.org\/#website","url":"https:\/\/www.skillsusa.org\/","name":"SkillsUSA","description":"SkillsUSA is the #1 workforce development organization for students.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.skillsusa.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
30 31 <!-- / Yoast SEO Premium plugin. --> 32 33 34<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 35<link rel="alternate" type="application/rss+xml" title="SkillsUSA » Feed" href="https://www.skillsusa.org/feed/" /> 36<link rel="alternate" type="application/rss+xml" title="SkillsUSA » Comments Feed" href="https://www.skillsusa.org/comments/feed/" /> 37<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.skillsusa.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.skillsusa.org%2Fresources%2Fshop%2F" /> 38<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.skillsusa.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.skillsusa.org%2Fresources%2Fshop%2F&format=xml" /> 39<style id="wp-img-auto-sizes-contain-inline-css"> 40img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 41/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 42</style> 43<style id="wp-emoji-styles-inline-css"> 44 45 img.wp-smiley, img.emoji { 46 display: inline !important; 47 border: none !important; 48 box-shadow: none !important; 49 height: 1em !important; 50 width: 1em !important; 51 margin: 0 0.07em !important; 52 vertical-align: -0.1em !important; 53 background: none !important; 54 padding: 0 !important; 55 } 56/*# sourceURL=wp-emoji-styles-inline-css */ 57</style> 58<style id="classic-theme-styles-inline-css"> 59/*! This file is auto-generated */ 60.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 61/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 62</style> 63 64<style id="global-styles-inline-css"> 65:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--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,rgb(6,147,227) 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,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 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%);
65--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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.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;}
65.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;} 66/*# sourceURL=global-styles-inline-css */ 67</style> 68 69<link rel='stylesheet' id='edac-sr-only-format-css' href='https://www.skillsusa.org/wp-content/plugins/accessibility-checker/build/css/srOnlyFormat.css?ver=1.50.1' media='all' /> 70<link rel='stylesheet' id='megamenu-css' href='https://www.skillsusa.org/wp-content/uploads/maxmegamenu/style.css?ver=affaf2' media='all' /> 71<link rel='stylesheet' id='dashicons-css' href='https://www.skillsusa.org/wp-includes/css/dashicons.min.css?ver=7.0.5' media='all' /> 72<link rel='stylesheet' id='style-css' href='https://www.skillsusa.org/wp-content/themes/timberland/theme/assets/build/app.css?id=4bdbaa9048f53baa1687f7ea40494d8f&ver=7.0.5' media='all' />
73<script id="jquery-core-js" src="https://www.skillsusa.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 73
73
74<script id="jquery-migrate-js" src="https://www.skillsusa.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
74 75<link rel="https://api.w.org/" href="https://www.skillsusa.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.skillsusa.org/wp-json/wp/v2/pages/148" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.skillsusa.org/xmlrpc.php?rsd" /> 76<link rel='shortlink' href='https://www.skillsusa.org/?p=148' /> 77<meta name="generator" content="Site Kit by Google 1.188.0" /> <style type="text/css">.pp-podcast {opacity: 0;}</style> 78 <style id="edac-nww"> 79 @font-face { 80 font-family: 'anww'; 81 src: url('https://www.skillsusa.org/wp-content/plugins/accessibility-checker/assets/fonts/anww.eot?7msg3d'); 82 src: url('https://www.skillsusa.org/wp-content/plugins/accessibility-checker/assets/fonts/anww.eot?7msg3d#iefix') format('embedded-opentype'), 83 url('https://www.skillsusa.org/wp-content/plugins/accessibility-checker/assets/fonts/anww.ttf?7msg3d') format('truetype'), 84 url('https://www.skillsusa.org/wp-content/plugins/accessibility-checker/assets/fonts/anww.woff?7msg3d') format('woff'), 85 url('https://www.skillsusa.org/wp-content/plugins/accessibility-checker/assets/fonts/anww.svg?7msg3d#anww') format('svg'); 86 font-weight: normal; 87 font-style: normal; 88 font-display: block; 89 } 90 91 :root { 92 --edac-nww-font-base: 'anww', sans-serif; 93 --edac-nww-icon-size: 0.75em; 94 } 95 96 .anww-external-link-icon, 97 .edac-nww-external-link-icon { 98 font: normal normal normal 1em var(--edac-nww-font-base) !important; 99 speak: never; 100 text-transform: none; 101 -webkit-font-smoothing: antialiased; 102 -moz-osx-font-smoothing: grayscale; 103 } 104 105 .anww-external-link-icon:before, 106 .edac-nww-external-link-icon:before { 107 content: " \e900"; 108 font-size: var(--edac-nww-icon-size); 109 } 110 111 .anww-external-link-icon.elementor-button-link-content:before, 112 .edac-nww-external-link-icon.elementor-button-link-content:before { 113 vertical-align: middle; 114 } 115 116 /* Modifier classes: add these to a container element to opt out of specific behaviors. */ 117 .anww-no-icon .anww-external-link-icon, 118 .anww-no-icon .edac-nww-external-link-icon, 119 .edac-nww-no-icon .anww-external-link-icon, 120 .edac-nww-no-icon .edac-nww-external-link-icon { 121 display: none !important; 122 } 123 </style> 124 125<!-- Google Tag Manager snippet added by Site Kit -->
126<script>
vendor: 420 bytes, lines 126-135
126 127 ( function( w, d, s, l, i ) { 128 w[l] = w[l] || []; 129 w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); 130 var f = d.getElementsByTagName( s )[0], 131 j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; 132 j.async = true; 133 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 134 f.parentNode.insertBefore( j, f ); 135 } )( window, document, 'script', 'dataLayer', '
135GTM-NNRH6CM
vendor: 9 bytes, lines 135-136
135' ); 136
137</script>
137 138 139<!-- End Google Tag Manager snippet added by Site Kit --> 140<link rel="icon" href="https://www.skillsusa.org/wp-content/uploads/2023/08/favicon.png" sizes="32x32" /> 141<link rel="icon" href="https://www.skillsusa.org/wp-content/uploads/2023/08/favicon.png" sizes="192x192" /> 142<link rel="apple-touch-icon" href="https://www.skillsusa.org/wp-content/uploads/2023/08/favicon.png" /> 143<meta name="msapplication-TileImage" content="https://www.skillsusa.org/wp-content/uploads/2023/08/favicon.png" /> 144<style id="wp-custom-css"> 145.font-serif.text-brand-blue.uppercase.text-xl { 146 text-transform: none !important; 147} 148 149.ts-list { list-style-type: decimal; } 150.ts-list ol { list-style-type: lower-alpha; } 151.ts-list ol ol { list-style-type: paren-decimal; } 152@counter-style paren-decimal { 153 system: extends decimal; 154 suffix: ") "; 155} 156</style> 157 158</head> 159 160<body class="wp-singular page-template-default page page-id-148 page-child parent-pageid-19 wp-theme-timberlandtheme mega-menu-max-mega-menu-1 relative" data-template="base.twig" x-data="modal"> 161 <div class="sticky z-40 bg-white top-0 left-0" x-data="{ scrolled: false }"> 162 <button class="sr-only" x-on:click="scrollToContent">Skip to content</button> 163 <header x-data="{ open: false, searchOpen: false, mobileSearchOpen: false }"> 164 <div class="px-12 lg:px-24 py-2 bg-brand-blue hidden md:block"> 165 <div class="flex justify-between items-center gap-4"> 166 <!-- Top Nav --> 167 <nav> 168 <ul class="flex gap-4 items-center"> 169 <li> 170 <a target="" href="https://www.skillsusa.org/support-skillsusa/donate/" class="text-white uppercase hover:underline text-xs lg:text-sm font-medium ">Donate</a> 171 </li> 172 <svg xmlns="http://www.w3.org/2000/svg" width="0.5" height="17" viewBox="0 0 0.5 17"> 173 <line id="Line_4" data-name="Line 4" y2="17" transform="translate(0.25)" fill="none" stroke="#fff" stroke-width="0.5"/> 174 </svg> 175 <li> 176 <a target="" href="https://www.skillsusa.org/resources/shop/" class="text-white uppercase hover:underline text-xs lg:text-sm font-medium underline">Shop</a> 177 </li> 178 <svg xmlns="http://www.w3.org/2000/svg" width="0.5" height="17" viewBox="0 0 0.5 17"> 179 <line id="Line_4" data-name="Line 4" y2="17" transform="translate(0.25)" fill="none" stroke="#fff" stroke-width="0.5"/> 180 </svg> 181 <li> 182 <a target="" href="https://www.skillsusa.org/customer-care/" class="text-white uppercase hover:underline text-xs lg:text-sm font-medium ">Customer Care</a> 183 </li> 184 <svg xmlns="http://www.w3.org/2000/svg" width="0.5" height="17" viewBox="0 0 0.5 17"> 185 <line id="Line_4" data-name="Line 4" y2="17" transform="translate(0.25)" fill="none" stroke="#fff" stroke-width="0.5"/> 186 </svg> 187 <li> 188 <a target="" href="https://www.skillsusa.org/resources/" class="text-white uppercase hover:underline text-xs lg:text-sm font-medium ">Resources</a> 189 </li> 190 <svg xmlns="http://www.w3.org/2000/svg" width="0.5" height="17" viewBox="0 0 0.5 17"> 191 <line id="Line_4" data-name="Line 4" y2="17" transform="translate(0.25)" fill="none" stroke="#fff" stroke-width="0.5"/> 192 </svg> 193 <li> 194 <a target="_blank" href="https://skillsusa.pathful.com/" class="text-white uppercase hover:underline text-xs lg:text-sm font-medium ">Pathful</a> 195 </li> 196 </ul> 197 </nav> 198 <nav> 199 <ul class="flex gap-4 items-center"> 200 <li> 201 <a class="flex gap-2 text-white group hover:underline items-center text-xs lg:text-sm font-medium" target="_blank" href="https://www.skillsusa-register.org/Login.aspx"> 202 <svg class="group-hover:animate-pulse" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> 203 <path id="Icon_ionic-md-person" data-name="Icon ionic-md-person" d="M10.5,10.5a3,3,0,1,0-3-3A3.009,3.009,0,0,0,10.5,10.5Zm0,1.5c-1.987,0-6,1.013-6,3v1.5h12V15C16.5,13.013,12.487,12,10.5,12Z" transform="translate(-4.5 -4.5)" fill="currentColor"/> 204 </svg>
205 <span>REGISTER / LOGIN</span> 206 </a> 207 </li> 208 <svg xmlns="http://www.w3.org/2000/svg" width="0.5" height="17" viewBox="0 0 0.5 17"> 209 <line id="Line_4" data-name="Line 4" y2="17" transform="translate(0.25)" fill="none" stroke="#fff" stroke-width="0.5"/> 210 </svg> 211 <li> 212 <a class="flex gap-2 text-white group hover:underline items-center text-xs lg:text-sm font-medium" href="#" role="button" @click="searchOpen = !searchOpen" @keyup.space="searchOpen = !searchOpen"> 213 <svg class="group-hover:animate-pulse" xmlns="http://www.w3.org/2000/svg" width="12" height="12.002" viewBox="0 0 12 12.002"> 214 <path id="Icon_awesome-search" data-name="Icon awesome-search" d="M11.837,10.377,9.5,8.04a.562.562,0,0,0-.4-.164H8.719a4.873,4.873,0,1,0-.844.844V9.1a.562.562,0,0,0,.164.4l2.337,2.337a.56.56,0,0,0,.795,0l.663-.663a.565.565,0,0,0,0-.8Zm-6.961-2.5a3,3,0,1,1,3-3A3,3,0,0,1,4.875,7.876Z" fill="currentColor"/> 215 </svg> 216 <span x-text="searchOpen ? 'CLOSE' : 'SEARCH'"></span> 217 </a> 218 </li> 219 </ul> 220 </nav> 221 </div> 222 </div> 223 <!-- Desktop Search --> 224 <div class="transition px-4 bg-brand-gray-light hidden md:block" x-show="searchOpen" x-cloak> 225 <form action="/" method="get" class="flex py-4 px-8 lg:px-20"> 226 <label for="input" class="sr-only">Search</label> 227 <input class="w-full py-1 px-4 border border-brand-gray-medium hover:bg-brand-gray-light mr-2" name="s" type="text" placeholder="Search for..." id="input" x-ref="input" /> 228 <label for="submit" class="sr-only">Submit</label> 229 <input id="submit" class="uppercase text-white bg-brand-red py-2 px-6 rounded-full text-sm font-bold font-serif hover:bg-gradient-to-r hover:from-brand-blue hover:to-brand-red cursor-pointer" type="submit" value="SEARCH" /> 230 </form> 231 </div> 232 <div class="px-4 lg:px-12 flex gap-4 lg:gap-12 shadow-lg justify-between md:justify-start items-center"> 233 <button class="md:hidden text-brand-blue" @click="open = true"> 234 <svg xmlns="http://www.w3.org/2000/svg" width="27" height="21" viewBox="0 0 27 21"> 235 <title>Menu Expand/Collapse</title> 236 <g id="Icon_feather-menu" data-name="Icon feather-menu" transform="translate(-4.5 -7.5)"> 237 <path id="Path_28" data-name="Path 28" d="M4.5,18h27" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"/> 238 <path id="Path_29" data-name="Path 29" d="M4.5,9h27" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"/> 239 <path id="Path_30" data-name="Path 30" d="M4.5,27h27" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"/> 240 </g> 241 </svg> 242 </button> 243 <a class="py-2" href="/" title="Home" aria-label="Home"> 244 <img class="max-w-[102px]" src="https://www.skillsusa.org/wp-content/themes/timberland/theme/assets/images/logo.png" alt="Skills USA logo" loading="eager" /> 245 </a> 246 <!-- Main Nav --> 247 <nav class="hidden md:block"> 248 <ul class="flex gap-4 lg:gap-8 justify-center items-center z-20"> 249 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 250 <a target="" href="https://www.skillsusa.org/who-we-are/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen"> 251 <span>Who We Are</span> 252 </a> 253 <ul class="absolute mt-5 lg:mt-[18px] py-3 bg-brand-gray-light -ml-5 z-20 transition grid grid-cols-4 mega-menu whitespace-nowrap" x-show="menuOpen" x-cloak> 254 <li> 255 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">By the Numbers</div> 256 <ul class="gap-4"> 257 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-38" href="https://www.skillsusa.org/who-we-are/we-are-skillsusa/" >We Are SkillsUSA</a></li> 258 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-37" href="https://www.skillsusa.org/who-we-are/impact/" >Impact</a></li> 259 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-36" href="https://www.skillsusa.org/who-we-are/reach/" >Reach</a></li> 260 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-15483" href="https://www.skillsusa.org/who-we-are/legislative-priorities/" >Policy Priorities</a></li> 261 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-83
26112" href="https://www.skillsusa.org/drive-to-65/" @keydown.tab="menuOpen = false">Drive to 65</a></li> 262 </ul> 263 </li> 264 <li> 265 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">The SkillsUSA Difference</div> 266 <ul class="gap-4"> 267 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-9720" href="https://www.skillsusa.org/resources/member-resources/theme/" >Annual Theme</a></li> 268 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-custom menu-item-object-custom menu-item-8053" href="https://www.skillsusa.org/who-we-are/impact/#ensure" >Ensuring Career Success for Students</a></li> 269 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-165" href="https://www.skillsusa.org/who-we-are/history/" >History</a></li> 270 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-8339" href="https://www.skillsusa.org/who-we-are/how-skillsusa-is-organized/" >How SkillsUSA is Organized</a></li> 271 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-2899" href="https://www.skillsusa.org/who-we-are/skillsusa-framework/" >SkillsUSA Framework</a></li> 272 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-custom menu-item-object-custom menu-item-8353" href="https://www.skillsusa.org/who-we-are/impact/#infographic" @keydown.tab="menuOpen = false">SkillsUSA Infographic</a></li> 273 </ul> 274 </li> 275 <li> 276 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">Directories</div> 277 <ul class="gap-4"> 278 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-163 menu-item-has-children" href="https://www.skillsusa.org/who-we-are/leaders-and-partners/" >Leaders and Partners</a></li> 279 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-164" href="https://www.skillsusa.org/who-we-are/staff/" >Staff</a></li> 280 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-18221" href="https://www.skillsusa.org/who-we-are/staff/executive-director-chelle-travis/" @keydown.tab="menuOpen = false">Chelle Travis, Executive Director of SkillsUSA</a></li> 281 </ul> 282 </li> 283 <li> 284 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">SkillsUSA News</div> 285 <ul class="gap-4"> 286 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-15747" href="https://www.skillsusa.org/resources/news-room/" >News Room</a></li> 287 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-15748" href="https://www.skillsusa.org/resources/news-room/podcasts/" >Podcasts</a></li> 288 <li><a target="_blank" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-custom menu-item-object-custom menu-item-15746" href="https://skillsusachampions.org/" @keydown.tab="menuOpen = false">SkillsUSA Champions</a></li> 289 </ul> 290 </li> 291 </ul> 292 </li> 293 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 294 <a target="" href="https://www.skillsusa.org/advisors/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }
294" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen"> 295 <span>Advisors</span> 296 </a> 297 <ul class="absolute mt-5 lg:mt-[18px] py-3 bg-brand-gray-light -ml-5 z-20 transition grid grid-cols-3 mega-menu whitespace-nowrap" x-show="menuOpen" x-cloak> 298 <li> 299 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">Getting Started</div> 300 <ul class="gap-4"> 301 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-8160" href="https://www.skillsusa.org/advisors/your-role-as-an-advisor/" >Your Role as an Advisor</a></li> 302 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-15256" href="https://www.skillsusa.org/advisors/back-to-school/" >Back to School</a></li> 303 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-16000" href="https://www.skillsusa.org/advisors/middle-school-momentum/" >Middle School Momentum</a></li> 304 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-8752" href="https://www.skillsusa.org/advisors/recruit/" @keydown.tab="menuOpen = false">Recruitment</a></li> 305 </ul> 306 </li> 307 <li> 308 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">Programs & Opportunities</div> 309 <ul class="gap-4"> 310 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-8784" href="https://www.skillsusa.org/advisors/elect/" >Chapter Officers</a></li> 311 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-8818" href="https://www.skillsusa.org/advisors/meet/" >Program of Work</a></li> 312 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-8772" href="https://www.skillsusa.org/advisors/career-readiness/" >Get Involved</a></li> 313 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-8847" href="https://www.skillsusa.org/advisors/recognize/" @keydown.tab="menuOpen = false">Recognition</a></li> 314 </ul> 315 </li> 316 <li> 317 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">Support for Success</div> 318 <ul class="gap-4"> 319 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-8874" href="https://www.skillsusa.org/advisors/support/" >Support</a></li> 320 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-custom menu-item-object-custom menu-item-9814" href="https://www.skillsusa.org/advisors/professional-development/" >Professional Development</a></li> 321 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-15929" href="https://www.skillsusa.org/advisors/skillsusa-pathful/" @keydown.tab="menuOpen = false">SkillsUSA Pathful</a></li> 322 </ul> 323 </li> 324 </ul> 325 </li> 326 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 327 <a target="" href="https://www.skillsusa.org/students/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }
327" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen"> 328 <span>Students</span> 329 </a> 330 <ul class="absolute mt-5 lg:mt-[18px] py-3 flex flex-col bg-brand-gray-light -ml-5 z-20 transition" x-show="menuOpen" x-cloak> 331 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8936" href="https://www.skillsusa.org/students/elevate-your-chapter/" >Enhance Your Chapter</a></li> 332 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8933" href="https://www.skillsusa.org/students/maximizing-potential/" >Maximizing Potential</a></li> 333 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition emphasize menu-item menu-item-type-custom menu-item-object-custom menu-item-9792" href="https://www.skillsusa.org/programs/" >Programs</a></li> 334 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8935" href="https://www.skillsusa.org/students/obtain-career-ready-skills/" >Obtain Career-Ready Skills</a></li> 335 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8937" href="https://www.skillsusa.org/students/work-based-learning/" >Work-Based Learning</a></li> 336 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8931" href="https://www.skillsusa.org/events/" >Experiences</a></li> 337 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8932" href="https://www.skillsusa.org/students/recognition/" @keydown.tab="menuOpen = false">Recognition</a></li> 338 </ul> 339 </li> 340 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 341 <a target="" href="https://www.skillsusa.org/events/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen"> 342 <span>Events</span> 343 </a> 344 <ul class="absolute mt-5 lg:mt-[18px] py-3 bg-brand-gray-light -ml-5 z-20 transition grid grid-cols-3 mega-menu whitespace-nowrap" x-show="menuOpen" x-cloak> 345 <li> 346 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">National Conferences</div> 347 <ul class="gap-4"> 348 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-7006" href="https://www.skillsusa.org/events/accessibility/" >Event Accessibility</a></li> 349 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-166" href="https://www.skillsusa.org/events/national-leadership-skills-conference/" >National Leadership & Skills Conference</a></li> 350 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-167" href="https://www.skillsusa.org/events/washington-leadership-training-institute/" @ke
350ydown.tab="menuOpen = false">Washington Leadership Training Institute</a></li> 351 </ul> 352 </li> 353 <li> 354 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">Virtual Events</div> 355 <ul class="gap-4"> 356 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-2872" href="https://www.skillsusa.org/events/elevate/" >Elevate</a></li> 357 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-168" href="https://www.skillsusa.org/advisors/professional-development/" >Professional Development</a></li> 358 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-21611" href="https://www.skillsusa.org/events/skillsusa-point/" @keydown.tab="menuOpen = false">SkillsUSA Point</a></li> 359 </ul> 360 </li> 361 <li> 362 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">Campaigns</div> 363 <ul class="gap-4"> 364 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-749" href="https://www.skillsusa.org/events/skillsusa-national-signing-day/" >SkillsUSA National Signing Day</a></li> 365 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-16697" href="https://www.skillsusa.org/events/skillsusa-week/" @keydown.tab="menuOpen = false">SkillsUSA Week</a></li> 366 </ul> 367 </li> 368 </ul> 369 </li> 370 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 371 <a target="" href="https://www.skillsusa.org/programs/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen">
372 <span>Programs</span> 373 </a> 374 <ul class="absolute mt-5 lg:mt-[18px] py-3 flex flex-col bg-brand-gray-light -ml-5 z-20 transition" x-show="menuOpen" x-cloak> 375 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-9763" href="https://www.skillsusa.org/programs/get-involved/" >CareerSafe</a></li> 376 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-9764" href="https://www.skillsusa.org/programs/chapter-building/chapter-excellence-program-cep/" >Chapter Excellence Program</a></li> 377 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-9040" href="https://www.skillsusa.org/?page_id=2933" >Chapter Officer Development</a></li> 378 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-21990" href="https://www.skillsusa.org/students/obtain-career-ready-skills/" >SkillsUSA Career Essentials</a></li> 379 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-custom menu-item-object-custom menu-item-9767" href="https://www.skillsusa.org/advisors/career-readiness/#h-2" @keydown.tab="menuOpen = false">Xplore</a></li> 380 </ul> 381 </li> 382 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 383 <a target="" href="https://www.skillsusa.org/recognition/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen"> 384 <span>Recognition</span> 385 </a> 386 <ul class="absolute mt-5 lg:mt-[18px] py-3 flex flex-col bg-brand-gray-light -ml-5 z-20 transition" x-show="menuOpen" x-cloak> 387 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-9059" href="https://www.skillsusa.org/recognition/awards-programs/" >Awards Programs</a></li> 388 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-9060" href="https://www.skillsusa.org/recognition/scholarships-and-grants/" @keydown.tab="menuOpen = false">Scholarships and Grants</a></li> 389 </ul> 390 </li> 391 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 392 <a target="" href="https://www.skillsusa.org/competitions/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }
392" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen"> 393 <span>Competitions</span> 394 </a> 395 <ul class="absolute mt-5 lg:mt-[18px] py-3 flex flex-col bg-brand-gray-light -ml-5 z-20 transition" x-show="menuOpen" x-cloak> 396 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-172 menu-item-has-children" href="https://www.skillsusa.org/competitions/skillsusa-championships/" >SkillsUSA Championships</a></li> 397 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-173" href="https://www.skillsusa.org/competitions/worldskills-competition/" >WorldSkills Competition</a></li> 398 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-174" href="https://www.skillsusa.org/competitions/state-and-local-competition-info/" >State and Local Competition Info</a></li> 399 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-custom menu-item-object-custom menu-item-9099" href="https://www.skillsusa.org/competitions/skillsusa-championships/technical-standards/#h-1" @keydown.tab="menuOpen = false">How to Access the Technical Standards</a></li> 400 </ul> 401 </li> 402 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 403 <a target="" href="https://www.skillsusa.org/new-chapter/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen"> 404 <span>New Chapter</span> 405 </a> 406 <ul class="absolute mt-5 lg:mt-[18px] py-3 bg-brand-gray-light -ml-5 z-20 transition grid grid-cols-2 mega-menu whitespace-nowrap" x-show="menuOpen" x-cloak> 407 <li> 408 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">Classroom Chapters</div> 409 <ul class="gap-4"> 410 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-9160" href="https://www.skillsusa.org/new-chapter/12-steps-to-start-a-chapter/" >12 Steps to Start a Chapter</a></li> 411 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-9460" href="https://www.skillsusa.org/join/how-to-join/" @keydown.tab="menuOpen = false">How to Join</a></li> 412 </ul> 413 </li> 414 <li> 415 <div class="text-brand-blue py-2 pl-5 pr-8 font-bold md:underline">Virtual Chapters</div> 416 <ul class="gap-4"> 417 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-15554" href="https://www.skillsusa.org/new-chapter/12-steps-to-start-a-virtual-chapter/" >12 Steps to Start a Virtual Chapter</a></li> 418 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-15555" href="https://www.skillsusa.org/join/how-to-join/" @keydown.tab="menuOpen = false">How to Join</a></li> 419 </ul> 420 </li> 421 </ul> 422 </li> 423 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 424 <a target="" href="https://www.skillsusa.org/support-skillsusa/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }
424" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen"> 425 <span>Partnerships</span> 426 </a> 427 <ul class="absolute mt-5 lg:mt-[18px] py-3 flex flex-col bg-brand-gray-light -ml-5 z-20 transition" x-show="menuOpen" x-cloak> 428 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-182" href="https://www.skillsusa.org/support-skillsusa/become-an-industry-partner/" >Become an Industry Partner</a></li> 429 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-184" href="https://www.skillsusa.org/support-skillsusa/exhibit-advertise/" >Exhibit/Advertise</a></li> 430 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-9637" href="https://www.skillsusa.org/support-skillsusa/annual-report/" >Annual Report</a></li> 431 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-post_type menu-item-object-page menu-item-183 menu-item-has-children" href="https://www.skillsusa.org/support-skillsusa/donate/" @keydown.tab="menuOpen = false">Donate</a></li> 432 </ul> 433 </li> 434 <li class="whitespace-nowrap group" @mouseenter="menuOpen = true" @mouseleave="menuOpen = false" x-state:on="Item active" x-state:off="Item inactive" x-data="{ menuOpen: false }"> 435 <a target="" href="https://www.skillsusa.org/join/" class="py-5 group-hover:text-brand-red lg:text-lg font-medium transition text-brand-blue" :class="{ 'text-brand-red': menuOpen }" @keyup.tab="menuOpen = true" @keyup.shift.tab="menuOpen = false" aria-haspopup="true" :aria-expanded="menuOpen"> 436 <span>Join</span> 437 </a> 438 <ul class="absolute mt-5 lg:mt-[18px] py-3 flex flex-col bg-brand-gray-light -ml-5 z-20 transition" x-show="menuOpen" x-cloak> 439 <li><a target="" class="block text-brand-blue hover:text-brand-red py-2 pl-5 pr-8 transition menu-item menu-item-type-custom menu-item-object-custom menu-item-16032" href="https://www.skillsusa-register.org/alumni/welcome.aspx" @keydown.tab="menuOpen = false">SkillsUSA Alumni & Friends</a></li> 440 </ul> 441 </li> 442 </ul> 443 </nav> 444 <button class="md:hidden text-brand-blue transition" @click="mobileSearchOpen = !mobileSearchOpen" x-cloak> 445 <span class="sr-only" x-text="mobileSearchOpen ? 'Close Search Panel' : 'Open Search Panel'"></span> 446 <svg x-show="!mobileSearchOpen" xmlns="http://www.w3.org/2000/svg" width="" height="20" viewBox="0 0 19.997 20"> 447 <path id="Icon_awesome-search" data-name="Icon awesome-search" d="M19.725,17.291,15.83,13.4a.937.937,0,0,0-.664-.273H14.53a8.12,8.12,0,1,0-1.406,1.406v.637a.937.937,0,0,0,.273.664l3.894,3.894a.934.934,0,0,0,1.324,0l1.105-1.105a.942.942,0,0,0,0-1.328Zm-11.6-4.168a5,5,0,1,1,5-5A5,5,0,0,1,8.124,13.124Z" fill="currentColor"/> 448 </svg>
449 <svg x-show="mobileSearchOpen" xmlns="http://www.w3.org/2000/svg" width="" height="20" viewBox="0 0 18.005 18" x-cloak> 450 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M22.421,20.289l6.431-6.431a1.507,1.507,0,0,0-2.131-2.131L20.29,18.158l-6.431-6.431a1.507,1.507,0,1,0-2.131,2.131l6.431,6.431-6.431,6.431a1.507,1.507,0,1,0,2.131,2.131L20.29,22.42,26.72,28.85a1.507,1.507,0,1,0,2.131-2.131Z" transform="translate(-11.285 -11.289)" fill="currentColor"/> 451 </svg> 452 453 </button> 454 </div> 455 <!-- Mobile Search --> 456 <div class="transition px-4 bg-brand-gray-light md:hidden" x-show="mobileSearchOpen" x-cloak> 457 <form action="/" method="get" class="flex py-4"> 458 <label for="input-mobile" class="sr-only">Search</label> 459 <input class="w-full py-1 px-4 border border-brand-gray-medium mr-2" name="s" type="text" placeholder="Search for..." id="input-mobile" x-ref="input" /> 460 <label for="submit-mobile" class="sr-only">Submit</label> 461 <input id="submit-mobile" class="uppercase text-white bg-brand-red py-2 px-6 rounded-full text-sm font-bold font-serif hover:bg-gradient-to-r hover:from-brand-blue hover:to-brand-red cursor-pointer" type="submit" value="SEARCH" /> 462 </form> 463 </div> 464 <!-- Mobile Nav --> 465 <div @keydown.window.escape="open = false" x-show="open" class="relative z-50 md:hidden" x-ref="dialog" aria-modal="true" x-cloak> 466 <div x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" x-cloak></div> 467 <div class="fixed inset-0 overflow-hidden"> 468 <div class="absolute inset-0 overflow-hidden"> 469 <div class="pointer-events-none fixed inset-y-0 left-0 flex max-w-full pr-10 bg-gray w-full"> 470 <div x-show="open" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="-translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="-translate-x-full" class="pointer-events-auto relative w-[calc(100%-1.5rem)]" @click.away="open = false" x-cloak> 471 <div class="h-full overflow-y-auto bg-brand-gray-light"> 472 <a class="px-4 py-2 bg-white block" href="/" title="Home" aria-label="Home"> 473 <img class="max-w-[102px]" src="https://www.skillsusa.org/wp-content/themes/timberland/theme/assets/images/logo.png" alt="Skills USA mobile logo" /> 474 </a> 475 <!-- Mobile Menu --> 476 <div class="bg-white py-4"> 477 <div x-data="{ open: false }"> 478 <a href="https://www.skillsusa.org/who-we-are/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-29 menu-item-has-children"> 479 <span class="flex-grow">Who We Are</span> 480 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 481 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 482 <title>Expand</title> 483 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 484 </svg> 485 <svg x-s
485how="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 486 <title>Collapse</title> 487 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 488 </svg> 489 490 </button> 491 </a> 492 <div x-show="open" class="bg-brand-blue" x-cloak> 493 <div x-data="{ open: false }"> 494 <div class="relative flex items-center"> 495 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-10551 menu-item-has-children">By the Numbers</a> 496 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 497 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 498 <title>Expand</title> 499 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 500 </svg> 501 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 502 <title>Collapse</title> 503 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 504 </svg> 505 </button> 506 </div> 507 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 508 <a href="https://www.skillsusa.org/who-we-are/we-are-skillsusa/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-38">We Are SkillsUSA</a> 509 <a href="https://www.skillsusa.org/who-we-are/impact/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-37">Impact</a> 510 <a href="https://www.skillsusa.org/who-we-are/reach/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-36">Reach</a> 511 <a href="https://www.skillsusa.org/who-we-are/legislative-priorities/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-15483">Policy Priorities</a> 512 <a href="https://www.skillsusa.org/drive-to-65
512/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-8312">Drive to 65</a> 513 </div> 514 </div> 515 <div x-data="{ open: false }"> 516 <div class="relative flex items-center"> 517 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-10552 menu-item-has-children">The SkillsUSA Difference</a> 518 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 519 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 520 <title>Expand</title> 521 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 522 </svg> 523 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 524 <title>Collapse</title> 525 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 526 </svg> 527 </button> 528 </div> 529 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 530 <a href="https://www.skillsusa.org/resources/member-resources/theme/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-9720">Annual Theme</a> 531 <a href="https://www.skillsusa.org/who-we-are/impact/#ensure" class="block py-4 pl-12 menu-item menu-item-type-custom menu-item-object-custom menu-item-8053">Ensuring Career Success for Students</a> 532 <a href="https://www.skillsusa.org/who-we-are/history/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-165">History</a> 533 <a href="https://www.skillsusa.org/who-we-are/how-skillsusa-is-organized/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-8339">How SkillsUSA is Organized</a> 534 <a href="https://www.skillsusa.org/who-we-are/skillsusa-framework/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-2899">SkillsUSA Framework</a> 535 <a href="https://www.skillsusa.org/who-we-are/impact/#infographic" class="block py-4 pl-12 menu-item menu-item-type-custom menu-item-object-custom menu-item-8353">SkillsUSA Infographic</a> 536 </div> 537 </div> 538 <div x-data="{ open: false }"> 539 <div class="relative flex items-center"> 540 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-10553 menu-item-has-children">Directories</a> 541 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 542 <svg x-s
542how="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 543 <title>Expand</title> 544 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 545 </svg> 546 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 547 <title>Collapse</title> 548 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 549 </svg> 550 </button> 551 </div> 552 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 553 <a href="https://www.skillsusa.org/who-we-are/leaders-and-partners/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-163 menu-item-has-children">Leaders and Partners</a> 554 <a href="https://www.skillsusa.org/who-we-are/staff/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-164">Staff</a> 555 <a href="https://www.skillsusa.org/who-we-are/staff/executive-director-chelle-travis/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-18221">Chelle Travis, Executive Director of SkillsUSA</a> 556 </div> 557 </div> 558 <div x-data="{ open: false }"> 559 <div class="relative flex items-center"> 560 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-15745 menu-item-has-children">SkillsUSA News</a> 561 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 562 <svg x-s
562how="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 563 <title>Expand</title> 564 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 565 </svg> 566 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 567 <title>Collapse</title> 568 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 569 </svg> 570 </button> 571 </div> 572 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 573 <a href="https://www.skillsusa.org/resources/news-room/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-15747">News Room</a> 574 <a href="https://www.skillsusa.org/resources/news-room/podcasts/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-15748">Podcasts</a> 575 <a target="_blank" href="https://skillsusachampions.org/" class="flex items-center menu-item menu-item-type-custom menu-item-object-custom menu-item-15746"> 576 <span class="py-4 pl-12 pr-2 block">SkillsUSA Champions</span> 577 <div> 578 <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 579 <title>External Link</title> 580 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" /> 581 </svg> 582 </div> 583 </a> 584 </div> 585 </div> 586 </div> 587 </div> 588 <div x-data="{ open: false }"> 589 <a href="https://www.skillsusa.org/advisors/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-8063 menu-item-has-children">
590 <span class="flex-grow">Advisors</span> 591 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 592 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 593 <title>Expand</title> 594 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 595 </svg> 596 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 597 <title>Collapse</title> 598 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 599 </svg> 600 601 </button> 602 </a> 603 <div x-show="open" class="bg-brand-blue" x-cloak> 604 <div x-data="{ open: false }"> 605 <div class="relative flex items-center"> 606 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-15997 menu-item-has-children">Getting Started</a> 607 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 608 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 609 <title>Expand</title> 610 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 611 </svg> 612 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 613 <title>Collapse</title> 614 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 615 </svg> 616 </button> 617 </div> 618 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 619 <a href="https://www.skillsusa.org/advisors/your-role-as-an-advisor/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-8160">Your Role as an Advisor</a> 620 <a href="https://www.skillsusa.org/advisors/back-to-school/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-15256">Back to School</a> 621 <a href="https://www.skillsusa.org/advisors/middle-school-momentum/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-16000">Middle School Momentum</a> 622 <a href="https://www.skillsusa.org/advisors/recruit/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-8752">Recruitment</a> 623 </div> 624 </div> 625 <div x-data="{ open: false }"> 626 <div class="relative flex items-center"> 627 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-15998 menu-item-has-children">Programs & Opportunities</a> 628 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 629 <svg x-s
629how="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 630 <title>Expand</title> 631 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 632 </svg> 633 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 634 <title>Collapse</title> 635 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 636 </svg> 637 </button> 638 </div> 639 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 640 <a href="https://www.skillsusa.org/advisors/elect/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-8784">Chapter Officers</a> 641 <a href="https://www.skillsusa.org/advisors/meet/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-8818">Program of Work</a> 642 <a href="https://www.skillsusa.org/advisors/career-readiness/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-8772">Get Involved</a> 643 <a href="https://www.skillsusa.org/advisors/recognize/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-8847">Recognition</a> 644 </div> 645 </div> 646 <div x-data="{ open: false }"> 647 <div class="relative flex items-center"> 648 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-15999 menu-item-has-children">Support for Success</a> 649 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 650 <svg x-s
650how="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 651 <title>Expand</title> 652 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 653 </svg> 654 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 655 <title>Collapse</title> 656 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 657 </svg> 658 </button> 659 </div> 660 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 661 <a href="https://www.skillsusa.org/advisors/support/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-8874">Support</a> 662 <a href="https://www.skillsusa.org/advisors/professional-development/" class="block py-4 pl-12 menu-item menu-item-type-custom menu-item-object-custom menu-item-9814">Professional Development</a> 663 <a href="https://www.skillsusa.org/advisors/skillsusa-pathful/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-15929">SkillsUSA Pathful</a> 664 </div> 665 </div> 666 </div> 667 </div> 668 <div x-data="{ open: false }"> 669 <a href="https://www.skillsusa.org/students/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-8062 menu-item-has-children"> 670 <span class="flex-grow">Students</span> 671 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 672 <svg x-s
672how="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 673 <title>Expand</title> 674 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 675 </svg> 676 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 677 <title>Collapse</title> 678 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 679 </svg> 680 681 </button> 682 </a> 683 <div x-show="open" class="bg-brand-blue" x-cloak> 684 <a href="https://www.skillsusa.org/students/elevate-your-chapter/" class="py-4 px-8 block text-white emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8936">Enhance Your Chapter</a> 685 <a href="https://www.skillsusa.org/students/maximizing-potential/" class="py-4 px-8 block text-white emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8933">Maximizing Potential</a> 686 <a href="https://www.skillsusa.org/programs/" class="py-4 px-8 block text-white emphasize menu-item menu-item-type-custom menu-item-object-custom menu-item-9792">Programs</a> 687 <a href="https://www.skillsusa.org/students/obtain-career-ready-skills/" class="py-4 px-8 block text-white emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8935">Obtain Career-Ready Skills</a> 688 <a href="https://www.skillsusa.org/students/work-based-learning/" class="py-4 px-8 block text-white emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8937">Work-Based Learning</a> 689 <a href="https://www.skillsusa.org/events/" class="py-4 px-8 block text-white emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8931">Experiences</a> 690 <a href="https://www.skillsusa.org/students/recognition/" class="py-4 px-8 block text-white emphasize menu-item menu-item-type-post_type menu-item-object-page menu-item-8932">Recognition</a> 691 </div> 692 </div> 693 <div x-data="{ open: false }"> 694 <a href="https://www.skillsusa.org/events/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-28 menu-item-has-children">
695 <span class="flex-grow">Events</span> 696 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 697 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 698 <title>Expand</title> 699 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 700 </svg> 701 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 702 <title>Collapse</title> 703 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 704 </svg> 705 706 </button> 707 </a> 708 <div x-show="open" class="bg-brand-blue" x-cloak> 709 <div x-data="{ open: false }"> 710 <div class="relative flex items-center"> 711 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-10554 menu-item-has-children">National Conferences</a> 712 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 713 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 714 <title>Expand</title> 715 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 716 </svg> 717 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 718 <title>Collapse</title> 719 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 720 </svg> 721 </button> 722 </div> 723 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 724 <a href="https://www.skillsusa.org/events/accessibility/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-7006">Event Accessibility</a> 725 <a href="https://www.skillsusa.org/events/national-leadership-skills-conference/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-166">National Leadership & Skills Conference</a> 726 <a href="https://www.skillsusa.org/events/washington-leadership-training-institute/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-167">
726Washington Leadership Training Institute</a> 727 </div> 728 </div> 729 <div x-data="{ open: false }"> 730 <div class="relative flex items-center"> 731 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-10555 menu-item-has-children">Virtual Events</a> 732 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 733 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 734 <title>Expand</title> 735 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 736 </svg> 737 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 738 <title>Collapse</title> 739 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 740 </svg> 741 </button> 742 </div> 743 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 744 <a href="https://www.skillsusa.org/events/elevate/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-2872">Elevate</a> 745 <a href="https://www.skillsusa.org/advisors/professional-development/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-168">Professional Development</a> 746 <a href="https://www.skillsusa.org/events/skillsusa-point/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-21611">SkillsUSA Point</a> 747 </div> 748 </div> 749 <div x-data="{ open: false }"> 750 <div class="relative flex items-center"> 751 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-10556 menu-item-has-children">Campaigns</a> 752 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 753 <svg x-s
753how="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 754 <title>Expand</title> 755 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 756 </svg> 757 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 758 <title>Collapse</title> 759 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 760 </svg> 761 </button> 762 </div> 763 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 764 <a href="https://www.skillsusa.org/events/skillsusa-national-signing-day/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-749">SkillsUSA National Signing Day</a> 765 <a href="https://www.skillsusa.org/events/skillsusa-week/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-16697">SkillsUSA Week</a> 766 </div> 767 </div> 768 </div> 769 </div> 770 <div x-data="{ open: false }"> 771 <a href="https://www.skillsusa.org/programs/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-9762 menu-item-has-children"> 772 <span class="flex-grow">Programs</span> 773 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 774 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 775 <title>Expand</title> 776 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 777 </svg> 778 <svg x-s
778how="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 779 <title>Collapse</title> 780 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 781 </svg> 782 783 </button> 784 </a> 785 <div x-show="open" class="bg-brand-blue" x-cloak> 786 <a href="https://www.skillsusa.org/programs/get-involved/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-9763">CareerSafe</a> 787 <a href="https://www.skillsusa.org/programs/chapter-building/chapter-excellence-program-cep/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-9764">Chapter Excellence Program</a> 788 <a href="https://www.skillsusa.org/?page_id=2933" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-9040">Chapter Officer Development</a> 789 <a href="https://www.skillsusa.org/students/obtain-career-ready-skills/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-21990">SkillsUSA Career Essentials</a> 790 <a href="https://www.skillsusa.org/advisors/career-readiness/#h-2" class="py-4 px-8 block text-white menu-item menu-item-type-custom menu-item-object-custom menu-item-9767">Xplore</a> 791 </div> 792 </div> 793 <div x-data="{ open: false }"> 794 <a href="https://www.skillsusa.org/recognition/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-9058 menu-item-has-children">
795 <span class="flex-grow">Recognition</span> 796 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 797 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 798 <title>Expand</title> 799 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 800 </svg> 801 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 802 <title>Collapse</title> 803 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 804 </svg> 805 806 </button> 807 </a> 808 <div x-show="open" class="bg-brand-blue" x-cloak> 809 <a href="https://www.skillsusa.org/recognition/awards-programs/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-9059">Awards Programs</a> 810 <a href="https://www.skillsusa.org/recognition/scholarships-and-grants/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-9060">Scholarships and Grants</a> 811 </div> 812 </div> 813 <div x-data="{ open: false }"> 814 <a href="https://www.skillsusa.org/competitions/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-27 menu-item-has-children"> 815 <span class="flex-grow">Competitions</span> 816 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 817 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 818 <title>Expand</title> 819 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 820 </svg> 821 <svg x-s
821how="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 822 <title>Collapse</title> 823 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 824 </svg> 825 826 </button> 827 </a> 828 <div x-show="open" class="bg-brand-blue" x-cloak> 829 <div x-data="{ open: false }"> 830 <div class="relative flex items-center"> 831 <a href="https://www.skillsusa.org/competitions/skillsusa-championships/" class="px-8 py-4 flex justify-between items-center flex-grow text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-172 menu-item-has-children">SkillsUSA Championships</a> 832 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 833 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 834 <title>Expand</title> 835 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 836 </svg> 837 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 838 <title>Collapse</title> 839 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 840 </svg> 841 </button> 842 </div> 843 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 844 <a href="https://www.skillsusa.org/competitions/skillsusa-championships/categories-and-descriptions/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-2895">Categories and Descriptions</a> 845 <a href="https://www.skillsusa.org/competitions/skillsusa-championships/scores-and-medalist-photos/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-2112">Scores and Medalist Photos</a> 846 <a href="https://www.skillsusa.org/competitions/skillsusa-championships/technical-standards/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-2113">Technical Standards</a> 847 <a href="https://www.skillsusa.org/competitions/skillsusa-championships/competition-updates/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-2114">Competition Updates</a> 848 </div> 849 </div> 850 <a href="https://www.skillsusa.org/competitions/worldskills-competition/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-173">WorldSkills Competition</a> 851 <a href="https://www.skillsusa.org/competitions/state-and-local-compet
851ition-info/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-174">State and Local Competition Info</a> 852 <a href="https://www.skillsusa.org/competitions/skillsusa-championships/technical-standards/#h-1" class="py-4 px-8 block text-white menu-item menu-item-type-custom menu-item-object-custom menu-item-9099">How to Access the Technical Standards</a> 853 </div> 854 </div> 855 <div x-data="{ open: false }"> 856 <a href="https://www.skillsusa.org/new-chapter/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-23 menu-item-has-children"> 857 <span class="flex-grow">New Chapter</span> 858 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 859 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 860 <title>Expand</title> 861 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 862 </svg> 863 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 864 <title>Collapse</title> 865 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 866 </svg> 867 868 </button> 869 </a> 870 <div x-show="open" class="bg-brand-blue" x-cloak> 871 <div x-data="{ open: false }"> 872 <div class="relative flex items-center"> 873 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-15552 menu-item-has-children">Classroom Chapters</a> 874 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 875 <svg x-s
875how="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 876 <title>Expand</title> 877 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 878 </svg> 879 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 880 <title>Collapse</title> 881 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 882 </svg> 883 </button> 884 </div> 885 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 886 <a href="https://www.skillsusa.org/new-chapter/12-steps-to-start-a-chapter/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-9160">12 Steps to Start a Chapter</a> 887 <a href="https://www.skillsusa.org/join/how-to-join/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-9460">How to Join</a> 888 </div> 889 </div> 890 <div x-data="{ open: false }"> 891 <div class="relative flex items-center"> 892 <a href="#" @click.prevent="open = !open" class="px-8 py-4 flex justify-between items-center flex-grow text-white font-bold menu-item menu-item-type-custom menu-item-object-custom menu-item-15553 menu-item-has-children">Virtual Chapters</a> 893 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 894 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 895 <title>Expand</title> 896 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 897 </svg> 898 <svg x-s
898how="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 899 <title>Collapse</title> 900 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 901 </svg> 902 </button> 903 </div> 904 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 905 <a href="https://www.skillsusa.org/new-chapter/12-steps-to-start-a-virtual-chapter/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-15554">12 Steps to Start a Virtual Chapter</a> 906 <a href="https://www.skillsusa.org/join/how-to-join/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-15555">How to Join</a> 907 </div> 908 </div> 909 </div> 910 </div> 911 <div x-data="{ open: false }"> 912 <a href="https://www.skillsusa.org/support-skillsusa/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-24 menu-item-has-children"> 913 <span class="flex-grow">Partnerships</span> 914 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 915 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 916 <title>Expand</title> 917 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 918 </svg> 919 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 920 <title>Collapse</title> 921 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 922 </svg> 923 924 </button> 925 </a> 926 <div x-show="open" class="bg-brand-blue" x-cloak> 927 <a href="https://www.skillsusa.org/support-skillsusa/bec
927ome-an-industry-partner/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-182">Become an Industry Partner</a> 928 <a href="https://www.skillsusa.org/support-skillsusa/exhibit-advertise/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-184">Exhibit/Advertise</a> 929 <a href="https://www.skillsusa.org/support-skillsusa/annual-report/" class="py-4 px-8 block text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-9637">Annual Report</a> 930 <div x-data="{ open: false }"> 931 <div class="relative flex items-center"> 932 <a href="https://www.skillsusa.org/support-skillsusa/donate/" class="px-8 py-4 flex justify-between items-center flex-grow text-white menu-item menu-item-type-post_type menu-item-object-page menu-item-183 menu-item-has-children">Donate</a> 933 <button class="py-4 px-4 text-white" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 934 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 935 <title>Expand</title> 936 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 937 </svg> 938 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 939 <title>Collapse</title> 940 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 941 </svg> 942 </button> 943 </div> 944 <div x-show="open" class="text-brand-blue bg-brand-gray-light" x-cloak> 945 <a href="https://www.skillsusa.org/?page_id=672" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-2121">SkillsUSA Mission Support</a> 946 <a href="https://www.skillsusa.org/support-skillsusa/donate/skillsusa-hope-fund/" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-2122">SkillsUSA Hope Fund</a> 947 <a href="https://www.skillsusa.org/?page_id=674" class="block py-4 pl-12 menu-item menu-item-type-post_type menu-item-object-page menu-item-2124">Marsha Daves Scholarship Fund</a> 948 </div> 949 </div> 950 </div> 951 </div> 952 <div x-data="{ open: false }"> 953 <a href="https://www.skillsusa.org/join/" class="flex items-center w-full text-brand-blue text-lg font-medium pl-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-9459 menu-item-has-children">
954 <span class="flex-grow">Join</span> 955 <button class="py-6 px-4 text-brand-blue" type="button" @click.prevent="open = !open" aria-expanded="false" :aria-expanded="open.toString()"> 956 <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" width="16.969" height="16.969" viewBox="0 0 16.969 16.969"> 957 <title>Expand</title> 958 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M18.707,17.287,22.993,13a1,1,0,1,0-1.42-1.42l-4.286,4.286L13,11.581A1,1,0,1,0,11.581,13l4.286,4.286-4.286,4.286A1,1,0,0,0,13,22.993l4.286-4.286,4.286,4.286a1,1,0,0,0,1.42-1.42Z" transform="translate(8.486 -15.962) rotate(45)" fill="currentColor"/> 959 </svg> 960 <svg x-show="open" xmlns="http://www.w3.org/2000/svg" width="15" height="16.969" viewBox="0 0 15 2" x-cloak> 961 <title>Collapse</title> 962 <path id="Icon_feather-minus" data-name="Icon feather-minus" d="M7.5,18h13" transform="translate(-6.5 -17)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 963 </svg> 964 965 </button> 966 </a> 967 <div x-show="open" class="bg-brand-blue" x-cloak> 968 <a href="https://www.skillsusa-register.org/alumni/welcome.aspx" class="py-4 px-8 block text-white menu-item menu-item-type-custom menu-item-object-custom menu-item-16032">SkillsUSA Alumni & Friends</a> 969 </div> 970 </div> 971 </div> 972 <div class="flex flex-col gap-8 p-4 bg-brand-gray-light py-8"> 973 <a class="text-brand-blue uppercase menu-item menu-item-type-post_type menu-item-object-page menu-item-160" href="https://www.skillsusa.org/support-skillsusa/donate/">Donate</a> 974 <a class="text-brand-blue uppercase menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-148 current_page_item menu-item-161" href="https://www.skillsusa.org/resources/shop/">Shop</a> 975 <a class="text-brand-blue uppercase menu-item menu-item-type-post_type menu-item-object-page menu-item-159" href="https://www.skillsusa.org/customer-care/">Customer Care</a> 976 <a class="text-brand-blue uppercase menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-page-parent menu-item-9719" href="https://www.skillsusa.org/resources/">Resources</a> 977 <a target="_blank" href="https://skillsusa.pathful.com/" class="flex items-center text-brand-blue uppercase menu-item menu-item-type-custom menu-item-object-custom menu-item-15744">
978 <span class="pr-2 block">Pathful</span> 979 <div> 980 <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 981 <title>External Link</title> 982 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" /> 983 </svg> 984 </div> 985 </a> 986 <a class="flex gap-2 text-brand-blue uppercase items-center" target="_blank" href="https://www.skillsusa-register.org/Login.aspx"> 987 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> 988 <path id="Icon_ionic-md-person" data-name="Icon ionic-md-person" d="M10.5,10.5a3,3,0,1,0-3-3A3.009,3.009,0,0,0,10.5,10.5Zm0,1.5c-1.987,0-6,1.013-6,3v1.5h12V15C16.5,13.013,12.487,12,10.5,12Z" transform="translate(-4.5 -4.5)" fill="currentColor"/> 989 </svg> 990 <span>REGISTER / LOGIN</span> 991 </a> 992 </div> 993 </div> 994 <div x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute right-0 top-0 -mr-16 flex items-center justify-center" x-cloak> 995 <button type="button" class="text-white focus:outline-none focus:ring-2 focus:ring-white bg-brand-red p-[23px]" @click="open = false"> 996 <span class="sr-only">Close panel</span> 997 <svg xmlns="http://www.w3.org/2000/svg" width="18.005" height="18" viewBox="0 0 18.005 18"> 998 <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close" d="M22.421,20.289l6.431-6.431a1.507,1.507,0,0,0-2.131-2.131L20.29,18.158l-6.431-6.431a1.507,1.507,0,1,0-2.131,2.131l6.431,6.431-6.431,6.431a1.507,1.507,0,1,0,2.131,2.131L20.29,22.42,26.72,28.85a1.507,1.507,0,1,0,2.131-2.131Z" transform="translate(-11.285 -11.289)" fill="#fff"/> 999 </svg> 1000 </button> 1001 </div> 1002 </div> 1003 </div> 1004 </div> 1005 </div> 1006 </div> 1007 </div> 1008</header> <a id="content" name="content"></a> 1009 <!-- Hero --> 1010<div class="relative bg-[#00214299] detail-hero"> 1011 <style> 1012 .detail-hero .bg-image { 1013 background-image: url('https://www.skillsusa.org/wp-content/uploads/2023/08/New-Shop-Banner.jpg'); 1014 } 1015 @media (max-width: 767px) { 1016 .detail-hero .bg-image { 1017 background-image: url('https://www.skillsusa.org/wp-content/uploads/2023/08/New-Shop-Banner-mobile.jpg'); 1018 background-position: center; 1019 } 1020 } 1021 </style> 1022 <div class="absolute w-full h-full bg-cover bg-[75%_50%] z-0 bg-image"></div> 1023 <div class="absolute w-full h-full bg-gradient-to-r from-brand-blue from-10% via-brand-blue via-20% to-[#0000331a]"></div> 1024 <div class="mx-auto px-4 md:px-12 lg:px-24 pt-4 pb-28 flex flex-col justify-between relative z-10"> 1025 <nav class="yoast-breadcrumbs"><span><span><a href="https://www.skillsusa.org/">Home</a></span> > <span><a href="https://www.skillsusa.org/resources/">Resources</a></span> > <span class="breadcrumb_last" aria-current="page">Shop</span></span></nav> 1026 <div class="flex flex-col lg:flex-row lg:space-x-28 space-y-8 lg:space-y-0 mt-20"> 1027 <div class="w-full max-w-2xl">
1028 <span class="block font-bold uppercase text-white text-lg">Shop</span> 1029 <h1 class="text-white text-6xl md:text-7xl sm:leading-tight mt-2 font-serif font-bold">Find the Merch and Materials You Need</h1> 1030 </div> 1031 </div> 1032 </div> 1033</div> 1034 1035<!-- On this page --> 1036<div class="bg-brand-gray-light sticky top-16 md:top-[104px] z-10" x-data="pageMenu" id="pageMenu"> 1037 <div class="mx-auto px-4 md:px-12 lg:px-24 p-4 flex items-center space-x-10 overflow-auto"> 1038 <span class="text-lg text-brand-blue font-semibold shrink-0">On This Page</span> 1039 <nav role="navigation" aria-label="On this page"> 1040 <ul class="list-none flex gap-5"> 1041 <template x-for="(item, index) in data" :key="index"> 1042 <li> 1043 <a x-text="item.text" x-bind:href="'#' + item.id" x-bind:class="item.active ? 'font-bold' : ''" class="text-brand-blue text-lg hover:underline shrink-0 whitespace-nowrap"></a> 1044 </li> 1045 </template> 1046 </ul> 1047 </nav> 1048 </div> 1049</div> 1050 1051<div class="bg-white columns"> 1052 <div class="max-w-[1410px] mx-auto px-4 md:px-12 lg:px-24 flex flex-col flex-col lg:flex-row md:gap-12 lg:gap-24"> 1053 1054<div class="w-full lg:w-2/3 column content mx-auto py-16"> 1055 1056<!-- Text --> 1057<div class="relative prose prose-xl max-w-none wysiwyg my-0"> 1058 <h2><span style='text-transform:none'>SkillsUSA</span> Merchandise/Clothing</h2> 1059<p>Want to show your pride for <span style='text-transform:none'>SkillsUSA</span> and the skilled trades? The <a href="https://skillsusastore.org/" target="_blank" rel="noopener">SkillsUSAStore.org</a> is your single source for official <span style='text-transform:none'>SkillsUSA</span>-branded attire, competition uniforms, fashion apparel, awards, unique gifts and more. Browse the extensive <span style='text-transform:none'>SkillsUSA</span> Store collection to find exactly the item(s) youâre looking for!</p> 1060 1061</div> 1062 1063<!-- Image --> 1064<div class="relative my-16"> 1065 <img class="lazyload " data-src="https://www.skillsusa.org/wp-content/uploads/2023/07/female-red-jacket.jpeg" alt=""/> 1066 </div> 1067 1068<!-- Button --> 1069<div class="relative my-12"> 1070 <a target="_blank" href="https://skillsusastore.org/" class="inline-block uppercase text-white bg-brand-red py-2 px-6 rounded-full text-xl font-bold font-serif hover:bg-gradient-to-r hover:from-brand-blue hover:to-brand-red">VISIT THE <span style='text-transform:none'>SkillsUSA</span> MERCHANDISE/CLOTHING STORE</a> 1071</div> 1072 1073<!-- Text --> 1074<div class="relative prose prose-xl max-w-none wysiwyg my-0"> 1075 <p>Need help? Our dedicated <a href="https://www.skillsusa.org/customer-care/">SkillsUSA Customer Care Team</a> will be happy to assist you with requests for special items or any other needs related to the SkillsUSA Store.</p> 1076<p> </p> 1077<h2>SkillsUSA Educational Resources Store</h2> 1078<p>Designed for busy educators, the <a href="https://shop.careeressentials.org/" target="_blank" rel="noopener">SkillsUSA Resources Store</a> offers the resources teachers and advisors need to promote excellence inside and outside the classroom. The SkillsUSA Resource Store is easy to use and filled with a variety of student-centered products, including the SkillsUSA Career Essentials suite, spirit wear, posters, competition coaching guides, SkillsUSA Framework tools and more.</p> 1079<p>Need help? Our dedicated <a href="https://www.skillsusa.org/customer-care/">SkillsUSA Customer Care Team</a> is here to support all aspects of your program and SkillsUSA chapter.</p> 1080 1081</div> 1082 1083<!-- Button --> 1084<div class="relative my-12"> 1085 <a target="_blank" href="https://shop.careeressentials.org/" class="inline-block uppercase text-white bg-brand-red py-2 px-6 rounded-full text-xl font-bold font-serif hover:bg-gradient-to-r hover:from-brand-blue hover:to-brand-red">VISIT THE <span style='text-transform:none'>SkillsUSA</span> EDUCATIONAL RESOURCES STORE</a> 1086</div> 1087 1088<!-- Downloads --> 1089<div class="relative flex flex-col gap-4 prose prose-xl max-w-none my-16"> 1090 <h2>Downloads</h2> 1091 <div class="grid sm:grid-cols-2 gap-4 md:gap-12"> 1092 <a target="_blank" href="https://www.skillsusa.org/wp-content/uploads/2024/03/Educational-Resource-Catalog-At-a-Glance.pdf" class="flex gap-4 items-center group no-underline"> 1093 <svg class="group-hover:animate-pulse min-w-[19.5px]" xmlns="http://www.w3.org/2000/svg" width="19.5" height="19.5" viewB
1093ox="0 0 19.5 19.5"> 1094 <g id="Icon_feather-arrow-down-circle" data-name="Icon feather-arrow-down-circle" transform="translate(18.75 0.75) rotate(90)"> 1095 <path id="Path_25" data-name="Path 25" d="M21,12a9,9,0,1,0-9,9,9,9,0,0,0,9-9Z" transform="translate(-3 -3)" fill="none" stroke="#d29f13" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1096 <path id="Path_26" data-name="Path 26" d="M12,21.6,15.6,18l3.6,3.6" transform="translate(-6.6 -12.6)" fill="none" stroke="#d29f13" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1097 <path id="Path_27" data-name="Path 27" d="M18,19.2V12" transform="translate(-9 -6.6)" fill="none" stroke="#d29f13" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1098 </g> 1099 </svg> 1100 <span class="text-brand-blue hover:text-brand-red transition leading-tight">Educational Resources at a Glance</span> 1101 </a> 1102 </div> 1103</div> 1104 1105</div> 1106 1107<div class="w-full lg:w-1/3 column mx-auto py-16"> 1108 1109<!-- Sidebar Menu --> 1110 <div> 1111 <div class="py-5 px-7 bg-brand-red rounded-t-lg border-x border-t border-brand-gray/30"> 1112 <h2 class="text-white font-bold font-serif uppercase text-3xl">Resources</h2> 1113 </div> 1114 <div class="border-x border-brand-gray/30"> 1115 <a href="https://www.skillsusa.org/resources/member-resources/" class="block py-5 px-5 text-brand-blue text-xl hover:bg-brand-gray-light/70 ">Member Resources</a> 1116 <div class="bg-brand-blue"> 1117 </div> 1118 <a href="https://www.skillsusa.org/resources/news-room/" class="block py-5 px-5 text-brand-blue text-xl hover:bg-brand-gray-light/70 ">News Room</a> 1119 <div class="bg-brand-blue"> 1120 </div> 1121 <a href="https://www.skillsusa.org/resources/brand-resources/" class="block py-5 px-5 text-brand-blue text-xl hover:bg-brand-gray-light/70 ">Brand Resources</a> 1122 <div class="bg-brand-blue"> 1123 </div> 1124 <a href="https://www.skillsusa.org/resources/shop/" class="block py-5 px-5 text-brand-blue text-xl hover:bg-brand-gray-light/70 border-l-8 border-brand-red bg-brand-gray-light font-semibold">Shop</a> 1125 <div class="bg-brand-blue"> 1126 </div> 1127 </div> 1128 <div class="rounded-b-lg border-x border-b border-brand-gray/30 py-0.5"></div> 1129 </div> 1130 1131 1132</div> 1133 1134 </div> 1135</div> 1136 1137 1138 <footer> 1139 <div class="grid md:grid-cols-3"> 1140 <a target="" class="bg-brand-red hover:bg-brand-red-dark flex py-6 group justify-center items-center gap-4 text-white transition border-b md:border-b-0 md:border-r border-brand-red-dark" href="https://www.skillsusa.org/join/"> 1141 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="53.333" height="30" viewBox="0 0 53.333 30"> 1142 <g id="Group_250" data-name="Group 250" transform="translate(0.466 0.093)"> 1143 <g id="Group_236" data-name="Group 236" transform="translate(-0.466 -0.093)"> 1144 <path id="Path_474" data-name="Path 474" d="M61.074,64A13.074,13.074,0,0,0,48,77.074H74.149A13.074,13.074,0,0,0,61.074,64" transform="translate(-34.408 -46.624)" fill="#fff"></path> 1145 <path id="Path_475" data-name="Path 475" d="M136.137,29.074a6.537,6.537,0,1,0-6.537-6.537,6.537,6.537,0,0,0,6.537,6.537" transform="translate(-93.781 -11.698)" fill="#fff"></path> 1146 <path id="Path_476" data-name="Path 476" d="M140.645,68.267a10.409,10.409,0,0,0-4.85,1.193,15.2,15.2,0,0,1,4.414,10.719H151a10.451,10.451,0,0,0-10.357-11.912" transform="translate(-98.289 -49.728)" fill="#fff"></path> 1147 <path id="Path_477" data-name="Path 477" d="M10.46,68.267A10.451,10.451,0,0,0,.1,80.179H10.9A15.2,15.2,0,0,1,15.309,69.46a10.409,10.409,0,0,0-4.85-1.193" transform="translate(0.518 -49.728)" fill="#fff"></path> 1148 <path id="Path_478" data-name="Path 478" d="M68,7.627A7.627,7.627,0,1,0,75.627,0,7.627,7.627,0,0,0,68,7.627" transform="translate(-48.96 -0.056)" fill="#fff"></path> 1149 <path id="Path_479" data-name="Path 479" d="M20.937,16a6.537,6.537,0,1,0,6.537,6.537A6.537,6.537,0,0,0,20.937,16" transform="translate(-9.96 -11.698)" fill="#fff"></path> 1150 </g> 1151 </g> 1152 </svg>
1153 <span class="text-4xl font-serif font-bold uppercase">Join</span> 1154 </a> 1155 <a target="" class="bg-brand-red hover:bg-brand-red-dark flex py-6 group justify-center items-center gap-4 text-white transition border-b md:border-b-0 md:border-r border-brand-red-dark" href="https://www.skillsusa.org/support-skillsusa/become-an-industry-partner/"> 1156 <svg id="Group_245" data-name="Group 245" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="47.021" height="32" viewBox="0 0 47.021 32"> 1157 <g id="Group_244" data-name="Group 244" clip-path="url(#clip-path)"> 1158 <path id="Path_489" data-name="Path 489" d="M46.88,9.335,38.238.163a.518.518,0,0,0-.732-.022L33.875,3.561a.518.518,0,0,0-.022.732l8.642,9.173a.518.518,0,0,0,.732.022l3.631-3.421a.518.518,0,0,0,.022-.732m-3.157,1.042a1.13,1.13,0,1,1,.047-1.6,1.13,1.13,0,0,1-.047,1.6M8.9,1.418a.518.518,0,0,0-.727.091L.109,11.889a.518.518,0,0,0,.091.727l3.956,3.073a.518.518,0,0,0,.727-.091l8.065-10.38a.518.518,0,0,0-.091-.727ZM5.1,12.233a1.133,1.133,0,1,1-.2-1.591,1.133,1.133,0,0,1,.2,1.591" transform="translate(0 0)" fill="#fff"></path> 1159 <path id="Path_490" data-name="Path 490" d="M77.109,50.982l-8.863-6.919-1.616,1.479a8.8,8.8,0,0,1-5.891,2.6,6.433,6.433,0,0,1-1.09-.093,6.069,6.069,0,0,1-4.231-2.906,3.048,3.048,0,0,1,.568-3.92l6.366-5.788a4.133,4.133,0,0,0-5.794.75l-6.215,8.033a3.107,3.107,0,0,0-.636,2.292l.4,3.261a3.107,3.107,0,0,0,1.172,2.07l10.9,8.494a1.672,1.672,0,0,0,2.262-.189l.49-.535a1.672,1.672,0,0,0-.159-2.411L66.6,58.735a1.672,1.672,0,0,0,2.235-.078l.563-.543a1.672,1.672,0,0,0-.09-2.488l1.352,1.127a1.672,1.672,0,0,0,2.241-.09l.5-.487a1.672,1.672,0,0,0-.074-2.457l.893.772A1.672,1.672,0,0,0,76.59,54.3l.774-.927a1.672,1.672,0,0,0-.255-2.39M81.44,42.7l-7.485-7.635a2.072,2.072,0,0,0-1.21-.6l-3.831-.5a2.071,2.071,0,0,0-1.659.518l-.9.82-8.621,7.839a.483.483,0,0,0-.116.639l.054.09A3.466,3.466,0,0,0,60.09,45.5c1.488.254,3.148-.392,4.8-1.876l3.223-2.949L78.254,48.59l3.16-2.963A2.072,2.072,0,0,0,81.44,42.7" transform="translate(-41.997 -28.691)" fill="#fff"></path> 1160 </g> 1161 </svg> 1162 <span class="text-4xl font-serif font-bold uppercase">Partner</span> 1163 </a> 1164 <a target="" class="bg-brand-red hover:bg-brand-red-dark flex py-6 group justify-center items-center gap-4 text-white transition border-b md:border-b-0 md:border-r border-brand-red-dark" href="https://www.skillsusa.org/support-skillsusa/donate/"> 1165 <svg class="text-2xl font-[800] font-sans" xmlns="http://www.w3.org/2000/svg" width="31" height="31" viewBox="0 0 31 31"> 1166 <g id="Group_253" data-name="Group 253" transform="translate(-1048 -4639)"> 1167 <circle id="Ellipse_32" data-name="Ellipse 32" cx="15.5" cy="15.5" r="15.5" transform="translate(1048 4639)" fill="#fff"></circle> 1168 <text id="_" data-name="$" transform="translate(1064 4663)" fill="#c00"><tspan x="-7.205" y="-0.25">$</tspan></text> 1169 </g> 1170 </svg> 1171 <span class="text-4xl font-serif font-bold uppercase">Donate</span> 1172 </a> 1173 </div> 1174 <div class="px-12 py-12 bg-brand-blue-dark flex justify-center md:justify-between gap-y-8 flex-wrap text-white"> 1175 <div class="w-full sm:w-auto flex flex-col gap-8"> 1176 <img class="w-[157px] lazyload" alt="SkillsUSA footer logo" data-src="https://www.skillsusa.org/wp-content/uploads/2024/11/logo-white.png" /> 1177 <div class="footer-text flex flex-col gap-6"> 1178 <p>SkillsUSA Inc. is a national nonprofit and tax-exempt student organization under the Internal Revenue Service Code, Section (501)(c)(3).</p> 1179<p>SkillsUSA is committed to a learning and working environment free from all forms of discrimination. <a class="whitespace-nowrap" href="https://www.skillsusa.org/who-we-are/we-are-skillsusa/#belonging">Learn more.</a></p> 1180<p><strong>Customer Care</strong><br /> 1181<a href="tel:18448754557">844-875-4557</a> | <a href="mailto:[email protected]">
1181[email protected]</a></p> 1182<p><strong>Mailing Address</strong><br /> 1183673 Potomac Station Dr., PMB #809<br /> 1184Leesburg, VA 20176</p> 1185<p><a href="/copyright-trademark/">Copyright and Trademark</a>Â /Â <a href="/privacy-policy/">Privacy Policy</a></p> 1186 1187 </div> 1188 </div> 1189 <div class="flex flex-col gap-8"> 1190 <div class="flex gap-4 justify-center flex-wrap sm:flex-none md:justify-end"> 1191 <img class="h-[75px] lazyload" alt="CSPC" data-src="https://www.skillsusa.org/wp-content/uploads/2024/11/cspc.png" /> 1192 <img class="h-[75px] lazyload" alt="BPC" data-src="https://www.skillsusa.org/wp-content/uploads/2024/11/bpc.png" /> 1193 <a href=" https://www.guidestar.org/profile/52-0812433" target="_blank" title="Guidestar"> 1194 <img class="h-[75px] lazyload" alt="Candid Platinum Transparency" data-src="https://www.skillsusa.org/wp-content/uploads/2025/05/Candid.svg" /> 1195 </a> 1196 </div> 1197 <div class="flex gap-8 justify-center md:justify-end"> 1198 <a class="hover:underline" href="https://www.skillsusa.org/resources/news-room/">News</a> 1199 <a class="hover:underline" href="https://www.skillsusa.org/resources/news-room/org-calendar/">Calendar</a> 1200 <a class="hover:underline" href="https://www.skillsusa.org/customer-care/">Contact</a> 1201 <a class="hover:underline" href="https://www.skillsusa.org/who-we-are/staff/careers-at-skillsusa/">Careers</a> 1202 </div> 1203 <div class="flex gap-4 justify-center md:justify-end"> 1204 <a class="text-white hover:text-brand-gold transition" href="https://www.facebook.com/SkillsUSA" target="_blank" aria-label="Visit us on Facebook" title="Visit us on Facebook"> 1205 <svg xmlns="http://www.w3.org/2000/svg" width="10.712" height="20" viewBox="0 0 10.712 20"> 1206 <title>Visit us on Facebook</title> 1207 <path id="Icon_awesome-facebook-f" data-name="Icon awesome-facebook-f" d="M11.619,11.25l.555-3.62H8.7V5.282a1.81,1.81,0,0,1,2.041-1.955h1.579V.245A19.254,19.254,0,0,0,9.518,0c-2.86,0-4.73,1.734-4.73,4.872V7.63H1.609v3.62H4.789V20H8.7V11.25Z" transform="translate(-1.609)" fill="currentColor"></path> 1208 </svg> 1209 </a> 1210 <a class="text-white hover:text-brand-gold transition" href="https://www.instagram.com/SkillsUSA" target="_blank" aria-label="Visit us on Instagram" title="Visit us on Instagram"> 1211 <svg xmlns="http://www.w3.org/2000/svg" width="20.004" height="20" viewBox="0 0 20.004 20"> 1212 <title>Visit us on Instagram</title> 1213 <path id="Icon_awesome-instagram" data-name="Icon awesome-instagram" d="M10,7.11a5.128,5.128,0,1,0,5.128,5.128A5.12,5.12,0,0,0,10,7.11Zm0,8.461a3.334,3.334,0,1,1,3.334-3.334A3.34,3.34,0,0,1,10,15.571ZM16.533,6.9a1.2,1.2,0,1,1-1.2-1.2A1.193,1.193,0,0,1,16.533,6.9Zm3.4,1.214a5.919,5.919,0,0,0-1.616-4.191,5.958,5.958,0,0,0-4.191-1.616c-1.651-.094-6.6-.094-8.252,0A5.949,5.949,0,0,0,1.681,3.919,5.938,5.938,0,0,0,.065,8.11c-.094,1.651-.094,6.6,0,8.252a5.919,5.919,0,0,0,1.616,4.191,5.965,5.965,0,0,0,4.191,1.616c1.651.094,6.6.094,8.252,0a5.919,5.919,0,0,0,4.191-1.616,5.958,5.958,0,0,0,1.616-4.191c.094-1.651.094-6.6,0-8.247ZM17.8,18.133a3.375,3.375,0,0,1-1.9,1.9c-1.317.522-4.44.4-5.9.4s-4.583.116-5.9-.4a3.375,3.375,0,0,1-1.9-1.9c-.522-1.317-.4-4.44-.4-5.9s-.116-4.583.4-5.9a3.375,3.375,0,0,1,1.9-1.9c1.317-.522,4.44-.4,5.9-.4s4.583-.116,5.9.4a3.375,3.375,0,0,1,1.9,1.9c.522,1.317.4,4.44.4,5.9S18.318,16.821,17.8,18.133Z" transform="translate(0.005 -2.238)" fill="currentColor"></path> 1214 </svg> 1215 </a> 1216 <a class="text-white hover:text-brand-gold transition" href="https://www.youtube.com/SkillsUSAOfficial" target="_blank" aria-label="Visit us on Youtube" title="Visit us on Youtube"> 1217 <svg xmlns="http://www.w3.org/2000/svg" width="28.445" height="20" viewBox="0 0 28.445 20"> 1218 <title>Visit us on Youtube</title> 1219 <path id="Icon_awesome-youtube" data-name="Icon awesome-youtube" d="M28.9,7.629A3.574,3.574,0,0,0,26.385,5.1c-2.218-.6-11.113-.6-11.113-.6s-8.895,0-11.113.6A3.574,3.574,0,0,0,1.644,7.629,37.493,37.493,0,0,0,1.05,14.52a37.493,37.493,0,0,0,.594,6.891A3.521,3.521,0,0,0,4.159,23.9c2.218.6,11.113.6,11.113.6s8.895,0,11.113-.6A3.521,3.521,0,0,0,28.9,21.411a37.493,37.493,0,0,0,.594-6.891A37.493,37.493,0,0,0,28.9,7.629ZM12.3
121963,18.75V10.291L19.8,14.52,12.363,18.75Z" transform="translate(-1.05 -4.5)" fill="currentColor"></path> 1220 </svg> 1221 </a> 1222 <a class="text-white hover:text-brand-gold transition" href="https://www.linkedin.com/company/skillsusa" target="_blank" aria-label="Visit us on LinkedIn" title="Visit us on LinkedIn"> 1223 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 1224 <title>Visit us on LinkedIn</title> 1225 <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M4.477,20H.33V6.648H4.477ZM2.4,4.826A2.413,2.413,0,1,1,4.8,2.4,2.422,2.422,0,0,1,2.4,4.826ZM20,20H15.858V13.5c0-1.549-.031-3.536-2.156-3.536-2.156,0-2.486,1.683-2.486,3.424V20H7.074V6.648h3.977V8.469h.058a4.357,4.357,0,0,1,3.923-2.156c4.2,0,4.968,2.763,4.968,6.353V20Z" transform="translate(0 -0.001)" fill="currentColor"></path> 1226 </svg> 1227 </a> 1228 <a class="text-white hover:text-brand-gold transition" href="https://www.tiktok.com/@skillsusaofficial" target="_blank" aria-label="Visit us on TikTok" title="Visit us on TikTok"> 1229 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 1230 <title>Visit us on TikTok</title> 1231 <path d="M10 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z" fill="currentColor"/> 1232 </svg> 1233 </a> 1234 </div> 1235 </div> 1236 </div> 1237 <div class="py-4 px-12 bg-brand-blue flex flex-wrap sm:flex-none justify-between items-center gap-8 text-white"> 1238 <div class="flex gap-8 items-center"> 1239 <div class="w-56 font-medium"><p>SkillsUSA’s Podcast – Listen to our podcast for students and advisors.</p> 1240</div> 1241 <a class="border border-transparent hover:border-brand-gold transition rounded-md" target="_blank" href="" aria-label="Listen on Apple Podcasts" title="Listen on Apple Podcasts"> 1242 <img class="w-full lazyload" alt="Listen on Apple Podcasts" data-src="https://www.skillsusa.org/wp-content/themes/timberland/theme/assets/images/listen-on-podcasts.png" /> 1243 </a> 1244 </div> 1245 <div>©2026 SkillsUSA Inc.</div> 1246 </div> 1247 <!-- Back to Top --> 1248 <div id="back-to-top" class="hidden fixed left-5 bottom-16 z-20 transition" x-cloak> 1249 <button @click="window.scrollTo({top: 0, behavior: 'smooth'})"> 1250 <svg class="block bg-white text-brand-gold rounded-full rotate-[270deg] hover:animate-pulse transition" xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewbox="0 0 34 34"> 1251 <title>Back to Top</title> 1252 <g id="Group_152" data-name="Group 152" transform="translate(-1105.813 -711.813)"> 1253 <g id="Group_1" data-name="Group 1" transform="translate(1114.93 722.707)"> 1254 <g id="Group_1-2" data-name="Group 1" transform="translate(0 0)"> 1255 <path id="Path_2" data-name="Path 2" d="M0,9.32V0H9.32" transform="translate(15.604 6.591) rotate(135)" fill="none" stroke="currentColor" stroke-width="2.75"/> 1256 <line id="Line_1" data-name="Line 1" x1="14.338" transform="translate(0 6.648)" fill="none" stroke="currentColor" stroke-width="2.75"/> 1257 </g> 1258 </g> 1259 <g id="Ellipse_1" data-name="Ellipse 1" transform="translate(1105.813 711.813)" fill="none" stroke="currentColor" stroke-width="2.75"> 1260 <circle cx="17" cy="17" r="17" stroke="none"/> 1261 <circle cx="17" cy="17" r="15.625" fill="none"/> 1262 </g> 1263 </g> 1264 </svg> 1265 </button> 1266 </div> 1267</footer>
1267<script type="speculationrules"> 1268{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/timberland/theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1269</script>
1269 1270 <style type="text/css"></style> 1271 <!-- Google Tag Manager (noscript) snippet added by Site Kit -->
vendor: 74 bytes, lines 1271-1273
1271 1272 <noscript> 1273 <iframe src="https://www.googletagmanager.com/ns.html?id=
1273GTM-NNRH6CM
vendor: 88 bytes, lines 1273-1275
1273" height="0" width="0" style="display:none;visibility:hidden"></iframe> 1274 </noscript> 1275
1275<!-- End Google Tag Manager (noscript) snippet added by Site Kit --> 1276
1276<script id="wp-hooks-js" src="https://www.skillsusa.org/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 1276
1276
1277<script id="wp-i18n-js" src="https://www.skillsusa.org/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 1277
1277
1278<script id="wp-i18n-js-after"> 1279wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 1280//# sourceURL=wp-i18n-js-after 1281</script>
vendor: 1 bytes, line 1281
1281
1282<script id="edac-frontend-fixes-js-extra"> 1283var edac_frontend_fixes = {"lang_and_dir":{"enabled":true,"lang":"en-US","dir":"ltr"},"tabindex":{"enabled":true},"remove_title_if_preferred_accessible_name":{"enabled":true},"meta_viewport_scalable":{"enabled":"1"},"new_window_warning":{"enabled":true,"classPrefix":"edac-nww","localizedString":"opens a new window"}}; 1284//# sourceURL=edac-frontend-fixes-js-extra 1285</script>
vendor: 1 bytes, line 1285
1285
1286<script id="edac-frontend-fixes-js" src="https://www.skillsusa.org/wp-content/plugins/accessibility-checker/build/frontendFixes.bundle.js?ver=1.50.1"></script>
vendor: 1 bytes, line 1286
1286
1287<script id="edacp-frontend-fixes-js" src="https://www.skillsusa.org/wp-content/plugins/accessibility-checker-pro/build/frontendFixes.bundle.js?ver=2.4.0"></script>
vendor: 1 bytes, line 1287
1287
1288<script id="app-js" src="https://www.skillsusa.org/wp-content/themes/timberland/theme/assets/build/app.js?id=299d43c7182f1c70f60732f3ed4176d5&ver=7.0.5"></script>
vendor: 1 bytes, line 1288
1288
1289<script id="page-links-to-js" src="https://www.skillsusa.org/wp-content/plugins/page-links-to/dist/new-tab.js?ver=3.4.1"></script>
vendor: 1 bytes, line 1289
1289
1290<script id="hoverIntent-js" src="https://www.skillsusa.org/wp-includes/js/hoverIntent.min.js?ver=1.10.2"></script>
vendor: 1 bytes, line 1290
1290
1291<script id="megamenu-js" src="https://www.skillsusa.org/wp-content/plugins/megamenu/js/maxmegamenu.min.js?ver=3.10.8"></script>
vendor: 1 bytes, line 1291
1291
1292<script id="wp-emoji-settings" type="application/json"> 1293{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.skillsusa.org/wp-includes/js/wp-emoji-release.min.js?ver=7.0.5"}} 1294</script>
vendor: 1 bytes, line 1294
1294
1295<script type="module"> 1296/*! This file is auto-generated */ 1297var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!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!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));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(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 1298//# sourceURL=https://www.skillsusa.org/wp-includes/js/wp-emoji-loader.min.js 1299</script>
1299 1300 1301 <div class="z-50" id="video-modal"> 1302 <div @keydown.window.escape="closeModal" x-show="modalOpen" class="relative z-50" aria-label="Image/Video Modal" x-ref="dialog" aria-modal="true" x-cloak> 1303 <div x-show="modalOpen" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-description="Background backdrop, show/hide based on modal state." class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"> 1304 </div> 1305 <div class="fixed inset-0 z-10 overflow-y-auto"> 1306 <div class="flex min-h-full justify-center p-4 text-center items-center"> 1307 <div x-show="modalOpen" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-description="Modal panel, show/hide based on modal state." class="relative transform overflow-hidden rounded-lg bg-white px-4 pt-6 pb-4 text-left shadow-xl transition-all sm:my-8 sm:max-w-7xl sm:p-8" :class="video ? 'w-full' : 'w-auto'" @click.away="closeModal" x-ref="modalWindow" tabindex="0"> 1308 <div class="absolute top-0 right-0 pt-2 pr-2 z-10"> 1309 <button type="button" class="rounded-md bg-white text-brand-blue hover:text-brand-red focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" @click="closeModal"> 1310 <span class="sr-only">Close</span> 1311 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> 1312 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 1313 </svg> 1314 </button> 1315 </div> 1316 <div class="relative"> 1317 <div class="mt-3 text-center sm:mt-0 sm:text-left"> 1318 <div x-show="type === 'bio'"> 1319 <div class="mt-3 sm:mt-0"> 1320 <img class="lazyload float-left w-1/3 sm:w-1/4 mr-4 mb-4 sm:mr-8" :src="bio_pic" alt="" /> 1321 <div x-show="bio != ''" class="prose sm:prose-xl max-w-none text-left" x-html="bio"></div> 1322 </div> 1323 </div> 1324 <div x-show="type === 'image'"> 1325 <div class="mt-3 text-center sm:mt-0 sm:text-left flex flex-col gap-4"> 1326 <img class="lazyload" :src="image" :alt="image_alt" /> 1327 <div x-show="image_caption != ''" class="prose sm:prose-xl max-w-none text-left mt-2" x-html="image_caption"></div> 1328 </div> 1329 </div> 1330 <div x-show="type === 'video'"> 1331 <div class="relative pb-[56.25%] h-0"> 1332 <div class="absolute top-0 left-0 w-full h-full"> 1333 <div style="padding:56.25% 0 0 0; position:relative;"> 1334 <iframe class="absolute top-0 left-0 w-full h-full" :src="video" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> 1335 </div> 1336 </div> 1337 </div> 1338 </div> 1339 </div> 1340 </div> 1341 </div> 1342 </div> 1343 </div> 1344 </div> 1345 </div> 1346 </div>
1347<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43ac87ffbee2af4',t:'MTc5MDg1MDUzNA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1347</body> 1348</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.