1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="csrf-token" content="4wfGTdyiL6k3NJYinjVUhGtqxxdSnzpyf1pudrFp"> 8 9 <title>Military Veterans Career Channel | Transition to Civilian Careers | TalentAlly </title> 10 <meta name="description" content="Discover new and exciting civilian job opportunities for military veterans at companies that value diversity and inclusion. The Military Veterans Career Channel, powered by TalentAlly, offers resources, events, and tools to facilitate career growth and bridge the gap between military service and civilian employment. " /> 11 <meta name="keywords" content="" /> 12 13 <link rel="icon" href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/favicon.ico"> 14 <link rel="icon" type="image/png" sizes="16x16" 15 href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/favicon-16x16.png"> 16 <link rel="icon" type="image/png" sizes="32x32" 17 href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/favicon-32x32.png"> 18 <link rel="apple-touch-icon" href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/apple-touch-icon.png"> 19 <link rel="icon" type="image/png" sizes="192x192" 20 href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/android-chrome-192x192.png"> 21 <link rel="icon" type="image/png" sizes="512x512" 22 href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/android-chrome-512x512.png"> 23 24 <!-- Styles --> 25 <link rel="preconnect" href="https://fonts.googleapis.com"> 26 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 27 <link rel="preconnect" href="https://api.talentally.com" crossorigin> 28 <link rel="dns-prefetch" href="//api.talentally.com"> 29 <!-- Global site font: DM Sans --> 30 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100..1000;1,100..1000&display=swap" rel="stylesheet"> 31 <!-- Theme-provided font (kept for compatibility) --> 32 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 33 <style> 34 /* Theme CSS Variables - dynamically set from JobBoard::cssVariables() */ 35 :root { 36 --primary-color: #0A4D22; --secondary-color: #CFF8D9; --theme-font: DM Sans; 37 } 38 39 /* Fix for horizontal scrollbar issue */ 40 html { 41 overflow-x: hidden; 42 max-width: 100%; 43 } 44 45 body { 46 overflow-x: hidden; 47 max-width: 100%; 48 } 49 50 /* Fix for full-width sections */ 51 .w-screen { 52 max-width: 100vw; 53 } 54 55 .ck-content ul, 56 .ck-content ol { 57 list-style: initial; 58 margin-left: 20px; 59 } 60 61 [id^="div-gpt-ad"] { 62 background-color: #f0f0f0; 63 min-height: 50px; 64 min-width: 50px; 65 display: block; 66 } 67 68 /* Alpine.js x-cloak - ensure this is loaded before any Alpine components */ 69 [x-cloak] { 70 display: none !important; 71 } 72 73 /* When the mobile job overlay is open, drop header beneath it */ 74 body.job-overlay-open .header-shell { 75 z-index: 1 !important; 76 pointer-events: none; 77 } 78 /* Robust sticky helper for Safari/WebKit */ 79 .supports-sticky { position: -webkit-sticky; position: sticky; } 80 /* Ensure the job overlay's sticky wrapper stacks above header when open */ 81 body.job-overlay-open .job-details-sticky-wrap { 82 z-index: 999990 !important; 83 } 84 /* Promote the find-jobs hero wrapper stacking context above header when overlay is open */ 85 body.job-overlay-open .full-width-section { 86 z-index: 999980 !important; 87 position: relative; 88 } 89 </style> 90 91 <link rel="preload" as="style" href="https://www.military2career.com/build/assets/app-Bzf6DTPC.css" /><link rel="stylesheet" href="https://www.military2career.com/build/assets/app-Bzf6DTPC.css" data-navigate-track="reload" /> <style> 92 /* Prevent slides from shrinking; ensure overflow for snaps */ 93 #hc-wrapper-resources_job_search .embla__container > * { flex: 0 0 auto; } 94 95 #hc-left-resources_job_search, #hc-right-resources_job_search { 96 pointer-events: auto !important; user-select: none; background-color: rgba(255,255,255,0.9); color: var(--primary-color, #4B5563); border: none; outline: none; backdrop-filter: saturate(160%) blur(6px); 97 background-image: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--primary-color, #111827) 12%, #ffffff) 100%); 98 } 99 #hc-left-resources_job_search:hover, #hc-right-resources_job_search:hover { background-color: rgba(255,255,255,0.98); } 100 #hc-left-resources_job_search:focus, #hc-right-resources_job_search:focus { outline: 2px solid #3B82F6; outline-offset: 2px; } 101 102 @media (max-width: 767px) { 103 #hc-wrapper-resources_job_search .embla__container > .js-carousel-card { 104 min-width: 320px; max-width: 320px; 105 } 106 } 107 #hc-dots-resources_job_search button { transition: all .3s ease; box-sizing: content-box; border: 1px solid transparent; line-height: 0; } 108 #hc-dots-resources_job_search button.active { background-color: var(--primary-color, #2563eb) !important; width: 1.5rem !important; border-color: var(--secondary-color, #FFDE59); } 109 #hc-dots-resources_job_search button.inactive { background-color: rgba(0,0,0,.2); width: .5rem; border-color: transparent; } 110</style> 111<style> 112 /* Prevent slides from shrinking; ensure overflow for snaps */ 113 #hc-wrapper-resources_recruiter .embla__container > * { flex: 0 0 auto; } 114 115 #hc-left-resources_recruiter, #hc-right-resources_recruiter { 116 pointer-events: auto !important; user-select: none; background-color: rgba(255,255,255,0.9); color: var(--primary-color, #4B5563); border: none; outline: none; backdrop-filter: saturate(160%) blur(6px); 117 background-image: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--primary-color, #111827) 12%, #ffffff) 100%); 118 } 119 #hc-left-resources_recruiter:hover, #hc-right-resources_recruiter:hover { background-color: rgba(255,255,255,0.98); } 120 #hc-left-resources_recruiter:focus, #hc-right-resources_recruiter:focus { outline: 2px solid #3B82F6; outline-offset: 2px; } 121 122 @media (max-width: 767px) { 123 #hc-wrapper-resources_recruiter .embla__container > .js-carousel-card { 124 min-width: 320px; max-width: 320px; 125 } 126 } 127 #hc-dots-resources_recruiter button { transition: all .3s ease; box-sizing: content-box; border: 1px solid transparent; line-height: 0; } 128 #hc-dots-resources_recruiter button.active { background-color: var(--primary-color, #2563eb) !important; width: 1.5rem !important; border-color: var(--secondary-color, #FFDE59); } 129 #hc-dots-resources_recruiter button.inactive { background-color: rgba(0,0,0,.2); width: .5rem; border-color: transparent; } 130</style> 131<style> 132 /* Prevent slides from shrinking; ensure overflow for snaps */ 133 #hc-wrapper-resources_workplace .embla__container > * { flex: 0 0 auto; } 134 135 #hc-left-resources_workplace, #hc-right-resources_workplace { 136 pointer-events: auto !important; user-select: none; background-color: rgba(255,255,255,0.9); color: var(--primary-color, #4B5563); border: none; outline: none; backdrop-filter: saturate(160%) blur(6px); 137 background-image: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--primary-color, #111827) 12%, #ffffff) 100%); 138 } 139 #hc-left-resources_workplace:hover, #hc-right-resources_workplace:hover { background-color: rgba(255,255,255,0.98); } 140 #hc-left-resources_workplace:focus, #hc-right-resources_workplace:focus { outline: 2px solid #3B82F6; outline-offset: 2px; } 141 142 @media (max-width: 767px) { 143 #hc-wrapper-resources_workplace .embla__container > .js-carousel-card { 144 min-width: 320px; max-width: 320px; 145 } 146 } 147 #hc-dots-resources_workplace button { transition: all .3s ease; box-sizing: content-box; border: 1px solid transparent; line-height: 0; } 148 #hc-dots-resources_workplace button.active { background-color: var(--primary-color, #2563eb) !important; width: 1.5rem !important; border-color: var(--secondary-color, #FFDE59); } 149 #hc-dots-resources_workplace button.inactive { background-color: rgba(0,0,0,.2); width: .5rem; border-color: transparent; } 150</style> 151 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 152
152<script src="/js/silktide-consent-manager.js"></script>
vendor: 1 bytes, line 152
152
153<script> 154 // Initialize the dataLayer 155 window.dataLayer = window.dataLayer || []; 156 157 // Create the gtag function that pushes to the dataLayer 158 function gtag(){dataLayer.push(arguments);} 159 160 // Set consent defaults 161 gtag('consent', 'update', { 162 'ad_storage': localStorage.getItem('silktideCookieChoice_analytics') === 'true' ? 'granted' : 'denied', 163 'ad_user_data': localStorage.getItem('silktideCookieChoice_advertising') === 'true' ? 'granted' : 'denied', 164 'ad_personalization': localStorage.getItem('silktideCookieChoice_advertising') === 'true' ? 'granted' : 'denied', 165 'analytics_storage': localStorage.getItem('silktideCookieChoice_advertising') === 'true' ? 'granted' : 'denied', 166 'functionality_storage': localStorage.getItem('silktideCookieChoice_necessary') === 'true' ? 'granted' : 'denied', 167 'security_storage': localStorage.getItem('silktideCookieChoice_necessary') === 'true' ? 'granted' : 'denied' 168 }); 169 170silktideCookieBannerManager.updateCookieBannerConfig({ 171 background: { 172 showBackground: true 173 }, 174 cookieIcon: { 175 position: "bottomLeft" 176 }, 177 cookieTypes: [ 178 { 179 id: "necessary", 180 name: "Necessary", 181 description: "<p>These cookies are necessary for the website to function properly and cannot be switched off. They help with things like logging in and setting your privacy preferences.</p>", 182 required: true, 183 onAccept: function() { 184 gtag('consent', 'update', { 185 functionality_storage: 'granted', 186 security_storage: 'granted', 187 }); 188 dataLayer.push({ 189 'event': 'consent_accepted_necessary', 190 }); 191 } 192 }, 193 { 194 id: "analytics", 195 name: "Analytics", 196 description: "<p>These cookies help us improve the site by tracking which pages are most popular and how visitors move around the site.</p>", 197 defaultValue: true, 198 onAccept: function() { 199 gtag('consent', 'update', { 200 analytics_storage: 'granted', 201 }); 202 dataLayer.push({ 203 'event': 'consent_accepted_analytics', 204 }); 205 }, 206 onReject: function() { 207 gtag('consent', 'update', { 208 analytics_storage: 'denied', 209 }); 210 } 211 }, 212 { 213 id: "advertising", 214 name: "Advertising", 215 description: "<p>These cookies provide extra features and personalization to improve your experience. They may be set by us or by partners whose services we use.</p>", 216 onAccept: function() { 217 gtag('consent', 'update', { 218 ad_storage: 'granted', 219 ad_user_data: 'granted', 220 ad_personalization: 'granted', 221 }); 222 dataLayer.push({ 223 'event': 'consent_accepted_advertising', 224 }); 225 }, 226 onReject: function() { 227 gtag('consent', 'update', { 228 ad_storage: 'denied', 229 ad_user_data: 'denied', 230 ad_personalization: 'denied', 231 }); 232 } 233 } 234 ], 235 text: { 236 banner: { 237 description: "<p>We use cookies on our site to enhance your user experience, provide personalized content, and analyze our traffic. <a href=\"/privacy\" target=\"_blank\">Privacy Policy</a></p>", 238 acceptAllButtonText: "Accept all", 239 acceptAllButtonAccessibleLabel: "Accept all cookies", 240 rejectNonEssentialButtonText: "Reject non-essential", 241 rejectNonEssentialButtonAccessibleLabel: "Reject non-essential", 242 preferencesButtonText: "Preferences", 243 preferencesButtonAccessibleLabel: "Toggle preferences" 244 }, 245 preferences: { 246 title: "Customize your cookie preferences", 247 description: "<p>We respect your right to privacy. You can choose not to allow some types of cookies. Your cookie preferences will apply across our website.</p>", 248 creditLinkText: "Get this banner for free", 249 creditLinkAccessibleLabel: "Get this banner for free" 250 } 251 } 252}); 253</script>
253 <!-- Google Tag Manager --> 254
254<script>
vendor: 554 bytes, lines 254-268
254 255 (function(w, d, s, l, i) { 256 w[l] = w[l] || []; 257 w[l].push({ 258 'gtm.start': new Date().getTime(), 259 event: 'gtm.js' 260 }); 261 var f = d.getElementsByTagName(s)[0], 262 j = d.createElement(s), 263 dl = l != 'dataLayer' ? '&l=' + l : ''; 264 j.async = true; 265 j.src = 266 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 267 f.parentNode.insertBefore(j, f); 268 })(window, document, 'script', 'dataLayer', '
268GTM-WTC5M5FK
vendor: 8 bytes, lines 268-269
268'); 269
269</script>
269 270 <!-- End Google Tag Manager --> 271
271<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
271 272
272<script> 273 window.googletag = window.googletag || { cmd: [] }; 274 googletag.cmd.push(function() { 275 if (!window.__gptSlotsDefined) { 276 try { 277 googletag.defineSlot('/21862788/728x90_Top', [728, 90], 'div-gpt-ad-1673477322391-0') 278 .addService(googletag.pubads()); 279 googletag.defineSlot('/21862788/728x90_Middle', [728, 90], 'div-gpt-ad-1673477485694-0') 280 .addService(googletag.pubads()); 281 googletag.defineSlot('/21862788/728x90_Bottom', [728, 90], 'div-gpt-ad-1673477641979-0') 282 .addService(googletag.pubads()); 283 googletag.defineSlot('/21862788/300x250_Top', [300, 250], 'div-gpt-ad-1673534920874-0') 284 .addService(googletag.pubads()); 285 googletag.defineSlot('/21862788/300x250_Bottom', [300, 250], 'div-gpt-ad-1673534953025-0') 286 .addService(googletag.pubads()); 287 googletag.defineSlot('/21862788/300x50_Top', [300, 50], 'div-gpt-ad-1673534901130-0') 288 .addService(googletag.pubads()); 289 window.__gptSlotsDefined = true; 290 } catch (e) { 291 // avoid crashing on duplicate slot definitions during SPA navigation 292 } 293 } 294 try { 295 googletag.pubads().setPrivacySettings({'restrictDataProcessing': true}); 296 googletag.pubads().enableSingleRequest(); 297 googletag.pubads().collapseEmptyDivs(); 298 googletag.pubads().setTargeting('Site', ['military2career']); 299 googletag.pubads().setTargeting('Section', ['homepage']); 300 googletag.enableServices(); 301 } catch (e) { 302 // GPT may not be ready; ignore 303 } 304 }); 305 </script>
305 306 <link rel="preload" as="style" href="https://www.military2career.com/build/assets/vendor-DRf1F60d.css" /><link rel="modulepreload" as="script" href="https://www.military2career.com/build/js/app-B4buQEAp.js" /><link rel="modulepreload" as="script" href="https://www.military2career.com/build/js/utils-CrnIUL7N.js" /><link rel="modulepreload" as="script" href="https://www.military2career.com/build/js/vendor-BUYbsWCt.js" /><link rel="stylesheet" href="https://www.military2career.com/build/assets/vendor-DRf1F60d.css" data-navigate-track="reload" />
306<script type="module" src="https://www.military2career.com/build/js/app-B4buQEAp.js" data-navigate-track="reload"></script>
306</head> 307 308<body x-data="{ showingModal: false }" 309 class="antialiased bg-white font-[var(--theme-font)] justify-center"> 310 <!-- Google Tag Manager (noscript) -->
vendor: 81 bytes, lines 310-312
310 311 <noscript> 312 <iframe src="https://www.googletagmanager.com/ns.html?id=
312GTM-WTC5M5FK
vendor: 104 bytes, lines 312-315
312" height="0" width="0" 313 style="display:none;visibility:hidden"></iframe> 314 </noscript> 315
315<!-- End Google Tag Manager (noscript) --> 316 <div class="p-[8px] lg:p-[16px] max-w-[1400px] min-[1700px]:max-w-[1700px] mx-auto"> 317 <style> 318 /* Critical CSS for preventing x-cloak flash */ 319 [x-cloak] { display: none !important; } 320 321 /* Sign Up dropdown special styling - inspired by modern design patterns */ 322 .signup-dropdown-container { 323 position: relative; 324 z-index: 50; 325 } 326 327 .signup-dropdown-container .dropdown-button { 328 transition: border-radius 0.15s ease, box-shadow 0.15s ease; 329 } 330 331 /* Smooth transitions for signup button */ 332 .signup-button { 333 transition: all 0.15s ease !important; 334 } 335 336 /* Ensure no unwanted transforms or filters are applied */ 337 .signup-dropdown-container:hover .signup-button, 338 .signup-dropdown-container.dropdown-open .signup-button { 339 filter: none !important; 340 opacity: 1 !important; 341 transform: none !important; 342 } 343 344 /* Tailwind hover utilities now handle dropdown link background */ 345 346 /* Ensure nav always stacks above page content */ 347 .header-shell { position: relative; z-index: 1000000 !important; } 348 .site-header .dropdown-menu { z-index: 1000001 !important; overflow: visible !important; } 349</style> 350 351 352<div x-data="{ menuOpen: false, showEmployerModal: false }" x-init="menuOpen = false; showEmployerModal = false; $watch('menuOpen', value => { document.body.style.overflow = value ? 'hidden' : ''; })" class="header-shell site-header relative z-[60] bg-[#F0F0F0] p-[16px] lg:p-[24px] xl:p-[32px] mb-4 lg:mb-6 xl:mb-6 rounded-[16px]"> 353 <nav class="flex justify-between items-center"> 354 <!-- Logo --> 355 <div class="flex items-center"> 356 357 <a href="https://www.military2career.com" wire:navigate> 358 <img src="https://pdn-job-boards.s3.amazonaws.com/M2C/logo/logo-primary.png" alt="Logo" class="h-[40px] xl:h-auto lg:w-auto max-h-[96px]"> 359 </a> 360 </div> 361 362 <!-- Mobile Menu Button --> 363 <div class="lg:hidden"> 364 <button @click="menuOpen = !menuOpen" class="w-10 h-10 rounded-full flex items-center justify-center bg-[#0A4D22]"> 365 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 366 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 367 </svg> 368 </button> 369 </div> 370 371 <!-- Desktop Navigation --> 372 <div class="hidden lg:block"> 373 <div class="flex flex-wrap space-x-[64px] justify-end items-center"> 374 <!-- Regular Link (for backward compatibility) --> 375 <a href="https://www.military2career.com/jobs" 376 wire:navigate class="text-neutral-900 text-base font-medium"> 377 Explore Jobs 378 </a> 379 <!-- Regular Link (for backward compatibility) --> 380 <a href="https://events.talentally.com" 381 class="text-neutral-900 text-base font-medium"> 382 Events 383 </a> 384 <!-- Regular Link (for backward compatibility) --> 385 <a href="https://www.military2career.com/who-is-hiring" 386 wire:navigate class="text-neutral-900 text-base font-medium"> 387 Companies 388 </a> 389 <!-- Regular Link (for backward compatibility) --> 390 <a href="https://www.military2career.com/signup" 391 wire:navigate class="text-neutral-900 text-base font-medium"> 392 Join 393 </a> 394 <!-- Regular Link (for backward compatibility) --> 395 <a href="https://www.military2career.com/login" 396 wire:navigate class="text-neutral-900 text-base font-medium"> 397 Login 398 </a> 399 <!-- Action Button --> 400 <button 401 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE]" @click.prevent="window.open('https://talentally.com/recruitment?from_affinity=1&brand=Military%20Veterans%20Career%20Channel', '_blank'); showEmployerModal = true" 402 >
403 <span class="inline-flex items-center"> 404 405 406 For Employers 407 408 </span> 409</button> 410 </div> 411 </div> 412 </nav> 413 414 <!-- Mobile Navigation Menu --> 415 416 <!-- Full Screen Overlay Mobile Menu (TalentAlly Style) --> 417 <template x-if="menuOpen"> 418 <div x-show="menuOpen" 419 x-transition:enter="transition ease-out duration-300" 420 x-transition:enter-start="opacity-0" 421 x-transition:enter-end="opacity-100" 422 x-transition:leave="transition ease-in duration-200" 423 x-transition:leave-start="opacity-100" 424 x-transition:leave-end="opacity-0" 425 @click.self="menuOpen = false" 426 class="fixed inset-0 bg-[#0A4D22] lg:hidden z-[90] flex flex-col"> 427 428 <!-- Header with Logo and Close Button --> 429 <div class="flex justify-between items-center p-4"> 430 <!-- Logo (left-aligned with menu text) --> 431 <a href="https://www.military2career.com"> 432 <img src="https://pdn-job-boards.s3.amazonaws.com/M2C/logo/logo-primary.png" alt="Logo" class="h-10 w-auto"> 433 </a> 434 435 <!-- Close Button --> 436 <button @click="menuOpen = false" class="w-12 h-12 bg-white rounded-full flex items-center justify-center text-black text-xl font-bold hover:bg-gray-100 transition-colors"> 437 Ã 438 </button> 439 </div> 440 441 <!-- Navigation Content --> 442 <div class="flex-1 px-6 py-6 overflow-y-auto"> 443 444 445 <!-- Regular Mobile Link (for backward compatibility) --> 446 <a href="https://www.military2career.com/jobs" 447 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 448 Explore Jobs 449 </a> 450 451 <!-- Regular Mobile Link (for backward compatibility) --> 452 <a href="https://events.talentally.com" 453 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 454 Events 455 </a> 456 457 <!-- Regular Mobile Link (for backward compatibility) --> 458 <a href="https://www.military2career.com/who-is-hiring" 459 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 460 Companies 461 </a> 462 463 <!-- Regular Mobile Link (for backward compatibility) --> 464 <a href="https://www.military2career.com/signup" 465 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 466 Join 467 </a> 468 469 <!-- Regular Mobile Link (for backward compatibility) --> 470 <a href="https://www.military2career.com/login" 471 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 472 Login 473 </a> 474 475 <!-- Mobile Action Button (Skip Search Jobs) --> 476 <div class="mb-8"> 477 <a href="https://www.military2career.com/post-a-job" 478 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 479 For Employers 480 </a> 481 </div> 482 </div> 483 </div> 484 </template> 485 486 </div> 487 488 489
490<script> 491// Expose a reusable initializer so the header can be reâbound after AJAX replacement 492window.initHeaderDropdowns = function(rootEl) { 493 const root = rootEl || document; 494 // Desktop Dropdown Functionality 495 const dropdownContainers = root.querySelectorAll('.dropdown-container'); 496 dropdownContainers.forEach(container => { 497 // Prevent duplicate bindings on SPA navigations 498 if (container.dataset.dropdownBound === '1') return; 499 container.dataset.dropdownBound = '1'; 500 const button = container.querySelector('.dropdown-button'); 501 const menu = container.querySelector('.dropdown-menu'); 502 const arrow = container.querySelector('.dropdown-arrow'); 503 if (!button || !menu || !arrow) return; 504 let isOpen = false; 505 let hoverTimeout; 506 function openDropdown() { 507 if (isOpen) return; 508 isOpen = true; 509 menu.classList.remove('opacity-0', 'pointer-events-none'); 510 menu.classList.add('opacity-100'); 511 arrow.style.transform = 'rotate(180deg)'; 512 if (container.classList.contains('signup-dropdown-container')) { 513 container.classList.add('dropdown-open'); 514 } 515 } 516 function closeDropdown() { 517 if (!isOpen) return; 518 isOpen = false; 519 menu.classList.remove('opacity-100'); 520 menu.classList.add('opacity-0', 'pointer-events-none'); 521 arrow.style.transform = 'rotate(0deg)'; 522 if (container.classList.contains('signup-dropdown-container')) { 523 container.classList.remove('dropdown-open'); 524 } 525 } 526 container.addEventListener('mouseenter', () => { 527 clearTimeout(hoverTimeout); 528 openDropdown(); 529 if (container.classList.contains('signup-dropdown-container')) { 530 const signupButton = container.querySelector('button[data-signup-dropdown="true"]'); 531 if (signupButton) { 532 signupButton.style.setProperty('border-bottom-left-radius', '0', 'important'); 533 signupButton.style.setProperty('border-bottom-right-radius', '0', 'important'); 534 signupButton.style.setProperty('background-color', 'rgb(229, 231, 235)', 'important'); 535 } 536 } 537 }); 538 container.addEventListener('mouseleave', () => { 539 hoverTimeout = setTimeout(() => { 540 closeDropdown(); 541 if (container.classList.contains('signup-dropdown-container')) { 542 const signupButton = container.querySelector('button[data-signup-dropdown="true"]'); 543 if (signupButton) { 544 signupButton.style.removeProperty('border-bottom-left-radius'); 545 signupButton.style.removeProperty('border-bottom-right-radius'); 546 signupButton.style.removeProperty('background-color'); 547 } 548 } 549 }, 100); 550 }); 551 }); 552 // Regular dropdown link hover states 553 const regularDropdownLinks = root.querySelectorAll('.regular-dropdown-link'); 554 regularDropdownLinks.forEach(link => { 555 link.addEventListener('mouseenter', function() { this.style.backgroundColor = 'rgb(243, 244, 246)'; }); 556 link.addEventListener('mouseleave', function() { this.style.backgroundColor = 'transparent'; }); 557 }); 558 // Mobile dropdowns 559 const mobileDropdowns = root.querySelectorAll('.mobile-dropdown'); 560 mobileDropdowns.forEach(dropdown => { 561 if (dropdown.dataset.dropdownBound === '1') return; 562 dropdown.dataset.dropdownBound = '1'; 563 const button = dropdown.querySelector('.mobile-dropdown-button'); 564 const content = dropdown.querySelector('.mobile-dropdown-content'); 565 const arrow = dropdown.querySelector('.mobile-dropdown-arrow'); 566 if (!button || !content || !arrow) return; 567 let isOpen = false; 568 button.addEventListener('click', function() { 569 if (isOpen) { 570 content.classList.remove('opacity-100'); 571 content.classList.add('opacity-0'); 572 content.style.maxHeight = '0'; 573 arrow.style.transform = 'rotate(0deg)'; 574 isOpen = false;
575 } else { 576 content.classList.remove('opacity-0'); 577 content.classList.add('opacity-100'); 578 content.style.maxHeight = content.scrollHeight + 'px'; 579 arrow.style.transform = 'rotate(180deg)'; 580 isOpen = true; 581 } 582 }); 583 }); 584}; 585 586// Initialize on first load 587document.addEventListener('DOMContentLoaded', function() { window.initHeaderDropdowns(document); }); 588</script>
588
588<script> 589 // When user logs in via modal, re-fetch and replace the header without full-page reload 590 window.addEventListener('user-logged-in', () => { 591 // Run slightly after Livewire finishes to ensure session is saved 592 setTimeout(async () => { 593 try { 594 const res = await fetch('https://www.military2career.com/fragments/header', { 595 headers: { 'X-Requested-With': 'XMLHttpRequest' }, 596 credentials: 'same-origin' 597 }); 598 if (!res.ok) return; 599 const html = await res.text(); 600 const temp = document.createElement('div'); 601 temp.innerHTML = html; 602 const newHeader = temp.querySelector('.header-shell'); 603 const oldHeader = document.querySelector('.header-shell'); 604 if (newHeader && oldHeader) { 605 oldHeader.replaceWith(newHeader); 606 if (window.Alpine && typeof window.Alpine.initTree === 'function') { 607 window.Alpine.initTree(newHeader); 608 } 609 if (typeof window.initHeaderDropdowns === 'function') { 610 window.initHeaderDropdowns(newHeader); 611 } 612 } 613 } catch (e) { /* no-op */ } 614 }, 250); 615 }); 616 </script>
616 617 <main x-show="!showingModal"> 618 <div class="relative mx-auto"> 619 <div 620 class="rounded-[24px] xl:rounded-[32px] w-full mt-[8px] lg:mt-[16px] bg-cover bg-no-repeat "> 621 <div class="rounded-[24px] xl:rounded-[32px] bg-[#0A4D22]"> 622 <div 623 class="py-[46px] px-[16px] lg:flex lg:items-center h-full w-full lg:py-[119px] xl:py-[129px] lg:px-[38px] xl:px-[50px] lg:space-x-[64px] xl:space-x-[118px]"> 624 <div class="w-full lg:w-1/2"> 625 <p class="leading-[120%] lg:leading-[120%] xl:leading-[120%] text-white text-4xl lg:text-5xl xl:text-6xl font-bold h-full"> 626 Find Your Next Civilian Career Opportunity on the Military Veterans Career Channel 627</p> 628<p class="text-white text-xl xl:text-2xl font-normal mt-[14px]"> 629 We are dedicated to helping more military veterans find great jobs at companies that value diversity and inclusion. 630</p> 631 </div> 632 <div class="w-full lg:w-1/2 z-20"> 633 <form method="get" action="https://www.military2career.com/jobs"> 634 <div 635 class="mt-[48px] lg:mt-0 flex flex-col justify-center ml-auto mr-auto rounded-[20px] backdrop-blur-md py-[46px] px-[32px]" 636 style="background: var(--kdc-glassmorphism, linear-gradient(108deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.07) 100%));"> 637 <div class="text-white text-2xl lg:text-4xl font-bold pb-[23px]">Start your job search</div> 638 <div class="flex-col justify-start items-start gap-2 inline-flex pb-[23px] w-full"> 639 <div class="text-white text-base font-normal w-full">Keywords</div> 640 <input class="w-full rounded-lg p-[12px] border-none text-neutral-500 text-base font-normal" 641 name="keywords" 642 type="text" 643 placeholder="Job title, skills, etc."> 644 </div> 645 <div class="flex-col justify-start items-start gap-2 inline-flex pb-[23px] w-full"> 646 <div class="text-white text-base font-normal w-full">Location</div> 647 <input class="w-full rounded-lg p-[12px] border-none text-neutral-500 text-base font-normal" 648 name="location" 649 type="text" 650 placeholder="City, State"> 651 </div> 652 <button 653 type="submit" 654 class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-black text-white stroke-white hover:bg-[#E2E2E2] hover:text-black disabled:bg-[#AEAEAE] disabled:text-black disabled:stroke-black" type="submit"> 655 Search Jobs 656 </button> 657 658 </div> 659 </form> 660 </div> 661 </div> 662 </div> 663</div> 664 <div id="mission" class="py-[64px] px-[16px] lg:p-[80px] mt-[8px] lg:mt-[16px] bg-neutral-50 rounded-[24px] xl:rounded-[32px] w-full"> 665 The Military Veterans Career Channel is powered by TalentAlly. We support veterans' transition to civilian careers by providing access to new and exciting job opportunities, along with resources, events, and tools to facilitate career growth. Our mission is to bridge the gap between military service and civilian employment by providing a platform that empowers veterans to pursue fulfilling careers. 666</div> <div> 667 <div class="py-[80px] xl:p-[80px] lg:py-[64px] px-2 lg:px-[32px] my-8 bg-neutral-50 rounded-[24px] xl:rounded-[32px] w-full cv-auto cis-800"> 668 <div class="w-full flex flex-col items-center lg:flex-row gap-y-[24px] lg:gap-y-0 rounded-[24px] xl:rounded-[32px] w-full"> 669 <div class="text-center lg:text-left w-full lg:w-1/2 text-neutral-900 text-4xl font-bold">Featured Jobs</div> 670 <div class="w-full text-center lg:w-1/2 lg:text-right"> 671 <a href="https://www.military2career.com/post-a-job" wire:navigate><button 672 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-[1vw] inline-flex text-lg font-bold px-10 py-4 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE]" 673 >
674 <span class="inline-flex items-center"> 675 676 677 Post a Job 678 679 </span> 680</button> 681</a> 682 </div> 683 </div> 684 <div class="mt-[48px] grid grid-cols-1 lg:grid-cols-3 place-items-center gap-[24px] rounded-[24px] xl:rounded-[32px] w-full"> 685 <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full"> 686 <div class="flex flex-col items-center"> 687 <div class="flex justify-center mb-[24px]"> 688 <a href="https://www.military2career.com/company/bonneville-environmental-foundation-bef"><span> 689 <div class="w-[60px] h-[60px] rounded flex items-center"> 690 <img 691 alt="Bonneville Environmental Foundation (BEF)" 692 title="Bonneville Environmental Foundation (BEF)" 693 src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1488714_1701907547.jpg" 694 width="60" height="60" loading="lazy" decoding="async" /> 695 </div> 696 </span> 697</a> 698 </div> 699 <div class="w-full"> 700 <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/senior-manager-corporate-partnerships-communications-bws">Senior Manager, Corporate Partnerships & Communications, BWS</a></p> 701 <div class="flex flex-col items-center lg:items-start space-y-[12px]"> 702 <div class="flex items-center"> 703 <svg 704 width="16" 705 height="16" 706 fill="none" 707 stroke="rgb(115 115 115)" 708 stroke-width="1" 709 stroke-linecap="round" 710 stroke-linejoin="round" 711> 712 <use href="feather-sprite.svg#trello" /> 713</svg> 714 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"> 715 <a href="https://www.military2career.com/company/bonneville-environmental-foundation-bef">Bonneville Environmental Foundation (BEF)</a> 716 </div> 717 </div> 718 <div class="flex items-center"> 719 <svg 720 width="16" 721 height="16" 722 fill="none" 723 stroke="rgb(115 115 115)" 724 stroke-width="1" 725 stroke-linecap="round" 726 stroke-linejoin="round" 727> 728 <use href="feather-sprite.svg#map-pin" /> 729</svg> 730 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Portland%2C%20OR">Portland, OR</a></div> 731 </div> 732 <div class="flex items-center"> 733 <svg 734 width="16" 735 height="16" 736 fill="none" 737 stroke="rgb(115 115 115)" 738 stroke-width="1" 739 stroke-linecap="round" 740 stroke-linejoin="round" 741> 742 <use href="feather-sprite.svg#calendar" /> 743</svg> 744 <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Oct 2, 2026</div> 745 </div> 746 </div> 747 </div> 748 </div> 749 <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]"> 750 <a href="https://www.military2career.com/job/senior-manager-corporate-partnerships-communications-bws" class="w-full md:w-auto"><button 751 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8" 752 > 753 <span class="inline-flex items-center"> 754 755 756 Apply Now 757 758 </span> 759</button> 760</a> 761 </div> 762</div> 763 <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full"> 764 <div class="flex flex-col items-center"> 765 <div class="flex justify-center mb-[24px]"> 766 <a href="https://www.military2career.com/company/long-island-power-authority"><span> 767 <div class="w-[60px] h-[60px] rounded flex items-center"> 768 <img 769 alt="Long Island Power Authority" 770 title="Long Island Power Authority" 771 src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1418076_1690563423.jpg" 772 width="60" height="60" loading="lazy" decoding="async" /> 773 </div> 774 </span> 775</a> 776 </div> 777 <div class="w-full"> 778 <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/director-performance-assessment-and-process-optimization">Director, Performance Assessment and Process Optimization</a></p> 779 <div class="flex flex-col items-center lg:items-start space-y-[12px]"> 780 <div class="flex items-center"> 781 <svg 782 width="16" 783 height="16" 784 fill="none" 785 stroke="rgb(115 115 115)" 786 stroke-width="1" 787 stroke-linecap="round" 788 stroke-linejoin="round" 789> 790 <use href="feather-sprite.svg#trello" /> 791</svg> 792 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"> 793 <a href="https://www.military2career.com/company/long-island-power-authority">Long Island Power Authority</a> 794 </div> 795 </div> 796 <div class="flex items-center"> 797 <svg 798 width="16" 799 height="16" 800 fill="none" 801 stroke="rgb(115 115 115)" 802 stroke-width="1" 803 stroke-linecap="round" 804 stroke-linejoin="round" 805> 806 <use href="feather-sprite.svg#map-pin" /> 807</svg> 808 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Uniondale%2C%20NY">Uniondale, NY</a></div> 809 </div> 810 <div class="flex items-center"> 811 <svg 812 width="16" 813 height="16" 814 fill="none" 815 stroke="rgb(115 115 115)" 816 stroke-width="1" 817 stroke-linecap="round" 818 stroke-linejoin="round" 819> 820 <use href="feather-sprite.svg#calendar" /> 821</svg> 822 <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 24, 2026</div> 823 </div> 824 </div> 825 </div> 826 </div> 827 <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]"> 828 <a href="https://www.military2career.com/job/director-performance-assessment-and-process-optimization" class="w-full md:w-auto"><button 829 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8" 830 >
831 <span class="inline-flex items-center"> 832 833 834 Apply Now 835 836 </span> 837</button> 838</a> 839 </div> 840</div> 841 <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full"> 842 <div class="flex flex-col items-center"> 843 <div class="flex justify-center mb-[24px]"> 844 <a href="https://www.military2career.com/company/long-island-power-authority"><span> 845 <div class="w-[60px] h-[60px] rounded flex items-center"> 846 <img 847 alt="Long Island Power Authority" 848 title="Long Island Power Authority" 849 src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1418076_1690563423.jpg" 850 width="60" height="60" loading="lazy" decoding="async" /> 851 </div> 852 </span> 853</a> 854 </div> 855 <div class="w-full"> 856 <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/it-senior-analyst-operational-technology-ot-and-cyber">IT Senior Analyst, Operational Technology (OT) and Cyber</a></p> 857 <div class="flex flex-col items-center lg:items-start space-y-[12px]"> 858 <div class="flex items-center"> 859 <svg 860 width="16" 861 height="16" 862 fill="none" 863 stroke="rgb(115 115 115)" 864 stroke-width="1" 865 stroke-linecap="round" 866 stroke-linejoin="round" 867> 868 <use href="feather-sprite.svg#trello" /> 869</svg> 870 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"> 871 <a href="https://www.military2career.com/company/long-island-power-authority">Long Island Power Authority</a> 872 </div> 873 </div> 874 <div class="flex items-center"> 875 <svg 876 width="16" 877 height="16" 878 fill="none" 879 stroke="rgb(115 115 115)" 880 stroke-width="1" 881 stroke-linecap="round" 882 stroke-linejoin="round" 883> 884 <use href="feather-sprite.svg#map-pin" /> 885</svg> 886 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Uniondale%2C%20NY">Uniondale, NY</a></div> 887 </div> 888 <div class="flex items-center"> 889 <svg 890 width="16" 891 height="16" 892 fill="none" 893 stroke="rgb(115 115 115)" 894 stroke-width="1" 895 stroke-linecap="round" 896 stroke-linejoin="round" 897> 898 <use href="feather-sprite.svg#calendar" /> 899</svg> 900 <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 24, 2026</div> 901 </div> 902 </div> 903 </div> 904 </div> 905 <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]"> 906 <a href="https://www.military2career.com/job/it-senior-analyst-operational-technology-ot-and-cyber" class="w-full md:w-auto"><button 907 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8" 908 > 909 <span class="inline-flex items-center"> 910 911 912 Apply Now 913 914 </span> 915</button> 916</a> 917 </div> 918</div> 919 <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full"> 920 <div class="flex flex-col items-center"> 921 <div class="flex justify-center mb-[24px]"> 922 <a href="https://www.military2career.com/company/davant-bakery"><span> 923 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[60px] h-[60px] rounded"> 924 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H2
9241m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z" title="Davant bakery"/> 925 </svg> 926 </span> 927</a> 928 </div> 929 <div class="w-full"> 930 <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/davant-bakery-kitchen-baker-cocina-panadero">Dâavant Bakery - KITCHEN - BAKER (COCINA - PANADERO)</a></p> 931 <div class="flex flex-col items-center lg:items-start space-y-[12px]"> 932 <div class="flex items-center"> 933 <svg 934 width="16" 935 height="16" 936 fill="none" 937 stroke="rgb(115 115 115)" 938 stroke-width="1" 939 stroke-linecap="round" 940 stroke-linejoin="round" 941> 942 <use href="feather-sprite.svg#trello" /> 943</svg> 944 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"> 945 <a href="https://www.military2career.com/company/davant-bakery">Davant bakery</a> 946 </div> 947 </div> 948 <div class="flex items-center"> 949 <svg 950 width="16" 951 height="16" 952 fill="none" 953 stroke="rgb(115 115 115)" 954 stroke-width="1" 955 stroke-linecap="round" 956 stroke-linejoin="round" 957> 958 <use href="feather-sprite.svg#map-pin" /> 959</svg> 960 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=closter%2C%20NJ">closter, NJ</a></div> 961 </div> 962 <div class="flex items-center"> 963 <svg 964 width="16" 965 height="16" 966 fill="none" 967 stroke="rgb(115 115 115)" 968 stroke-width="1" 969 stroke-linecap="round" 970 stroke-linejoin="round" 971> 972 <use href="feather-sprite.svg#calendar" /> 973</svg> 974 <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 4, 2026</div> 975 </div> 976 </div> 977 </div> 978 </div> 979 <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]"> 980 <a href="https://www.military2career.com/job/davant-bakery-kitchen-baker-cocina-panadero" class="w-full md:w-auto"><button 981 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8" 982 > 983 <span class="inline-flex items-center"> 984 985 986 Apply Now 987 988 </span> 989</button> 990</a> 991 </div> 992</div> 993 <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full"> 994 <div class="flex flex-col items-center"> 995 <div class="flex justify-center mb-[24px]"> 996 <a href="https://www.military2career.com/company/long-island-power-authority"><span> 997 <div class="w-[60px] h-[60px] rounded flex items-center"> 998 <img 999 alt="Long Island Power Authority" 1000 title="Long Island Power Authority" 1001 src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1418076_1690563423.jpg" 1002 width="60" height="60" loading="lazy" decoding="async" /> 1003 </div> 1004 </span> 1005</a> 1006 </div> 1007 <div class="w-full"> 1008 <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/receptionist-front-desk-1">Receptionist, Front Desk</a></p> 1009 <div class="flex flex-col items-center lg:items-start space-y-[12px]"> 1010 <div class="flex items-center"> 1011 <svg 1012 width="16" 1013 height="16" 1014 fill="none" 1015 stroke="rgb(115 115 115)" 1016 stroke-width="1" 1017 stroke-linecap="round" 1018 stroke-linejoin="round" 1019> 1020 <use href="feather-sprite.svg#trello" /> 1021</svg> 1022 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"> 1023 <a href="https://www.military2career.com/company/long-island-power-authority">Long Island Power Authority</a> 1024 </div> 1025 </div> 1026 <div class="flex items-center"> 1027 <svg 1028 width="16" 1029 height="16" 1030 fill="none" 1031 stroke="rgb(115 115 115)" 1032 stroke-width="1" 1033 stroke-linecap="round" 1034 stroke-linejoin="round" 1035> 1036 <use href="feather-sprite.svg#map-pin" /> 1037</svg> 1038 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Uniondale%2C%20NY">Uniondale, NY</a></div> 1039 </div> 1040 <div class="flex items-center"> 1041 <svg 1042 width="16" 1043 height="16" 1044 fill="none" 1045 stroke="rgb(115 115 115)" 1046 stroke-width="1" 1047 stroke-linecap="round" 1048 stroke-linejoin="round" 1049> 1050 <use href="feather-sprite.svg#calendar" /> 1051</svg> 1052 <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 2, 2026</div> 1053 </div> 1054 </div> 1055 </div> 1056 </div> 1057 <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]"> 1058 <a href="https://www.military2career.com/job/receptionist-front-desk-1" class="w-full md:w-auto"><button 1059 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8" 1060 >
1061 <span class="inline-flex items-center"> 1062 1063 1064 Apply Now 1065 1066 </span> 1067</button> 1068</a> 1069 </div> 1070</div> 1071 <div class="z-10 flex-grow bg-white rounded-[16px] p-3 sm:p-[24px] xl:p-[32px] w-full h-full"> 1072 <div class="flex flex-col items-center"> 1073 <div class="flex justify-center mb-[24px]"> 1074 <a href="https://www.military2career.com/company/superior-court-of-california-county-of-alameda"><span> 1075 <div class="w-[60px] h-[60px] rounded flex items-center"> 1076 <img 1077 alt="Superior Court of California, County of Alameda" 1078 title="Superior Court of California, County of Alameda" 1079 src="https://pdn-job-boards.s3.amazonaws.com/logos/migrated/1303079_1627068519.png" 1080 width="60" height="60" loading="lazy" decoding="async" /> 1081 </div> 1082 </span> 1083</a> 1084 </div> 1085 <div class="w-full"> 1086 <p class="text-black text-xl font-bold pb-[16px] text-center"><a href="https://www.military2career.com/job/legal-processing-assistant-probationary-2">Legal Processing Assistant - Probationary</a></p> 1087 <div class="flex flex-col items-center lg:items-start space-y-[12px]"> 1088 <div class="flex items-center"> 1089 <svg 1090 width="16" 1091 height="16" 1092 fill="none" 1093 stroke="rgb(115 115 115)" 1094 stroke-width="1" 1095 stroke-linecap="round" 1096 stroke-linejoin="round" 1097> 1098 <use href="feather-sprite.svg#trello" /> 1099</svg> 1100 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"> 1101 <a href="https://www.military2career.com/company/superior-court-of-california-county-of-alameda">Superior Court of California, County of Alameda</a> 1102 </div> 1103 </div> 1104 <div class="flex items-center"> 1105 <svg 1106 width="16" 1107 height="16" 1108 fill="none" 1109 stroke="rgb(115 115 115)" 1110 stroke-width="1" 1111 stroke-linecap="round" 1112 stroke-linejoin="round" 1113> 1114 <use href="feather-sprite.svg#map-pin" /> 1115</svg> 1116 <div class="pl-[8px] inline text-neutral-500 text-base font-normal"><a href="https://www.military2career.com/jobs?location=Oakland%2C%20CA">Oakland, CA</a></div> 1117 </div> 1118 <div class="flex items-center"> 1119 <svg 1120 width="16" 1121 height="16" 1122 fill="none" 1123 stroke="rgb(115 115 115)" 1124 stroke-width="1" 1125 stroke-linecap="round" 1126 stroke-linejoin="round" 1127> 1128 <use href="feather-sprite.svg#calendar" /> 1129</svg> 1130 <div class="pl-[8px] inline text-neutral-500 text-base font-normal">Posted - Sep 2, 2026</div> 1131 </div> 1132 </div> 1133 </div> 1134 </div> 1135 <div class="flex-none grid grid-cols-1 grid-rows-1 gap-[16px] justify-items-center md:justify-items-start w-full pt-[32px]"> 1136 <a href="https://www.military2career.com/job/legal-processing-assistant-probationary-2" class="w-full md:w-auto"><button 1137 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE] w-full md:w-auto md:px-8" 1138 > 1139 <span class="inline-flex items-center"> 1140 1141 1142 Apply Now 1143 1144 </span> 1145</button> 1146</a> 1147 </div> 1148</div> 1149 </div> 1150 <div class="mt-[48px] w-full text-center"> 1151 <a href="https://www.military2career.com/jobs" wire:navigate><button 1152 1153 class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 border border-current transition-all duration-200 rounded-[12px] bg-white border-solid border-2 border-[#0A4D22] text-[#0A4D22] stroke-[#0A4D22] hover:border-[#CFF8D9] disabled:bg-[#AEAEAE] disabled:text-black disabled:stroke-black"> 1154 Find More Jobs 1155</button> 1156</a> 1157 </div> 1158</div> 1159 </div> 1160 <div> 1161 </div> 1162 <div class="mt-2 lg:mt-4"> 1163 <style> 1164 /* Enhanced touch scrolling for mobile */ 1165 .scrollbar-none { 1166 -webkit-overflow-scrolling: touch; 1167 scrollbar-width: none; 1168 -ms-overflow-style: none; 1169 } 1170 .scrollbar-none::-webkit-scrollbar { display: none; } 1171 [x-cloak] { display: none !important; } 1172 /* Inline loader to ensure animation even if Tailwind animate-spin is purged */
1173 @keyframes loader-spin { to { transform: rotate(360deg); } } 1174 .loader-spin { animation: loader-spin 0.9s linear infinite; } 1175 /* Note: previously hid mobile scrollers until centered; reverted to avoid jank */ 1176 1177 /* Removed horizontal progress bar under tabs */ 1178 /* HScroll dots: keep existing design, only change active color */ 1179 [id^="hc-wrapper-resources_"] .hs-dots .hs-dot { 1180 width: .5rem; height: .5rem; border-radius: 9999px; background: rgba(255,255,255,.4); transition: all .3s ease; border: none; opacity: 1; 1181 } 1182 [id^="hc-wrapper-resources_"] .hs-dots .hs-dot[aria-current="true"] { 1183 background: var(--secondary-color, #FFDE59) !important; width: 1.5rem !important; 1184 } 1185</style> 1186 1187<div class="w-screen relative left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] bg-[#0A4D22] text-white pt-16 xl:pt-24 pb-0"> 1188 <div class="max-w-7xl mx-auto px-4 md:px-8 xl:px-12 pb-6 md:pb-16 xl:pb-24"> 1189 <!-- Header Section --> 1190 <div class="flex flex-col lg:flex-row justify-between items-center lg:items-center gap-6 mb-12"> 1191 <div class="flex-col justify-center items-center lg:items-start gap-2 flex text-center lg:text-left"> 1192 <div class="text-3xl lg:text-4xl font-bold mb-3">Professional Development Resources</div> 1193 <!-- Subtitle --> 1194 <div class="text-white/90 text-base sm:text-lg lg:text-xl max-w-2xl leading-relaxed"> 1195 Access invaluable tools and insights to supercharge your job search and career growth journey. 1196 </div> 1197 </div> 1198 <div class="flex-shrink-0 mt-4 lg:mt-0 hidden lg:block"> 1199 <a href="https://www.military2career.com/resources"> 1200 <button 1201 name="resources-button" 1202 class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]" name="resources-button"> 1203 View Resources 1204</button> 1205 1206 </a> 1207 </div> 1208 </div> 1209 1210 <!-- Tab Navigation --> 1211 <div class="relative" x-data="resourcesTabs('job-search-tools')"> 1212 <div id="resources-tabs" role="tablist" class="relative w-full flex flex-col sm:flex-row flex-wrap gap-2 mb-8 justify-center"> 1213 <button 1214 role="tab" 1215 :aria-selected="(uiTab === 'job-search-tools').toString()" 1216 @pointerdown.passive="uiTab = 'job-search-tools'" 1217 @click.prevent=" 1218 (function(){ 1219 const t='job-search-tools'; 1220 startLoading(t); 1221 uiTab = t; 1222 $nextTick(() => { 1223 requestAnimationFrame(() => { 1224 contentTab = t; 1225 requestAnimationFrame(() => { 1226 try { window.dispatchEvent(new CustomEvent('resources-tab-switched', { detail: { tab: t } })); } catch (_) {} 1227 requestAnimationFrame(() => { stopLoadingWhenMinElapsed(); }); 1228 }); 1229 }); 1230 }); 1231 })() 1232 " 1233 :class="uiTab === 'job-search-tools' ? 'rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]' : 'bg-transparent border-2 border-white/30 hover:border-white/50'" 1234 class="px-4 sm:px-6 py-2 sm:py-3 font-semibold text-sm sm:text-base transition-all duration-200 whitespace-nowrap cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black" 1235> 1236 Job Search Tools 1237</button> <button 1238 role="tab" 1239 :aria-selected="(uiTab === 'recruiter-insights').toString()" 1240 @pointerdown.passive="uiTab = 'recruiter-insights'" 1241 @click.prevent=" 1242 (function(){ 1243 const t='recruiter-insights'; 1244 startLoading(t); 1245 uiTab = t; 1246 $nextTick(() => { 1247 requestAnimationFrame(() => { 1248 contentTab = t; 1249 requestAnimationFrame(() => { 1250 try { window.dispatchEvent(new CustomEvent('resources-tab-switched', { detail: { tab: t } })); } catch (_) {} 1251 requestAnimationFrame(() => { stopLoadingWhenMinElapsed(); }); 1252 }); 1253 }); 1254 }); 1255 })() 1256 " 1257 :class="uiTab === 'recruiter-insights' ? 'rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]' : 'bg-transparent border-2 border-white/30 hover:border-white/50'" 1258 class="px-4 sm:px-6 py-2 sm:py-3 font-semibold text-sm sm:text-base transition-all duration-200 whitespace-nowrap cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black" 1259> 1260 Recruiter Insights 1261</button> <button 1262 role="tab" 1263 :aria-selected="(uiTab === 'workplace-resources').toString()" 1264 @pointerdown.passive="uiTab = 'workplace-resources'" 1265 @click.prevent=" 1266 (function(){ 1267 const t='workplace-resources'; 1268 startLoading(t); 1269 uiTab = t; 1270 $nextTick(() => { 1271 requestAnimationFrame(() => { 1272 contentTab = t; 1273 requestAnimationFrame(() => { 1274 try { window.dispatchEvent(new CustomEvent('resources-tab-switched', { detail: { tab: t } })); } catch (_) {} 1275 requestAnimationFrame(() => { stopLoadingWhenMinElapsed(); }); 1276 }); 1277 }); 1278 }); 1279 })() 1280 " 1281 :class="uiTab === 'workplace-resources' ? 'rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]' : 'bg-transparent border-2 border-white/30 hover:border-white/50'" 1282 class="px-4 sm:px-6 py-2 sm:py-3 font-semibold text-sm sm:text-base transition-all duration-200 whitespace-nowrap cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black" 1283> 1284 Workplace Resources 1285</button> <button 1286 role="tab" 1287 :aria-selected="(uiTab === 'ai-tools').toString()" 1288 @pointerdown.passive="uiTab = 'ai-tools'" 1289 @click.prevent=" 1290 (function(){ 1291 const t='ai-tools'; 1292 startLoading(t); 1293 uiTab = t; 1294 $nextTick(() => { 1295 requestAnimationFrame(() => { 1296 contentTab = t; 1297 requestAnimationFrame(() => { 1298 try { window.dispatchEvent(new CustomEvent('resources-tab-switched', { detail: { tab: t } })); } catch (_) {} 1299 requestAnimationFrame(() => { stopLoadingWhenMinElapsed(); }); 1300 }); 1301 }); 1302 }); 1303 })() 1304 " 1305 :class="uiTab === 'ai-tools' ? 'rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]' : 'bg-transparent border-2 border-white/30 hover:border-white/50'" 1306 class="px-4 sm:px-6 py-2 sm:py-3 font-semibold text-sm sm:text-base transition-all duration-200 whitespace-nowrap cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black" 1307> 1308 AI Tools 1309</button> </div> 1310 1311 <!-- Content wrapper to constrain per-card skeletons to results area --> 1312 <div class="relative" id="resources-content" role="region" aria-labelledby="resources-tabs" :aria-busy="isLoading.toString()"> 1313 1314 <!-- Resources Grid for each tab --> 1315 1316 <!-- Job Search Tools Tab --> 1317 <div x-show="contentTab === 'job-search-tools'" x-cloak 1318 x-transition:enter="transition-opacity ease-out duration-300" 1319 x-transition:enter-start="opacity-0" 1320 x-transition:enter-end="opacity-100"> 1321 <div class="relative"> 1322 <!-- Mobile Carousel with dots --> 1323 <div class="md:hidden" data-mobile-results data-tab="job-search-tools"> 1324 <div class="min-h-[360px]" x-data="{ 1325 get visibleItems() { return mobileVisibleJobSearch; }, 1326 get totalItems() { return 8; }, 1327 get dotsCount() { return Math.min(10, this.totalItems); }, 1328 get itemsPerDot() { return Math.ceil(this.visibleItems / this.dotsCount); } 1329 }"> 1330 <div class="relative w-full" id="hc-wrapper-resources_job_search" data-keep-dots="1" data-items-count="10" data-gap="16"> 1331 <button type="button" id="hc-left-resources_job_search" 1332 class="absolute left-4 md:left-4 lg:-left-16 xl:-left-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-0 invisible" 1333 aria-label="Scroll left"> 1334 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1335 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" /> 1336 </svg> 1337 </button> 1338 <button type="button" id="hc-right-resources_job_search" 1339 class="absolute right-4 md:right-4 lg:-right-16 xl:-right-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-100 visible" 1340 aria-label="Scroll right"> 1341 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1342 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> 1343 </svg> 1344 </button> 1345 1346 <div class="embla__viewport overflow-hidden" style="touch-action: pan-y; -webkit-overflow-scrolling: touch;"> 1347 <div class="embla__container flex transition-transform duration-300 ease-out px-0" style="gap: 16px"> 1348 1349 <div class="embla__spacer-start js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div>
1350 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 1351 x-transition:enter="transition ease-out duration-300" 1352 x-transition:enter-start="opacity-0 transform scale-95" 1353 x-transition:enter-end="opacity-100 transform scale-100"> 1354 <style> 1355 .ta-resource-card { position: relative; } 1356 .ta-resource-card .ta-card-overlay { 1357 position: absolute; inset: 0; pointer-events: none; z-index: 10; 1358 background: linear-gradient(90deg, rgba(255,255,255,0.18) 25%, rgba(255,255,255,0.28) 50%, rgba(255,255,255,0.18) 75%); 1359 backdrop-filter: blur(3px); 1360 -webkit-backdrop-filter: blur(3px); 1361 border-radius: 1rem; /* match rounded-2xl */ 1362 opacity: 1; transition: opacity .35s ease; 1363 background-size: 200% 100%; 1364 animation: ta-shimmer 1.1s ease-in-out infinite; 1365 } 1366 .ta-resource-card.is-loaded .ta-card-overlay { opacity: 0; } 1367 @keyframes ta-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } 1368 </style> 1369 1370<a href="https://www.military2career.com/resources/the-employers-youre-skipping-could-have-the-job-you-want" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1371 <div class="h-48 bg-black bg-center bg-cover"> 1372 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/J3wcLefs2wzrRW5JJkPkpMid30tENZ6ONeKm81RJ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1373 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1374 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1375 /> 1376 </div> 1377 <div class="p-6"> 1378 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Employers Youâre Skipping Could Have the Job You Want</h3> 1379 <div class="flex justify-between items-center text-sm"> 1380 <span class="text-white/70">Sep 30, 2026</span> 1381 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1382 </div> 1383 </div> 1384 <div class="ta-card-overlay" aria-hidden="true"></div> 1385
1385<script> 1386 (function(s){ 1387 try { 1388 var card = s.closest('.ta-resource-card'); 1389 if (!card) return; 1390 var img = card.querySelector('img'); 1391 if (!img) { card.classList.add('is-loaded'); return; } 1392 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1393 if (img.complete && img.naturalWidth > 0) { mark(); } 1394 else { 1395 img.addEventListener('load', mark, { once: true }); 1396 img.addEventListener('error', mark, { once: true }); 1397 // In case Livewire morph replaces attributes without firing events, poll briefly 1398 var tries = 0; var t = setInterval(function(){ 1399 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1400 }, 100); 1401 } 1402 } catch(_){} 1403 })(document.currentScript); 1404 </script>
1404 1405</a> 1406 </div> 1407 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 1408 x-transition:enter="transition ease-out duration-300" 1409 x-transition:enter-start="opacity-0 transform scale-95" 1410 x-transition:enter-end="opacity-100 transform scale-100"> 1411 <a href="https://www.military2career.com/resources/the-company-is-real-is-the-recruiter" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1412 <div class="h-48 bg-black bg-center bg-cover"> 1413 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/3bzclrXWPHZemKnRcDNhPfEB4zW40JIKrenTHYhg.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1414 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1415 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1416 /> 1417 </div> 1418 <div class="p-6"> 1419 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Company Is Real. Is the Recruiter?</h3> 1420 <div class="flex justify-between items-center text-sm"> 1421 <span class="text-white/70">Sep 24, 2026</span> 1422 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1423 </div> 1424 </div> 1425 <div class="ta-card-overlay" aria-hidden="true"></div> 1426
1426<script> 1427 (function(s){ 1428 try { 1429 var card = s.closest('.ta-resource-card'); 1430 if (!card) return; 1431 var img = card.querySelector('img'); 1432 if (!img) { card.classList.add('is-loaded'); return; } 1433 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1434 if (img.complete && img.naturalWidth > 0) { mark(); } 1435 else { 1436 img.addEventListener('load', mark, { once: true }); 1437 img.addEventListener('error', mark, { once: true }); 1438 // In case Livewire morph replaces attributes without firing events, poll briefly 1439 var tries = 0; var t = setInterval(function(){ 1440 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1441 }, 100); 1442 } 1443 } catch(_){} 1444 })(document.currentScript); 1445 </script>
1445 1446</a> 1447 </div> 1448 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 1449 x-transition:enter="transition ease-out duration-300" 1450 x-transition:enter-start="opacity-0 transform scale-95" 1451 x-transition:enter-end="opacity-100 transform scale-100"> 1452 <a href="https://www.military2career.com/resources/a-salary-range-is-not-a-promise-how-to-read-pay-in-a-job-posting" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1453 <div class="h-48 bg-black bg-center bg-cover"> 1454 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/9SvuuEzrL72YXkGsXPeov4OyZsCEKhfdQ8UMig4F.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1455 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1456 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1457 /> 1458 </div> 1459 <div class="p-6"> 1460 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">A Salary Range Is Not a Promise: How to Read Pay in a Job Posting</h3> 1461 <div class="flex justify-between items-center text-sm"> 1462 <span class="text-white/70">Sep 3, 2026</span> 1463 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1464 </div> 1465 </div> 1466 <div class="ta-card-overlay" aria-hidden="true"></div> 1467
1467<script> 1468 (function(s){ 1469 try { 1470 var card = s.closest('.ta-resource-card'); 1471 if (!card) return; 1472 var img = card.querySelector('img'); 1473 if (!img) { card.classList.add('is-loaded'); return; } 1474 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1475 if (img.complete && img.naturalWidth > 0) { mark(); } 1476 else { 1477 img.addEventListener('load', mark, { once: true }); 1478 img.addEventListener('error', mark, { once: true }); 1479 // In case Livewire morph replaces attributes without firing events, poll briefly 1480 var tries = 0; var t = setInterval(function(){ 1481 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1482 }, 100); 1483 } 1484 } catch(_){} 1485 })(document.currentScript); 1486 </script>
1486 1487</a> 1488 </div> 1489 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 1490 x-transition:enter="transition ease-out duration-300" 1491 x-transition:enter-start="opacity-0 transform scale-95" 1492 x-transition:enter-end="opacity-100 transform scale-100"> 1493 <a href="https://www.military2career.com/resources/you-got-the-offer-when-should-you-stop-applying" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1494 <div class="h-48 bg-black bg-center bg-cover"> 1495 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/SKmpw4KeRWtt4ZTX2JdtKZk0J7KFNDtSMKZm0kyh.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1496 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1497 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1498 /> 1499 </div> 1500 <div class="p-6"> 1501 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">You Got the Offer. When Should You Stop Applying?</h3> 1502 <div class="flex justify-between items-center text-sm"> 1503 <span class="text-white/70">Aug 26, 2026</span> 1504 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1505 </div> 1506 </div> 1507 <div class="ta-card-overlay" aria-hidden="true"></div> 1508
1508<script> 1509 (function(s){ 1510 try { 1511 var card = s.closest('.ta-resource-card'); 1512 if (!card) return; 1513 var img = card.querySelector('img'); 1514 if (!img) { card.classList.add('is-loaded'); return; } 1515 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1516 if (img.complete && img.naturalWidth > 0) { mark(); } 1517 else { 1518 img.addEventListener('load', mark, { once: true }); 1519 img.addEventListener('error', mark, { once: true }); 1520 // In case Livewire morph replaces attributes without firing events, poll briefly 1521 var tries = 0; var t = setInterval(function(){ 1522 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1523 }, 100); 1524 } 1525 } catch(_){} 1526 })(document.currentScript); 1527 </script>
1527 1528</a> 1529 </div> 1530 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 1531 x-transition:enter="transition ease-out duration-300" 1532 x-transition:enter-start="opacity-0 transform scale-95" 1533 x-transition:enter-end="opacity-100 transform scale-100"> 1534 <a href="https://www.military2career.com/resources/is-this-a-skills-test-or-free-work-how-to-evaluate-take-home-assignments" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1535 <div class="h-48 bg-black bg-center bg-cover"> 1536 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/xwJZWSiGqUrrB9eYVjWjUN9NB6N9rjyKDvYidaCD.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1537 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1538 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1539 /> 1540 </div> 1541 <div class="p-6"> 1542 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Is This a Skills Test or Free Work? How to Evaluate Take-Home Assignments</h3> 1543 <div class="flex justify-between items-center text-sm"> 1544 <span class="text-white/70">Aug 20, 2026</span> 1545 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1546 </div> 1547 </div> 1548 <div class="ta-card-overlay" aria-hidden="true"></div> 1549
1549<script> 1550 (function(s){ 1551 try { 1552 var card = s.closest('.ta-resource-card'); 1553 if (!card) return; 1554 var img = card.querySelector('img'); 1555 if (!img) { card.classList.add('is-loaded'); return; } 1556 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1557 if (img.complete && img.naturalWidth > 0) { mark(); } 1558 else { 1559 img.addEventListener('load', mark, { once: true }); 1560 img.addEventListener('error', mark, { once: true }); 1561 // In case Livewire morph replaces attributes without firing events, poll briefly 1562 var tries = 0; var t = setInterval(function(){ 1563 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1564 }, 100); 1565 } 1566 } catch(_){} 1567 })(document.currentScript); 1568 </script>
1568 1569</a> 1570 </div> 1571 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 1572 x-transition:enter="transition ease-out duration-300" 1573 x-transition:enter-start="opacity-0 transform scale-95" 1574 x-transition:enter-end="opacity-100 transform scale-100"> 1575 <a href="https://www.military2career.com/resources/how-to-prove-your-soft-skills-in-a-job-interview" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1576 <div class="h-48 bg-black bg-center bg-cover"> 1577 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/ExXWSYwgkHJLDCpcS4LmwagXPk71nzbFRquwzGIA.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1578 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1579 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1580 /> 1581 </div> 1582 <div class="p-6"> 1583 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Prove Your Soft Skills in a Job Interview</h3> 1584 <div class="flex justify-between items-center text-sm"> 1585 <span class="text-white/70">Aug 14, 2026</span> 1586 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1587 </div> 1588 </div> 1589 <div class="ta-card-overlay" aria-hidden="true"></div> 1590
1590<script> 1591 (function(s){ 1592 try { 1593 var card = s.closest('.ta-resource-card'); 1594 if (!card) return; 1595 var img = card.querySelector('img'); 1596 if (!img) { card.classList.add('is-loaded'); return; } 1597 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1598 if (img.complete && img.naturalWidth > 0) { mark(); } 1599 else { 1600 img.addEventListener('load', mark, { once: true }); 1601 img.addEventListener('error', mark, { once: true }); 1602 // In case Livewire morph replaces attributes without firing events, poll briefly 1603 var tries = 0; var t = setInterval(function(){ 1604 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1605 }, 100); 1606 } 1607 } catch(_){} 1608 })(document.currentScript); 1609 </script>
1609 1610</a> 1611 </div> 1612 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 1613 x-transition:enter="transition ease-out duration-300" 1614 x-transition:enter-start="opacity-0 transform scale-95" 1615 x-transition:enter-end="opacity-100 transform scale-100"> 1616 <a href="https://www.military2career.com/resources/how-to-answer-how-do-you-use-ai-at-work-interview" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1617 <div class="h-48 bg-black bg-center bg-cover"> 1618 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/q65s4A1OgXZTjQH0MbdeUdQ66kxoJo2q3vNBFeZC.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1619 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1620 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1621 /> 1622 </div> 1623 <div class="p-6"> 1624 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Answer âHow Do You Use AI at Work?â</h3> 1625 <div class="flex justify-between items-center text-sm"> 1626 <span class="text-white/70">Aug 4, 2026</span> 1627 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1628 </div> 1629 </div> 1630 <div class="ta-card-overlay" aria-hidden="true"></div> 1631
1631<script> 1632 (function(s){ 1633 try { 1634 var card = s.closest('.ta-resource-card'); 1635 if (!card) return; 1636 var img = card.querySelector('img'); 1637 if (!img) { card.classList.add('is-loaded'); return; } 1638 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1639 if (img.complete && img.naturalWidth > 0) { mark(); } 1640 else { 1641 img.addEventListener('load', mark, { once: true }); 1642 img.addEventListener('error', mark, { once: true }); 1643 // In case Livewire morph replaces attributes without firing events, poll briefly 1644 var tries = 0; var t = setInterval(function(){ 1645 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1646 }, 100); 1647 } 1648 } catch(_){} 1649 })(document.currentScript); 1650 </script>
1650 1651</a> 1652 </div> 1653 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 1654 x-transition:enter="transition ease-out duration-300" 1655 x-transition:enter-start="opacity-0 transform scale-95" 1656 x-transition:enter-end="opacity-100 transform scale-100"> 1657 <a href="https://www.military2career.com/resources/targeting-teams-not-just-companies" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1658 <div class="h-48 bg-black bg-center bg-cover"> 1659 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/T7CzHCBFKR7xrz9vXULib3sFEsDN2fXbmcjyo0r6.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1660 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1661 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1662 /> 1663 </div> 1664 <div class="p-6"> 1665 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Targeting Teams, Not Just Companies</h3> 1666 <div class="flex justify-between items-center text-sm"> 1667 <span class="text-white/70">Jul 28, 2026</span> 1668 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1669 </div> 1670 </div> 1671 <div class="ta-card-overlay" aria-hidden="true"></div> 1672
1672<script> 1673 (function(s){ 1674 try { 1675 var card = s.closest('.ta-resource-card'); 1676 if (!card) return; 1677 var img = card.querySelector('img'); 1678 if (!img) { card.classList.add('is-loaded'); return; } 1679 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1680 if (img.complete && img.naturalWidth > 0) { mark(); } 1681 else { 1682 img.addEventListener('load', mark, { once: true }); 1683 img.addEventListener('error', mark, { once: true }); 1684 // In case Livewire morph replaces attributes without firing events, poll briefly 1685 var tries = 0; var t = setInterval(function(){ 1686 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1687 }, 100); 1688 } 1689 } catch(_){} 1690 })(document.currentScript); 1691 </script>
1691 1692</a> 1693 </div> 1694 <div class="embla__spacer-end js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div> 1695 </div> 1696 </div> 1697 1698 <div class="mt-4 sm:mt-6"> 1699 <div class="flex items-center justify-center gap-2 overflow-x-auto px-4 -mx-4" id="hc-dots-resources_job_search"></div> 1700 </div> 1701 </div> 1702 1703 1704 1705 1706 </div> 1707 </div> 1708 1709 <!-- Desktop grid --> 1710 <div class="hidden md:block" data-tab-section="job-search-tools"> 1711 <div class="relative md:grid md:grid-cols-2 xl:grid-cols-4 md:gap-6" data-desktop-results data-tab="job-search-tools"> 1712 <div x-show="0 < visibleJobSearch"> 1713 <a href="https://www.military2career.com/resources/the-employers-youre-skipping-could-have-the-job-you-want" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1714 <div class="h-48 bg-black bg-center bg-cover"> 1715 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/J3wcLefs2wzrRW5JJkPkpMid30tENZ6ONeKm81RJ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1716 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1717 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1718 /> 1719 </div> 1720 <div class="p-6"> 1721 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Employers Youâre Skipping Could Have the Job You Want</h3> 1722 <div class="flex justify-between items-center text-sm"> 1723 <span class="text-white/70">Sep 30, 2026</span> 1724 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1725 </div> 1726 </div> 1727 <div class="ta-card-overlay" aria-hidden="true"></div> 1728
1728<script> 1729 (function(s){ 1730 try { 1731 var card = s.closest('.ta-resource-card'); 1732 if (!card) return; 1733 var img = card.querySelector('img'); 1734 if (!img) { card.classList.add('is-loaded'); return; } 1735 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1736 if (img.complete && img.naturalWidth > 0) { mark(); } 1737 else { 1738 img.addEventListener('load', mark, { once: true }); 1739 img.addEventListener('error', mark, { once: true }); 1740 // In case Livewire morph replaces attributes without firing events, poll briefly 1741 var tries = 0; var t = setInterval(function(){ 1742 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1743 }, 100); 1744 } 1745 } catch(_){} 1746 })(document.currentScript); 1747 </script>
1747 1748</a> 1749 </div> 1750 <div x-show="1 < visibleJobSearch"> 1751 <a href="https://www.military2career.com/resources/the-company-is-real-is-the-recruiter" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1752 <div class="h-48 bg-black bg-center bg-cover"> 1753 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/3bzclrXWPHZemKnRcDNhPfEB4zW40JIKrenTHYhg.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1754 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1755 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1756 /> 1757 </div> 1758 <div class="p-6"> 1759 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Company Is Real. Is the Recruiter?</h3> 1760 <div class="flex justify-between items-center text-sm"> 1761 <span class="text-white/70">Sep 24, 2026</span> 1762 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1763 </div> 1764 </div> 1765 <div class="ta-card-overlay" aria-hidden="true"></div> 1766
1766<script> 1767 (function(s){ 1768 try { 1769 var card = s.closest('.ta-resource-card'); 1770 if (!card) return; 1771 var img = card.querySelector('img'); 1772 if (!img) { card.classList.add('is-loaded'); return; } 1773 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1774 if (img.complete && img.naturalWidth > 0) { mark(); } 1775 else { 1776 img.addEventListener('load', mark, { once: true }); 1777 img.addEventListener('error', mark, { once: true }); 1778 // In case Livewire morph replaces attributes without firing events, poll briefly 1779 var tries = 0; var t = setInterval(function(){ 1780 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1781 }, 100); 1782 } 1783 } catch(_){} 1784 })(document.currentScript); 1785 </script>
1785 1786</a> 1787 </div> 1788 <div x-show="2 < visibleJobSearch"> 1789 <a href="https://www.military2career.com/resources/a-salary-range-is-not-a-promise-how-to-read-pay-in-a-job-posting" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1790 <div class="h-48 bg-black bg-center bg-cover"> 1791 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/9SvuuEzrL72YXkGsXPeov4OyZsCEKhfdQ8UMig4F.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1792 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1793 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1794 /> 1795 </div> 1796 <div class="p-6"> 1797 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">A Salary Range Is Not a Promise: How to Read Pay in a Job Posting</h3> 1798 <div class="flex justify-between items-center text-sm"> 1799 <span class="text-white/70">Sep 3, 2026</span> 1800 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1801 </div> 1802 </div> 1803 <div class="ta-card-overlay" aria-hidden="true"></div> 1804
1804<script> 1805 (function(s){ 1806 try { 1807 var card = s.closest('.ta-resource-card'); 1808 if (!card) return; 1809 var img = card.querySelector('img'); 1810 if (!img) { card.classList.add('is-loaded'); return; } 1811 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1812 if (img.complete && img.naturalWidth > 0) { mark(); } 1813 else { 1814 img.addEventListener('load', mark, { once: true }); 1815 img.addEventListener('error', mark, { once: true }); 1816 // In case Livewire morph replaces attributes without firing events, poll briefly 1817 var tries = 0; var t = setInterval(function(){ 1818 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1819 }, 100); 1820 } 1821 } catch(_){} 1822 })(document.currentScript); 1823 </script>
1823 1824</a> 1825 </div> 1826 <div x-show="3 < visibleJobSearch"> 1827 <a href="https://www.military2career.com/resources/you-got-the-offer-when-should-you-stop-applying" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1828 <div class="h-48 bg-black bg-center bg-cover"> 1829 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/SKmpw4KeRWtt4ZTX2JdtKZk0J7KFNDtSMKZm0kyh.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1830 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1831 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1832 /> 1833 </div> 1834 <div class="p-6"> 1835 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">You Got the Offer. When Should You Stop Applying?</h3> 1836 <div class="flex justify-between items-center text-sm"> 1837 <span class="text-white/70">Aug 26, 2026</span> 1838 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1839 </div> 1840 </div> 1841 <div class="ta-card-overlay" aria-hidden="true"></div> 1842
1842<script> 1843 (function(s){ 1844 try { 1845 var card = s.closest('.ta-resource-card'); 1846 if (!card) return; 1847 var img = card.querySelector('img'); 1848 if (!img) { card.classList.add('is-loaded'); return; } 1849 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1850 if (img.complete && img.naturalWidth > 0) { mark(); } 1851 else { 1852 img.addEventListener('load', mark, { once: true }); 1853 img.addEventListener('error', mark, { once: true }); 1854 // In case Livewire morph replaces attributes without firing events, poll briefly 1855 var tries = 0; var t = setInterval(function(){ 1856 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1857 }, 100); 1858 } 1859 } catch(_){} 1860 })(document.currentScript); 1861 </script>
1861 1862</a> 1863 </div> 1864 <div x-show="4 < visibleJobSearch"> 1865 <a href="https://www.military2career.com/resources/is-this-a-skills-test-or-free-work-how-to-evaluate-take-home-assignments" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1866 <div class="h-48 bg-black bg-center bg-cover"> 1867 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/xwJZWSiGqUrrB9eYVjWjUN9NB6N9rjyKDvYidaCD.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1868 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1869 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1870 /> 1871 </div> 1872 <div class="p-6"> 1873 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Is This a Skills Test or Free Work? How to Evaluate Take-Home Assignments</h3> 1874 <div class="flex justify-between items-center text-sm"> 1875 <span class="text-white/70">Aug 20, 2026</span> 1876 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1877 </div> 1878 </div> 1879 <div class="ta-card-overlay" aria-hidden="true"></div> 1880
1880<script> 1881 (function(s){ 1882 try { 1883 var card = s.closest('.ta-resource-card'); 1884 if (!card) return; 1885 var img = card.querySelector('img'); 1886 if (!img) { card.classList.add('is-loaded'); return; } 1887 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1888 if (img.complete && img.naturalWidth > 0) { mark(); } 1889 else { 1890 img.addEventListener('load', mark, { once: true }); 1891 img.addEventListener('error', mark, { once: true }); 1892 // In case Livewire morph replaces attributes without firing events, poll briefly 1893 var tries = 0; var t = setInterval(function(){ 1894 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1895 }, 100); 1896 } 1897 } catch(_){} 1898 })(document.currentScript); 1899 </script>
1899 1900</a> 1901 </div> 1902 <div x-show="5 < visibleJobSearch"> 1903 <a href="https://www.military2career.com/resources/how-to-prove-your-soft-skills-in-a-job-interview" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1904 <div class="h-48 bg-black bg-center bg-cover"> 1905 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/ExXWSYwgkHJLDCpcS4LmwagXPk71nzbFRquwzGIA.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1906 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1907 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1908 /> 1909 </div> 1910 <div class="p-6"> 1911 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Prove Your Soft Skills in a Job Interview</h3> 1912 <div class="flex justify-between items-center text-sm"> 1913 <span class="text-white/70">Aug 14, 2026</span> 1914 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1915 </div> 1916 </div> 1917 <div class="ta-card-overlay" aria-hidden="true"></div> 1918
1918<script> 1919 (function(s){ 1920 try { 1921 var card = s.closest('.ta-resource-card'); 1922 if (!card) return; 1923 var img = card.querySelector('img'); 1924 if (!img) { card.classList.add('is-loaded'); return; } 1925 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1926 if (img.complete && img.naturalWidth > 0) { mark(); } 1927 else { 1928 img.addEventListener('load', mark, { once: true }); 1929 img.addEventListener('error', mark, { once: true }); 1930 // In case Livewire morph replaces attributes without firing events, poll briefly 1931 var tries = 0; var t = setInterval(function(){ 1932 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1933 }, 100); 1934 } 1935 } catch(_){} 1936 })(document.currentScript); 1937 </script>
1937 1938</a> 1939 </div> 1940 <div x-show="6 < visibleJobSearch"> 1941 <a href="https://www.military2career.com/resources/how-to-answer-how-do-you-use-ai-at-work-interview" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1942 <div class="h-48 bg-black bg-center bg-cover"> 1943 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/q65s4A1OgXZTjQH0MbdeUdQ66kxoJo2q3vNBFeZC.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1944 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1945 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1946 /> 1947 </div> 1948 <div class="p-6"> 1949 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Answer âHow Do You Use AI at Work?â</h3> 1950 <div class="flex justify-between items-center text-sm"> 1951 <span class="text-white/70">Aug 4, 2026</span> 1952 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1953 </div> 1954 </div> 1955 <div class="ta-card-overlay" aria-hidden="true"></div> 1956
1956<script> 1957 (function(s){ 1958 try { 1959 var card = s.closest('.ta-resource-card'); 1960 if (!card) return; 1961 var img = card.querySelector('img'); 1962 if (!img) { card.classList.add('is-loaded'); return; } 1963 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 1964 if (img.complete && img.naturalWidth > 0) { mark(); } 1965 else { 1966 img.addEventListener('load', mark, { once: true }); 1967 img.addEventListener('error', mark, { once: true }); 1968 // In case Livewire morph replaces attributes without firing events, poll briefly 1969 var tries = 0; var t = setInterval(function(){ 1970 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 1971 }, 100); 1972 } 1973 } catch(_){} 1974 })(document.currentScript); 1975 </script>
1975 1976</a> 1977 </div> 1978 <div x-show="7 < visibleJobSearch"> 1979 <a href="https://www.military2career.com/resources/targeting-teams-not-just-companies" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 1980 <div class="h-48 bg-black bg-center bg-cover"> 1981 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/T7CzHCBFKR7xrz9vXULib3sFEsDN2fXbmcjyo0r6.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 1982 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1983 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 1984 /> 1985 </div> 1986 <div class="p-6"> 1987 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Targeting Teams, Not Just Companies</h3> 1988 <div class="flex justify-between items-center text-sm"> 1989 <span class="text-white/70">Jul 28, 2026</span> 1990 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 1991 </div> 1992 </div> 1993 <div class="ta-card-overlay" aria-hidden="true"></div> 1994
1994<script> 1995 (function(s){ 1996 try { 1997 var card = s.closest('.ta-resource-card'); 1998 if (!card) return; 1999 var img = card.querySelector('img'); 2000 if (!img) { card.classList.add('is-loaded'); return; } 2001 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2002 if (img.complete && img.naturalWidth > 0) { mark(); } 2003 else { 2004 img.addEventListener('load', mark, { once: true }); 2005 img.addEventListener('error', mark, { once: true }); 2006 // In case Livewire morph replaces attributes without firing events, poll briefly 2007 var tries = 0; var t = setInterval(function(){ 2008 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2009 }, 100); 2010 } 2011 } catch(_){} 2012 })(document.currentScript); 2013 </script>
2013 2014</a> 2015 </div> 2016 </div> 2017 </div> 2018 2019 <!-- Load More (Desktop only) --> 2020 </div> 2021 </div> 2022 2023 <!-- Recruiter Insights Tab --> 2024 <div x-show="contentTab === 'recruiter-insights'" x-cloak 2025 x-transition:enter="transition-opacity ease-out duration-300" 2026 x-transition:enter-start="opacity-0" 2027 x-transition:enter-end="opacity-100"> 2028 <div class="relative"> 2029 <!-- Mobile Carousel with dots --> 2030 <div class="md:hidden" data-mobile-results data-tab="recruiter-insights"> 2031 <div class="min-h-[360px]" x-data="{ 2032 get visibleItems() { return mobileVisibleRecruiter; }, 2033 get totalItems() { return 8; }, 2034 get dotsCount() { return Math.min(10, this.totalItems); }, 2035 get itemsPerDot() { return Math.ceil(this.visibleItems / this.dotsCount); } 2036 }"> 2037 <div class="relative w-full" id="hc-wrapper-resources_recruiter" data-keep-dots="1" data-items-count="10" data-gap="16"> 2038 <button type="button" id="hc-left-resources_recruiter" 2039 class="absolute left-4 md:left-4 lg:-left-16 xl:-left-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-0 invisible" 2040 aria-label="Scroll left"> 2041 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 2042 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" /> 2043 </svg> 2044 </button> 2045 <button type="button" id="hc-right-resources_recruiter" 2046 class="absolute right-4 md:right-4 lg:-right-16 xl:-right-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-100 visible" 2047 aria-label="Scroll right"> 2048 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 2049 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> 2050 </svg> 2051 </button> 2052 2053 <div class="embla__viewport overflow-hidden" style="touch-action: pan-y; -webkit-overflow-scrolling: touch;"> 2054 <div class="embla__container flex transition-transform duration-300 ease-out px-0" style="gap: 16px"> 2055 2056 <div class="embla__spacer-start js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div> 2057 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2058 x-transition:enter="transition ease-out duration-300" 2059 x-transition:enter-start="opacity-0 transform scale-95" 2060 x-transition:enter-end="opacity-100 transform scale-100"> 2061 <a href="https://www.military2career.com/resources/candidates-know-your-brand-do-they-know-your-jobs" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2062 <div class="h-48 bg-black bg-center bg-cover"> 2063 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/MOMzXM3u3e0RH8M7NLYhiM3Sp4SucejMQR9QPQWy.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2064 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2065 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2066 /> 2067 </div> 2068 <div class="p-6"> 2069 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">
2069Candidates Know Your Brand. Do They Know Your Jobs?</h3> 2070 <div class="flex justify-between items-center text-sm"> 2071 <span class="text-white/70">Sep 24, 2026</span> 2072 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2073 </div> 2074 </div> 2075 <div class="ta-card-overlay" aria-hidden="true"></div> 2076
2076<script> 2077 (function(s){ 2078 try { 2079 var card = s.closest('.ta-resource-card'); 2080 if (!card) return; 2081 var img = card.querySelector('img'); 2082 if (!img) { card.classList.add('is-loaded'); return; } 2083 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2084 if (img.complete && img.naturalWidth > 0) { mark(); } 2085 else { 2086 img.addEventListener('load', mark, { once: true }); 2087 img.addEventListener('error', mark, { once: true }); 2088 // In case Livewire morph replaces attributes without firing events, poll briefly 2089 var tries = 0; var t = setInterval(function(){ 2090 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2091 }, 100); 2092 } 2093 } catch(_){} 2094 })(document.currentScript); 2095 </script>
2095 2096</a> 2097 </div> 2098 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2099 x-transition:enter="transition ease-out duration-300" 2100 x-transition:enter-start="opacity-0 transform scale-95" 2101 x-transition:enter-end="opacity-100 transform scale-100"> 2102 <a href="https://www.military2career.com/resources/before-q4-hiring-reconnect-with-candidates-you-already-know" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2103 <div class="h-48 bg-black bg-center bg-cover"> 2104 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/p0vXV3grCHD5yKQ1odnjQ1IZ8i3kSFjPXDep9N4t.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2105 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2106 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2107 /> 2108 </div> 2109 <div class="p-6"> 2110 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Before Q4 Hiring, Reconnect With Candidates You Already Know</h3> 2111 <div class="flex justify-between items-center text-sm"> 2112 <span class="text-white/70">Sep 15, 2026</span> 2113 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2114 </div> 2115 </div> 2116 <div class="ta-card-overlay" aria-hidden="true"></div> 2117
2117<script> 2118 (function(s){ 2119 try { 2120 var card = s.closest('.ta-resource-card'); 2121 if (!card) return; 2122 var img = card.querySelector('img'); 2123 if (!img) { card.classList.add('is-loaded'); return; } 2124 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2125 if (img.complete && img.naturalWidth > 0) { mark(); } 2126 else { 2127 img.addEventListener('load', mark, { once: true }); 2128 img.addEventListener('error', mark, { once: true }); 2129 // In case Livewire morph replaces attributes without firing events, poll briefly 2130 var tries = 0; var t = setInterval(function(){ 2131 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2132 }, 100); 2133 } 2134 } catch(_){} 2135 })(document.currentScript); 2136 </script>
2136 2137</a> 2138 </div> 2139 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2140 x-transition:enter="transition ease-out duration-300" 2141 x-transition:enter-start="opacity-0 transform scale-95" 2142 x-transition:enter-end="opacity-100 transform scale-100"> 2143 <a href="https://www.military2career.com/resources/the-role-changed-during-the-hiring-process-should-the-requisition-change-too" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2144 <div class="h-48 bg-black bg-center bg-cover"> 2145 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/XAI4VhRS7YX20rJ88JocxUs0V1nqeUuw9gIU5EBJ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2146 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2147 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2148 /> 2149 </div> 2150 <div class="p-6"> 2151 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Role Changed During the Hiring Process. Should the Requisition Change Too?</h3> 2152 <div class="flex justify-between items-center text-sm"> 2153 <span class="text-white/70">Sep 9, 2026</span> 2154 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2155 </div> 2156 </div> 2157 <div class="ta-card-overlay" aria-hidden="true"></div> 2158
2158<script> 2159 (function(s){ 2160 try { 2161 var card = s.closest('.ta-resource-card'); 2162 if (!card) return; 2163 var img = card.querySelector('img'); 2164 if (!img) { card.classList.add('is-loaded'); return; } 2165 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2166 if (img.complete && img.naturalWidth > 0) { mark(); } 2167 else { 2168 img.addEventListener('load', mark, { once: true }); 2169 img.addEventListener('error', mark, { once: true }); 2170 // In case Livewire morph replaces attributes without firing events, poll briefly 2171 var tries = 0; var t = setInterval(function(){ 2172 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2173 }, 100); 2174 } 2175 } catch(_){} 2176 })(document.currentScript); 2177 </script>
2177 2178</a> 2179 </div> 2180 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2181 x-transition:enter="transition ease-out duration-300" 2182 x-transition:enter-start="opacity-0 transform scale-95" 2183 x-transition:enter-end="opacity-100 transform scale-100"> 2184 <a href="https://www.military2career.com/resources/everyone-looks-qualified-how-can-you-tell-who-can-actually-do-the-job" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2185 <div class="h-48 bg-black bg-center bg-cover"> 2186 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/sdbTUYOkkBSuBipiFiQS37addE3eOvaIXv7MJIlj.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2187 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2188 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2189 /> 2190 </div> 2191 <div class="p-6"> 2192 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Everyone Looks Qualified. How Can You Tell Who Can Actually Do the Job?</h3> 2193 <div class="flex justify-between items-center text-sm"> 2194 <span class="text-white/70">Aug 26, 2026</span> 2195 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2196 </div> 2197 </div> 2198 <div class="ta-card-overlay" aria-hidden="true"></div> 2199
2199<script> 2200 (function(s){ 2201 try { 2202 var card = s.closest('.ta-resource-card'); 2203 if (!card) return; 2204 var img = card.querySelector('img'); 2205 if (!img) { card.classList.add('is-loaded'); return; } 2206 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2207 if (img.complete && img.naturalWidth > 0) { mark(); } 2208 else { 2209 img.addEventListener('load', mark, { once: true }); 2210 img.addEventListener('error', mark, { once: true }); 2211 // In case Livewire morph replaces attributes without firing events, poll briefly 2212 var tries = 0; var t = setInterval(function(){ 2213 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2214 }, 100); 2215 } 2216 } catch(_){} 2217 })(document.currentScript); 2218 </script>
2218 2219</a> 2220 </div> 2221 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2222 x-transition:enter="transition ease-out duration-300" 2223 x-transition:enter-start="opacity-0 transform scale-95" 2224 x-transition:enter-end="opacity-100 transform scale-100"> 2225 <a href="https://www.military2career.com/resources/hiring-in-different-cities-your-recruiting-strategy-should-change-too" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2226 <div class="h-48 bg-black bg-center bg-cover"> 2227 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/cTxB2bp4EzKzehzHOk1qacvx9xv6PZ0ejl0Xx99K.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2228 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2229 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2230 /> 2231 </div> 2232 <div class="p-6"> 2233 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Hiring in Different Cities? Your Recruiting Strategy Should Change Too</h3> 2234 <div class="flex justify-between items-center text-sm"> 2235 <span class="text-white/70">Aug 20, 2026</span> 2236 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2237 </div> 2238 </div> 2239 <div class="ta-card-overlay" aria-hidden="true"></div> 2240
2240<script> 2241 (function(s){ 2242 try { 2243 var card = s.closest('.ta-resource-card'); 2244 if (!card) return; 2245 var img = card.querySelector('img'); 2246 if (!img) { card.classList.add('is-loaded'); return; } 2247 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2248 if (img.complete && img.naturalWidth > 0) { mark(); } 2249 else { 2250 img.addEventListener('load', mark, { once: true }); 2251 img.addEventListener('error', mark, { once: true }); 2252 // In case Livewire morph replaces attributes without firing events, poll briefly 2253 var tries = 0; var t = setInterval(function(){ 2254 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2255 }, 100); 2256 } 2257 } catch(_){} 2258 })(document.currentScript); 2259 </script>
2259 2260</a> 2261 </div> 2262 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2263 x-transition:enter="transition ease-out duration-300" 2264 x-transition:enter-start="opacity-0 transform scale-95" 2265 x-transition:enter-end="opacity-100 transform scale-100"> 2266 <a href="https://www.military2career.com/resources/the-hidden-cost-of-keeping-a-job-requisition-open" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2267 <div class="h-48 bg-black bg-center bg-cover"> 2268 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/IPbKmvOD4o7ZmHwif9NcUSGTLYInhOp3gEFGur7f.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2269 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2270 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2271 /> 2272 </div> 2273 <div class="p-6"> 2274 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Hidden Cost of Keeping a Job Requisition Open</h3> 2275 <div class="flex justify-between items-center text-sm"> 2276 <span class="text-white/70">Aug 14, 2026</span> 2277 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2278 </div> 2279 </div> 2280 <div class="ta-card-overlay" aria-hidden="true"></div> 2281
2281<script> 2282 (function(s){ 2283 try { 2284 var card = s.closest('.ta-resource-card'); 2285 if (!card) return; 2286 var img = card.querySelector('img'); 2287 if (!img) { card.classList.add('is-loaded'); return; } 2288 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2289 if (img.complete && img.naturalWidth > 0) { mark(); } 2290 else { 2291 img.addEventListener('load', mark, { once: true }); 2292 img.addEventListener('error', mark, { once: true }); 2293 // In case Livewire morph replaces attributes without firing events, poll briefly 2294 var tries = 0; var t = setInterval(function(){ 2295 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2296 }, 100); 2297 } 2298 } catch(_){} 2299 })(document.currentScript); 2300 </script>
2300 2301</a> 2302 </div> 2303 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2304 x-transition:enter="transition ease-out duration-300" 2305 x-transition:enter-start="opacity-0 transform scale-95" 2306 x-transition:enter-end="opacity-100 transform scale-100"> 2307 <a href="https://www.military2career.com/resources/beyond-attendance-how-to-create-better-candidate-engagement-at-career-fairs" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2308 <div class="h-48 bg-black bg-center bg-cover"> 2309 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/2lHFE4S6WHYvvXbV4ioMhXb5umHiBuO8BCuWeBfZ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2310 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2311 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2312 /> 2313 </div> 2314 <div class="p-6"> 2315 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Beyond Attendance: How to Create Better Candidate Engagement at Career Fairs</h3> 2316 <div class="flex justify-between items-center text-sm"> 2317 <span class="text-white/70">Aug 4, 2026</span> 2318 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2319 </div> 2320 </div> 2321 <div class="ta-card-overlay" aria-hidden="true"></div> 2322
2322<script> 2323 (function(s){ 2324 try { 2325 var card = s.closest('.ta-resource-card'); 2326 if (!card) return; 2327 var img = card.querySelector('img'); 2328 if (!img) { card.classList.add('is-loaded'); return; } 2329 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2330 if (img.complete && img.naturalWidth > 0) { mark(); } 2331 else { 2332 img.addEventListener('load', mark, { once: true }); 2333 img.addEventListener('error', mark, { once: true }); 2334 // In case Livewire morph replaces attributes without firing events, poll briefly 2335 var tries = 0; var t = setInterval(function(){ 2336 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2337 }, 100); 2338 } 2339 } catch(_){} 2340 })(document.currentScript); 2341 </script>
2341 2342</a> 2343 </div> 2344 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2345 x-transition:enter="transition ease-out duration-300" 2346 x-transition:enter-start="opacity-0 transform scale-95" 2347 x-transition:enter-end="opacity-100 transform scale-100"> 2348 <a href="https://www.military2career.com/resources/how-inclusive-hiring-improves-retention-and-performance" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2349 <div class="h-48 bg-black bg-center bg-cover"> 2350 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/1glFNchXF2uBzUJBTvSYahN7ZbyHeaoQczov2co5.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2351 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2352 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2353 /> 2354 </div> 2355 <div class="p-6"> 2356 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How Inclusive Hiring Improves Retention and Performance</h3> 2357 <div class="flex justify-between items-center text-sm"> 2358 <span class="text-white/70">Jul 28, 2026</span> 2359 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2360 </div> 2361 </div> 2362 <div class="ta-card-overlay" aria-hidden="true"></div> 2363
2363<script> 2364 (function(s){ 2365 try { 2366 var card = s.closest('.ta-resource-card'); 2367 if (!card) return; 2368 var img = card.querySelector('img'); 2369 if (!img) { card.classList.add('is-loaded'); return; } 2370 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2371 if (img.complete && img.naturalWidth > 0) { mark(); } 2372 else { 2373 img.addEventListener('load', mark, { once: true }); 2374 img.addEventListener('error', mark, { once: true }); 2375 // In case Livewire morph replaces attributes without firing events, poll briefly 2376 var tries = 0; var t = setInterval(function(){ 2377 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2378 }, 100); 2379 } 2380 } catch(_){} 2381 })(document.currentScript); 2382 </script>
2382 2383</a> 2384 </div> 2385 <div class="embla__spacer-end js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div> 2386 </div> 2387 </div> 2388 2389 <div class="mt-4 sm:mt-6"> 2390 <div class="flex items-center justify-center gap-2 overflow-x-auto px-4 -mx-4" id="hc-dots-resources_recruiter"></div> 2391 </div> 2392 </div> 2393 2394 2395 2396 2397 </div> 2398 </div> 2399 2400 <!-- Desktop grid --> 2401 <div class="hidden md:block" data-tab-section="recruiter-insights"> 2402 <div class="relative md:grid md:grid-cols-2 xl:grid-cols-4 md:gap-6" data-desktop-results data-tab="recruiter-insights"> 2403 <div x-show="0 < visibleRecruiter"> 2404 <a href="https://www.military2career.com/resources/candidates-know-your-brand-do-they-know-your-jobs" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2405 <div class="h-48 bg-black bg-center bg-cover"> 2406 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/MOMzXM3u3e0RH8M7NLYhiM3Sp4SucejMQR9QPQWy.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2407 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2408 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2409 /> 2410 </div> 2411 <div class="p-6"> 2412 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Candidates Know Your Brand. Do They Know Your Jobs?</h3> 2413 <div class="flex justify-between items-center text-sm"> 2414 <span class="text-white/70">Sep 24, 2026</span> 2415 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2416 </div> 2417 </div> 2418 <div class="ta-card-overlay" aria-hidden="true"></div> 2419
2419<script> 2420 (function(s){ 2421 try { 2422 var card = s.closest('.ta-resource-card'); 2423 if (!card) return; 2424 var img = card.querySelector('img'); 2425 if (!img) { card.classList.add('is-loaded'); return; } 2426 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2427 if (img.complete && img.naturalWidth > 0) { mark(); } 2428 else { 2429 img.addEventListener('load', mark, { once: true }); 2430 img.addEventListener('error', mark, { once: true }); 2431 // In case Livewire morph replaces attributes without firing events, poll briefly 2432 var tries = 0; var t = setInterval(function(){ 2433 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2434 }, 100); 2435 } 2436 } catch(_){} 2437 })(document.currentScript); 2438 </script>
2438 2439</a> 2440 </div> 2441 <div x-show="1 < visibleRecruiter"> 2442 <a href="https://www.military2career.com/resources/before-q4-hiring-reconnect-with-candidates-you-already-know" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2443 <div class="h-48 bg-black bg-center bg-cover"> 2444 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/p0vXV3grCHD5yKQ1odnjQ1IZ8i3kSFjPXDep9N4t.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2445 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2446 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2447 /> 2448 </div> 2449 <div class="p-6"> 2450 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Before Q4 Hiring, Reconnect With Candidates You Already Know</h3> 2451 <div class="flex justify-between items-center text-sm"> 2452 <span class="text-white/70">Sep 15, 2026</span> 2453 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2454 </div> 2455 </div> 2456 <div class="ta-card-overlay" aria-hidden="true"></div> 2457
2457<script> 2458 (function(s){ 2459 try { 2460 var card = s.closest('.ta-resource-card'); 2461 if (!card) return; 2462 var img = card.querySelector('img'); 2463 if (!img) { card.classList.add('is-loaded'); return; } 2464 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2465 if (img.complete && img.naturalWidth > 0) { mark(); } 2466 else { 2467 img.addEventListener('load', mark, { once: true }); 2468 img.addEventListener('error', mark, { once: true }); 2469 // In case Livewire morph replaces attributes without firing events, poll briefly 2470 var tries = 0; var t = setInterval(function(){ 2471 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2472 }, 100); 2473 } 2474 } catch(_){} 2475 })(document.currentScript); 2476 </script>
2476 2477</a> 2478 </div> 2479 <div x-show="2 < visibleRecruiter"> 2480 <a href="https://www.military2career.com/resources/the-role-changed-during-the-hiring-process-should-the-requisition-change-too" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2481 <div class="h-48 bg-black bg-center bg-cover"> 2482 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/XAI4VhRS7YX20rJ88JocxUs0V1nqeUuw9gIU5EBJ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2483 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2484 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2485 /> 2486 </div> 2487 <div class="p-6"> 2488 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Role Changed During the Hiring Process. Should the Requisition Change Too?</h3> 2489 <div class="flex justify-between items-center text-sm"> 2490 <span class="text-white/70">Sep 9, 2026</span> 2491 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2492 </div> 2493 </div> 2494 <div class="ta-card-overlay" aria-hidden="true"></div> 2495
2495<script> 2496 (function(s){ 2497 try { 2498 var card = s.closest('.ta-resource-card'); 2499 if (!card) return; 2500 var img = card.querySelector('img'); 2501 if (!img) { card.classList.add('is-loaded'); return; } 2502 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2503 if (img.complete && img.naturalWidth > 0) { mark(); } 2504 else { 2505 img.addEventListener('load', mark, { once: true }); 2506 img.addEventListener('error', mark, { once: true }); 2507 // In case Livewire morph replaces attributes without firing events, poll briefly 2508 var tries = 0; var t = setInterval(function(){ 2509 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2510 }, 100); 2511 } 2512 } catch(_){} 2513 })(document.currentScript); 2514 </script>
2514 2515</a> 2516 </div> 2517 <div x-show="3 < visibleRecruiter"> 2518 <a href="https://www.military2career.com/resources/everyone-looks-qualified-how-can-you-tell-who-can-actually-do-the-job" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2519 <div class="h-48 bg-black bg-center bg-cover"> 2520 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/sdbTUYOkkBSuBipiFiQS37addE3eOvaIXv7MJIlj.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2521 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2522 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2523 /> 2524 </div> 2525 <div class="p-6"> 2526 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Everyone Looks Qualified. How Can You Tell Who Can Actually Do the Job?</h3> 2527 <div class="flex justify-between items-center text-sm"> 2528 <span class="text-white/70">Aug 26, 2026</span> 2529 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2530 </div> 2531 </div> 2532 <div class="ta-card-overlay" aria-hidden="true"></div> 2533
2533<script> 2534 (function(s){ 2535 try { 2536 var card = s.closest('.ta-resource-card'); 2537 if (!card) return; 2538 var img = card.querySelector('img'); 2539 if (!img) { card.classList.add('is-loaded'); return; } 2540 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2541 if (img.complete && img.naturalWidth > 0) { mark(); } 2542 else { 2543 img.addEventListener('load', mark, { once: true }); 2544 img.addEventListener('error', mark, { once: true }); 2545 // In case Livewire morph replaces attributes without firing events, poll briefly 2546 var tries = 0; var t = setInterval(function(){ 2547 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2548 }, 100); 2549 } 2550 } catch(_){} 2551 })(document.currentScript); 2552 </script>
2552 2553</a> 2554 </div> 2555 <div x-show="4 < visibleRecruiter"> 2556 <a href="https://www.military2career.com/resources/hiring-in-different-cities-your-recruiting-strategy-should-change-too" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2557 <div class="h-48 bg-black bg-center bg-cover"> 2558 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/cTxB2bp4EzKzehzHOk1qacvx9xv6PZ0ejl0Xx99K.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2559 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2560 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2561 /> 2562 </div> 2563 <div class="p-6"> 2564 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Hiring in Different Cities? Your Recruiting Strategy Should Change Too</h3> 2565 <div class="flex justify-between items-center text-sm"> 2566 <span class="text-white/70">Aug 20, 2026</span> 2567 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2568 </div> 2569 </div> 2570 <div class="ta-card-overlay" aria-hidden="true"></div> 2571
2571<script> 2572 (function(s){ 2573 try { 2574 var card = s.closest('.ta-resource-card'); 2575 if (!card) return; 2576 var img = card.querySelector('img'); 2577 if (!img) { card.classList.add('is-loaded'); return; } 2578 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2579 if (img.complete && img.naturalWidth > 0) { mark(); } 2580 else { 2581 img.addEventListener('load', mark, { once: true }); 2582 img.addEventListener('error', mark, { once: true }); 2583 // In case Livewire morph replaces attributes without firing events, poll briefly 2584 var tries = 0; var t = setInterval(function(){ 2585 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2586 }, 100); 2587 } 2588 } catch(_){} 2589 })(document.currentScript); 2590 </script>
2590 2591</a> 2592 </div> 2593 <div x-show="5 < visibleRecruiter"> 2594 <a href="https://www.military2career.com/resources/the-hidden-cost-of-keeping-a-job-requisition-open" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2595 <div class="h-48 bg-black bg-center bg-cover"> 2596 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/IPbKmvOD4o7ZmHwif9NcUSGTLYInhOp3gEFGur7f.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2597 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2598 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2599 /> 2600 </div> 2601 <div class="p-6"> 2602 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Hidden Cost of Keeping a Job Requisition Open</h3> 2603 <div class="flex justify-between items-center text-sm"> 2604 <span class="text-white/70">Aug 14, 2026</span> 2605 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2606 </div> 2607 </div> 2608 <div class="ta-card-overlay" aria-hidden="true"></div> 2609
2609<script> 2610 (function(s){ 2611 try { 2612 var card = s.closest('.ta-resource-card'); 2613 if (!card) return; 2614 var img = card.querySelector('img'); 2615 if (!img) { card.classList.add('is-loaded'); return; } 2616 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2617 if (img.complete && img.naturalWidth > 0) { mark(); } 2618 else { 2619 img.addEventListener('load', mark, { once: true }); 2620 img.addEventListener('error', mark, { once: true }); 2621 // In case Livewire morph replaces attributes without firing events, poll briefly 2622 var tries = 0; var t = setInterval(function(){ 2623 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2624 }, 100); 2625 } 2626 } catch(_){} 2627 })(document.currentScript); 2628 </script>
2628 2629</a> 2630 </div> 2631 <div x-show="6 < visibleRecruiter"> 2632 <a href="https://www.military2career.com/resources/beyond-attendance-how-to-create-better-candidate-engagement-at-career-fairs" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2633 <div class="h-48 bg-black bg-center bg-cover"> 2634 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/2lHFE4S6WHYvvXbV4ioMhXb5umHiBuO8BCuWeBfZ.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2635 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2636 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2637 /> 2638 </div> 2639 <div class="p-6"> 2640 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Beyond Attendance: How to Create Better Candidate Engagement at Career Fairs</h3> 2641 <div class="flex justify-between items-center text-sm"> 2642 <span class="text-white/70">Aug 4, 2026</span> 2643 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2644 </div> 2645 </div> 2646 <div class="ta-card-overlay" aria-hidden="true"></div> 2647
2647<script> 2648 (function(s){ 2649 try { 2650 var card = s.closest('.ta-resource-card'); 2651 if (!card) return; 2652 var img = card.querySelector('img'); 2653 if (!img) { card.classList.add('is-loaded'); return; } 2654 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2655 if (img.complete && img.naturalWidth > 0) { mark(); } 2656 else { 2657 img.addEventListener('load', mark, { once: true }); 2658 img.addEventListener('error', mark, { once: true }); 2659 // In case Livewire morph replaces attributes without firing events, poll briefly 2660 var tries = 0; var t = setInterval(function(){ 2661 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2662 }, 100); 2663 } 2664 } catch(_){} 2665 })(document.currentScript); 2666 </script>
2666 2667</a> 2668 </div> 2669 <div x-show="7 < visibleRecruiter"> 2670 <a href="https://www.military2career.com/resources/how-inclusive-hiring-improves-retention-and-performance" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2671 <div class="h-48 bg-black bg-center bg-cover"> 2672 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/1glFNchXF2uBzUJBTvSYahN7ZbyHeaoQczov2co5.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2673 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2674 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2675 /> 2676 </div> 2677 <div class="p-6"> 2678 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How Inclusive Hiring Improves Retention and Performance</h3> 2679 <div class="flex justify-between items-center text-sm"> 2680 <span class="text-white/70">Jul 28, 2026</span> 2681 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2682 </div> 2683 </div> 2684 <div class="ta-card-overlay" aria-hidden="true"></div> 2685
2685<script> 2686 (function(s){ 2687 try { 2688 var card = s.closest('.ta-resource-card'); 2689 if (!card) return; 2690 var img = card.querySelector('img'); 2691 if (!img) { card.classList.add('is-loaded'); return; } 2692 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2693 if (img.complete && img.naturalWidth > 0) { mark(); } 2694 else { 2695 img.addEventListener('load', mark, { once: true }); 2696 img.addEventListener('error', mark, { once: true }); 2697 // In case Livewire morph replaces attributes without firing events, poll briefly 2698 var tries = 0; var t = setInterval(function(){ 2699 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2700 }, 100); 2701 } 2702 } catch(_){} 2703 })(document.currentScript); 2704 </script>
2704 2705</a> 2706 </div> 2707 </div> 2708 </div> 2709 2710 <!-- Load More (Desktop only) --> 2711 </div> 2712 </div> 2713 2714 <!-- Workplace Resources Tab --> 2715 <div x-show="contentTab === 'workplace-resources'" x-cloak 2716 x-transition:enter="transition-opacity ease-out duration-300" 2717 x-transition:enter-start="opacity-0" 2718 x-transition:enter-end="opacity-100"> 2719 <div class="relative"> 2720 <!-- Mobile Carousel with dots --> 2721 <div class="md:hidden" data-mobile-results data-tab="workplace-resources"> 2722 <div class="min-h-[360px]" x-data="{ 2723 get visibleItems() { return mobileVisibleWorkplace; }, 2724 get totalItems() { return 8; }, 2725 get dotsCount() { return Math.min(10, this.totalItems); }, 2726 get itemsPerDot() { return Math.ceil(this.visibleItems / this.dotsCount); } 2727 }"> 2728 <div class="relative w-full" id="hc-wrapper-resources_workplace" data-keep-dots="1" data-items-count="10" data-gap="16"> 2729 <button type="button" id="hc-left-resources_workplace" 2730 class="absolute left-4 md:left-4 lg:-left-16 xl:-left-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-0 invisible" 2731 aria-label="Scroll left"> 2732 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 2733 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" /> 2734 </svg> 2735 </button> 2736 <button type="button" id="hc-right-resources_workplace" 2737 class="absolute right-4 md:right-4 lg:-right-16 xl:-right-20 top-1/2 -translate-y-1/2 z-30 bg-white/90 backdrop-blur-sm rounded-full p-2 md:p-3 shadow-lg ring-1 ring-gray-300 hover:shadow-xl transition-all duration-300 hover:scale-110 cursor-pointer opacity-100 visible" 2738 aria-label="Scroll right"> 2739 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6 text-[var(--primary-color)]" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 2740 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> 2741 </svg> 2742 </button> 2743 2744 <div class="embla__viewport overflow-hidden" style="touch-action: pan-y; -webkit-overflow-scrolling: touch;"> 2745 <div class="embla__container flex transition-transform duration-300 ease-out px-0" style="gap: 16px"> 2746 2747 <div class="embla__spacer-start js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div> 2748 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2749 x-transition:enter="transition ease-out duration-300" 2750 x-transition:enter-start="opacity-0 transform scale-95" 2751 x-transition:enter-end="opacity-100 transform scale-100"> 2752 <a href="https://www.military2career.com/resources/do-tattoos-affect-job-opportunities" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group"> 2753 <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/XgweXyDwcVFEZzpZI0rS0GPurKBkDCNhdrtJTuHN.jpg');"></div> 2754 <div class="p-6"> 2755 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Do tattoos, unnatural hair, piercings (etc.) ruin job opportunities?</h3> 2756 <div class="flex justify-between items-center text-sm">
2757 <span class="text-white/70">Dec 8, 2025</span> 2758 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2759 </div> 2760 </div> 2761 </a> 2762 </div> 2763 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2764 x-transition:enter="transition ease-out duration-300" 2765 x-transition:enter-start="opacity-0 transform scale-95" 2766 x-transition:enter-end="opacity-100 transform scale-100"> 2767 <a href="https://www.military2career.com/resources/how-culture-decay-happens-and-how-to-stop-it" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group"> 2768 <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/77TLiZTuTy1YbLeEvvneCvwUiBvk6jERumiUVnrt.jpg');"></div> 2769 <div class="p-6"> 2770 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How Culture âDecayâ Happens â and How to Stop It</h3> 2771 <div class="flex justify-between items-center text-sm"> 2772 <span class="text-white/70">Dec 1, 2025</span> 2773 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2774 </div> 2775 </div> 2776 </a> 2777 </div> 2778 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2779 x-transition:enter="transition ease-out duration-300" 2780 x-transition:enter-start="opacity-0 transform scale-95" 2781 x-transition:enter-end="opacity-100 transform scale-100"> 2782 <a href="https://www.military2career.com/resources/the-art-of-saying-no-at-work-without-damaging-relationships" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group"> 2783 <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/gVPDGsv69AzNxsfJp2qjvW96ouYtDRwz442z9PTr.png');"></div> 2784 <div class="p-6"> 2785 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Art of Saying No at Work Without Damaging Relationships</h3> 2786 <div class="flex justify-between items-center text-sm"> 2787 <span class="text-white/70">Nov 6, 2025</span> 2788 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2789 </div> 2790 </div> 2791 </a> 2792 </div> 2793 <div class="js-carousel-card
2793w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2794 x-transition:enter="transition ease-out duration-300" 2795 x-transition:enter-start="opacity-0 transform scale-95" 2796 x-transition:enter-end="opacity-100 transform scale-100"> 2797 <a href="https://www.military2career.com/resources/how-to-organize-your-workday-for-maximum-efficiency" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group"> 2798 <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/GCR7WZMagpordZbojqeTgTHYYIEewtkiZDoSKc9r.png');"></div> 2799 <div class="p-6"> 2800 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Organize Your Workday for Maximum Efficiency</h3> 2801 <div class="flex justify-between items-center text-sm"> 2802 <span class="text-white/70">Oct 22, 2025</span> 2803 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2804 </div> 2805 </div> 2806 </a> 2807 </div> 2808 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2809 x-transition:enter="transition ease-out duration-300" 2810 x-transition:enter-start="opacity-0 transform scale-95" 2811 x-transition:enter-end="opacity-100 transform scale-100"> 2812 <a href="https://www.military2career.com/resources/strengthening-corporate-responsibility-through-strategic-partnerships" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group"> 2813 <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/hZ08RYYlfXNlXJME8tXNI0VfuAUNi0zjTZHp3gPh.png');"></div> 2814 <div class="p-6"> 2815 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Micro-Break Method: How Short Pauses Improve Your Workday</h3> 2816 <div class="flex justify-between items-center text-sm"> 2817 <span class="text-white/70">Oct 10, 2025</span> 2818 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2819 </div> 2820 </div> 2821 </a> 2822 </div> 2823 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2824 x-transition:enter="transition ease-out duration-300" 2825 x-transition:enter-start="opacity-0 transform scale-95" 2826 x-transition:enter-end="opacity-100 transform scale-100"> 2827 <a href="https://www.military2career.com/resources/how-to-write-job-titles-that-get-clicks" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focu
2827s:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group"> 2828 <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/NW8f9H6PypgLSaylfg6OScDbWNW75HMTXcE2BSat.png');"></div> 2829 <div class="p-6"> 2830 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Write a Job Title That Gets ClicksâAnd the Right Applicants</h3> 2831 <div class="flex justify-between items-center text-sm"> 2832 <span class="text-white/70">Aug 28, 2025</span> 2833 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2834 </div> 2835 </div> 2836 </a> 2837 </div> 2838 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2839 x-transition:enter="transition ease-out duration-300" 2840 x-transition:enter-start="opacity-0 transform scale-95" 2841 x-transition:enter-end="opacity-100 transform scale-100"> 2842 <a href="https://www.military2career.com/resources/15-ways-leaders-can-more-effectively-manage-gen-z-workers" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group"> 2843 <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.us-east-1.amazonaws.com/shared/resources/uploads/LinkedIn-Newsletter-Image-24.png');"></div> 2844 <div class="p-6"> 2845 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">
284515 Ways Leaders Can More Effectively Manage Gen-Z Workers</h3> 2846 <div class="flex justify-between items-center text-sm"> 2847 <span class="text-white/70">Apr 17, 2025</span> 2848 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2849 </div> 2850 </div> 2851 </a> 2852 </div> 2853 <div class="js-carousel-card w-full flex-shrink-0 px-8" style="min-width:320px;max-width:320px;" 2854 x-transition:enter="transition ease-out duration-300" 2855 x-transition:enter-start="opacity-0 transform scale-95" 2856 x-transition:enter-end="opacity-100 transform scale-100"> 2857 <a href="https://www.military2career.com/resources/top-6-things-to-do-when-you-start-a-new-job" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group"> 2858 <div class="h-48 bg-black rounded-t-2xl bg-center bg-cover" style="background-image: url('https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/GqnKZbtpPAybZWM5Ed1Z2y4v0oibm7qPnisEO4Tl.png');"></div> 2859 <div class="p-6"> 2860 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Top 6 Things to Do When You Start a New Job</h3> 2861 <div class="flex justify-between items-center text-sm"> 2862 <span class="text-white/70">Aug 28, 2024</span> 2863 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2864 </div> 2865 </div> 2866 </a> 2867 </div> 2868 <div class="embla__spacer-end js-carousel-spacer block md:hidden" aria-hidden="true" style="width:0"></div> 2869 </div> 2870 </div> 2871 2872 <div class="mt-4 sm:mt-6"> 2873 <div class="flex items-center justify-center gap-2 overflow-x-auto px-4 -mx-4" id="hc-dots-resources_workplace"></div> 2874 </div> 2875 </div> 2876 2877 2878 2879 2880 </div> 2881 </div> 2882 2883 <!-- Desktop grid --> 2884 <div class="hidden md:block" data-tab-section="workplace-resources"> 2885 <div class="relative md:grid md:grid-cols-2 xl:grid-cols-4 md:gap-6" data-desktop-results data-tab="workplace-resources"> 2886 <div x-show="0 < visibleWorkplace"> 2887 <a href="https://www.military2career.com/resources/do-tattoos-affect-job-opportunities" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2888 <div class="h-48 bg-black bg-center bg-cover"> 2889 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/XgweXyDwcVFEZzpZI0rS0GPurKBkDCNhdrtJTuHN.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2890 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2891 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2892 /> 2893 </div> 2894 <div class="p-6"> 2895 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Do tattoos, unnatural hair, piercings (etc.) ruin job opportunities?</h3> 2896 <div class="flex justify-between items-center text-sm">
2897 <span class="text-white/70">Dec 8, 2025</span> 2898 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2899 </div> 2900 </div> 2901 <div class="ta-card-overlay" aria-hidden="true"></div> 2902
2902<script> 2903 (function(s){ 2904 try { 2905 var card = s.closest('.ta-resource-card'); 2906 if (!card) return; 2907 var img = card.querySelector('img'); 2908 if (!img) { card.classList.add('is-loaded'); return; } 2909 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2910 if (img.complete && img.naturalWidth > 0) { mark(); } 2911 else { 2912 img.addEventListener('load', mark, { once: true }); 2913 img.addEventListener('error', mark, { once: true }); 2914 // In case Livewire morph replaces attributes without firing events, poll briefly 2915 var tries = 0; var t = setInterval(function(){ 2916 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2917 }, 100); 2918 } 2919 } catch(_){} 2920 })(document.currentScript); 2921 </script>
2921 2922</a> 2923 </div> 2924 <div x-show="1 < visibleWorkplace"> 2925 <a href="https://www.military2career.com/resources/how-culture-decay-happens-and-how-to-stop-it" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2926 <div class="h-48 bg-black bg-center bg-cover"> 2927 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/77TLiZTuTy1YbLeEvvneCvwUiBvk6jERumiUVnrt.jpg" alt="" loading="lazy" class="w-full h-48 object-cover" 2928 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2929 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2930 /> 2931 </div> 2932 <div class="p-6"> 2933 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How Culture âDecayâ Happens â and How to Stop It</h3> 2934 <div class="flex justify-between items-center text-sm"> 2935 <span class="text-white/70">Dec 1, 2025</span> 2936 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2937 </div> 2938 </div> 2939 <div class="ta-card-overlay" aria-hidden="true"></div> 2940
2940<script> 2941 (function(s){ 2942 try { 2943 var card = s.closest('.ta-resource-card'); 2944 if (!card) return; 2945 var img = card.querySelector('img'); 2946 if (!img) { card.classList.add('is-loaded'); return; } 2947 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2948 if (img.complete && img.naturalWidth > 0) { mark(); } 2949 else { 2950 img.addEventListener('load', mark, { once: true }); 2951 img.addEventListener('error', mark, { once: true }); 2952 // In case Livewire morph replaces attributes without firing events, poll briefly 2953 var tries = 0; var t = setInterval(function(){ 2954 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2955 }, 100); 2956 } 2957 } catch(_){} 2958 })(document.currentScript); 2959 </script>
2959 2960</a> 2961 </div> 2962 <div x-show="2 < visibleWorkplace"> 2963 <a href="https://www.military2career.com/resources/the-art-of-saying-no-at-work-without-damaging-relationships" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 2964 <div class="h-48 bg-black bg-center bg-cover"> 2965 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/gVPDGsv69AzNxsfJp2qjvW96ouYtDRwz442z9PTr.png" alt="" loading="lazy" class="w-full h-48 object-cover" 2966 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2967 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 2968 /> 2969 </div> 2970 <div class="p-6"> 2971 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Art of Saying No at Work Without Damaging Relationships</h3> 2972 <div class="flex justify-between items-center text-sm"> 2973 <span class="text-white/70">Nov 6, 2025</span> 2974 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 2975 </div> 2976 </div> 2977 <div class="ta-card-overlay" aria-hidden="true"></div> 2978
2978<script> 2979 (function(s){ 2980 try { 2981 var card = s.closest('.ta-resource-card'); 2982 if (!card) return; 2983 var img = card.querySelector('img'); 2984 if (!img) { card.classList.add('is-loaded'); return; } 2985 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 2986 if (img.complete && img.naturalWidth > 0) { mark(); } 2987 else { 2988 img.addEventListener('load', mark, { once: true }); 2989 img.addEventListener('error', mark, { once: true }); 2990 // In case Livewire morph replaces attributes without firing events, poll briefly 2991 var tries = 0; var t = setInterval(function(){ 2992 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 2993 }, 100); 2994 } 2995 } catch(_){} 2996 })(document.currentScript); 2997 </script>
2997 2998</a> 2999 </div> 3000 <div x-show="3 < visibleWorkplace"> 3001 <a href="https://www.military2career.com/resources/how-to-organize-your-workday-for-maximum-efficiency" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 3002 <div class="h-48 bg-black bg-center bg-cover"> 3003 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/GCR7WZMagpordZbojqeTgTHYYIEewtkiZDoSKc9r.png" alt="" loading="lazy" class="w-full h-48 object-cover" 3004 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3005 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3006 /> 3007 </div> 3008 <div class="p-6"> 3009 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Organize Your Workday for Maximum Efficiency</h3> 3010 <div class="flex justify-between items-center text-sm"> 3011 <span class="text-white/70">Oct 22, 2025</span> 3012 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 3013 </div> 3014 </div> 3015 <div class="ta-card-overlay" aria-hidden="true"></div> 3016
3016<script> 3017 (function(s){ 3018 try { 3019 var card = s.closest('.ta-resource-card'); 3020 if (!card) return; 3021 var img = card.querySelector('img'); 3022 if (!img) { card.classList.add('is-loaded'); return; } 3023 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 3024 if (img.complete && img.naturalWidth > 0) { mark(); } 3025 else { 3026 img.addEventListener('load', mark, { once: true }); 3027 img.addEventListener('error', mark, { once: true }); 3028 // In case Livewire morph replaces attributes without firing events, poll briefly 3029 var tries = 0; var t = setInterval(function(){ 3030 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 3031 }, 100); 3032 } 3033 } catch(_){} 3034 })(document.currentScript); 3035 </script>
3035 3036</a> 3037 </div> 3038 <div x-show="4 < visibleWorkplace"> 3039 <a href="https://www.military2career.com/resources/strengthening-corporate-responsibility-through-strategic-partnerships" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 3040 <div class="h-48 bg-black bg-center bg-cover"> 3041 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/hZ08RYYlfXNlXJME8tXNI0VfuAUNi0zjTZHp3gPh.png" alt="" loading="lazy" class="w-full h-48 object-cover" 3042 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3043 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3044 /> 3045 </div> 3046 <div class="p-6"> 3047 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">The Micro-Break Method: How Short Pauses Improve Your Workday</h3> 3048 <div class="flex justify-between items-center text-sm"> 3049 <span class="text-white/70">Oct 10, 2025</span> 3050 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 3051 </div> 3052 </div> 3053 <div class="ta-card-overlay" aria-hidden="true"></div> 3054
3054<script> 3055 (function(s){ 3056 try { 3057 var card = s.closest('.ta-resource-card'); 3058 if (!card) return; 3059 var img = card.querySelector('img'); 3060 if (!img) { card.classList.add('is-loaded'); return; } 3061 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 3062 if (img.complete && img.naturalWidth > 0) { mark(); } 3063 else { 3064 img.addEventListener('load', mark, { once: true }); 3065 img.addEventListener('error', mark, { once: true }); 3066 // In case Livewire morph replaces attributes without firing events, poll briefly 3067 var tries = 0; var t = setInterval(function(){ 3068 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 3069 }, 100); 3070 } 3071 } catch(_){} 3072 })(document.currentScript); 3073 </script>
3073 3074</a> 3075 </div> 3076 <div x-show="5 < visibleWorkplace"> 3077 <a href="https://www.military2career.com/resources/how-to-write-job-titles-that-get-clicks" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 3078 <div class="h-48 bg-black bg-center bg-cover"> 3079 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/NW8f9H6PypgLSaylfg6OScDbWNW75HMTXcE2BSat.png" alt="" loading="lazy" class="w-full h-48 object-cover" 3080 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3081 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3082 /> 3083 </div> 3084 <div class="p-6"> 3085 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">How to Write a Job Title That Gets ClicksâAnd the Right Applicants</h3> 3086 <div class="flex justify-between items-center text-sm"> 3087 <span class="text-white/70">Aug 28, 2025</span> 3088 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 3089 </div> 3090 </div> 3091 <div class="ta-card-overlay" aria-hidden="true"></div> 3092
3092<script> 3093 (function(s){ 3094 try { 3095 var card = s.closest('.ta-resource-card'); 3096 if (!card) return; 3097 var img = card.querySelector('img'); 3098 if (!img) { card.classList.add('is-loaded'); return; } 3099 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 3100 if (img.complete && img.naturalWidth > 0) { mark(); } 3101 else { 3102 img.addEventListener('load', mark, { once: true }); 3103 img.addEventListener('error', mark, { once: true }); 3104 // In case Livewire morph replaces attributes without firing events, poll briefly 3105 var tries = 0; var t = setInterval(function(){ 3106 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 3107 }, 100); 3108 } 3109 } catch(_){} 3110 })(document.currentScript); 3111 </script>
3111 3112</a> 3113 </div> 3114 <div x-show="6 < visibleWorkplace"> 3115 <a href="https://www.military2career.com/resources/15-ways-leaders-can-more-effectively-manage-gen-z-workers" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 3116 <div class="h-48 bg-black bg-center bg-cover"> 3117 <img src="https://pdn-job-boards.s3.us-east-1.amazonaws.com/shared/resources/uploads/LinkedIn-Newsletter-Image-24.png" alt="" loading="lazy" class="w-full h-48 object-cover" 3118 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3119 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3120 /> 3121 </div> 3122 <div class="p-6"> 3123 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">
312315 Ways Leaders Can More Effectively Manage Gen-Z Workers</h3> 3124 <div class="flex justify-between items-center text-sm"> 3125 <span class="text-white/70">Apr 17, 2025</span> 3126 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 3127 </div> 3128 </div> 3129 <div class="ta-card-overlay" aria-hidden="true"></div> 3130
3130<script> 3131 (function(s){ 3132 try { 3133 var card = s.closest('.ta-resource-card'); 3134 if (!card) return; 3135 var img = card.querySelector('img'); 3136 if (!img) { card.classList.add('is-loaded'); return; } 3137 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 3138 if (img.complete && img.naturalWidth > 0) { mark(); } 3139 else { 3140 img.addEventListener('load', mark, { once: true }); 3141 img.addEventListener('error', mark, { once: true }); 3142 // In case Livewire morph replaces attributes without firing events, poll briefly 3143 var tries = 0; var t = setInterval(function(){ 3144 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 3145 }, 100); 3146 } 3147 } catch(_){} 3148 })(document.currentScript); 3149 </script>
3149 3150</a> 3151 </div> 3152 <div x-show="7 < visibleWorkplace"> 3153 <a href="https://www.military2career.com/resources/top-6-things-to-do-when-you-start-a-new-job" class="block bg-white/10 backdrop-blur-sm rounded-2xl border border-white/20 overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black group ta-resource-card" data-card> 3154 <div class="h-48 bg-black bg-center bg-cover"> 3155 <img src="https://pdn-job-boards.s3.amazonaws.com/shared/resources/uploads/GqnKZbtpPAybZWM5Ed1Z2y4v0oibm7qPnisEO4Tl.png" alt="" loading="lazy" class="w-full h-48 object-cover" 3156 onload="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3157 onerror="this.closest('.ta-resource-card')?.classList.add('is-loaded')" 3158 /> 3159 </div> 3160 <div class="p-6"> 3161 <h3 class="font-semibold text-lg mb-4 line-clamp-2 group-hover:underline">Top 6 Things to Do When You Start a New Job</h3> 3162 <div class="flex justify-between items-center text-sm"> 3163 <span class="text-white/70">Aug 28, 2024</span> 3164 <span class="font-medium group-hover:text-[#CFF8D9] transition-colors">Read More</span> 3165 </div> 3166 </div> 3167 <div class="ta-card-overlay" aria-hidden="true"></div> 3168
3168<script> 3169 (function(s){ 3170 try { 3171 var card = s.closest('.ta-resource-card'); 3172 if (!card) return; 3173 var img = card.querySelector('img'); 3174 if (!img) { card.classList.add('is-loaded'); return; } 3175 function mark(){ try { card.classList.add('is-loaded'); } catch(_){} } 3176 if (img.complete && img.naturalWidth > 0) { mark(); } 3177 else { 3178 img.addEventListener('load', mark, { once: true }); 3179 img.addEventListener('error', mark, { once: true }); 3180 // In case Livewire morph replaces attributes without firing events, poll briefly 3181 var tries = 0; var t = setInterval(function(){ 3182 if ((img.complete && img.naturalWidth > 0) || ++tries > 20) { clearInterval(t); mark(); } 3183 }, 100); 3184 } 3185 } catch(_){} 3186 })(document.currentScript); 3187 </script>
3187 3188</a> 3189 </div> 3190 </div> 3191 </div> 3192 3193 <!-- Load More (Desktop only) --> 3194 </div> 3195 </div> 3196 </div> <!-- /#resources-content --> 3197 3198 3199 <!-- AI Tools Content --> 3200 <div x-show="contentTab === 'ai-tools'" x-cloak 3201 x-transition:enter="transition-opacity ease-out duration-300" 3202 x-transition:enter-start="opacity-0" 3203 x-transition:enter-end="opacity-100"> 3204 <div class="space-y-12"> 3205 <!-- Resume AI Tool --> 3206 <div class="flex flex-col lg:flex-row items-center gap-8 lg:gap-12"> 3207 <!-- Image --> 3208 <div class="w-full lg:w-1/2"> 3209 <img src="https://pdn-job-boards.s3.us-east-1.amazonaws.com/talent-ally/AI+-+Resume.jpg" alt="AI Resume Tool" class="hidden lg:block w-full h-64 lg:h-80 object-cover rounded-3xl"> 3210 </div> 3211 3212 <!-- Content --> 3213 <div class="w-full lg:w-1/2 text-center lg:text-left"> 3214 <h2 class="text-3xl lg:text-4xl font-bold text-[#CFF8D9] mb-6"> 3215 Supercharge Your Resume with AI 3216 </h2> 3217 <p class="text-white/90 text-lg leading-relaxed mb-8"> 3218 Boost your resume with AI-driven enhancements. Our tool analyzes and refines your content, highlighting your strengths and tailoring it for maximum impact. Get personalised suggestions and apply improvements instantly to stand out in the job market. 3219 </p> 3220 <a href="https://interview.talentally.com/cv-upload"> 3221 <button 3222 name="resources-button" 3223 class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]" name="resources-button"> 3224 Improve Your Resume 3225</button> 3226 3227 </a> 3228 </div> 3229 </div> 3230 3231 <!-- Interview AI Tool --> 3232 <div class="flex flex-col lg:flex-row items-center gap-8 lg:gap-12"> 3233 <!-- Image --> 3234 <div class="w-full lg:w-1/2"> 3235 <img src="https://pdn-job-boards.s3.us-east-1.amazonaws.com/talent-ally/AI+-+Interview.jpg" alt="AI Interview Tool" class="hidden lg:block w-full h-64 lg:h-80 object-cover rounded-3xl"> 3236 </div> 3237 3238 <!-- Content --> 3239 <div class="w-full lg:w-1/2 text-center lg:text-left"> 3240 <h2 class="text-3xl lg:text-4xl font-bold text-[#CFF8D9] mb-6"> 3241 Personalized Interview Feedback 3242 </h2> 3243 <p class="text-white/90 text-lg leading-relaxed mb-8"> 3244 Enhance your interview skills with AI-powered virtual video interview practice. Get comfortable talking to hiring managers, receive personalized feedback on areas for improvement, sharpen your ability to answer the most common questions, and build confidence in formulating strong responses on the spot. As more companies shift toward AI-driven or virtual interviews, mastering this skill now can give you a competitive edge in your job search. 3245 </p> 3246 <a href="https://interview.talentally.com/start"> 3247 <button 3248 name="resources-button" 3249 class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]" name="resources-button"> 3250 Practice Interviewing Now 3251</button> 3252 3253 </a> 3254 </div> 3255 </div> 3256 </div> 3257 </div> 3258 </div> 3259 </div> 3260 3261 3262 <div class="mt-2 mb-12 md:hidden"> 3263 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-center"> 3264 <a href="https://www.military2career.com/resources"> 3265 <button 3266 name="resources-button" 3267 class="cursor-pointer min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#CFF8D9] text-black stroke-black hover:bg-[#F5EADB] disabled:bg-[#AEAEAE]" name="resources-button"> 3268 All Resources 3269</button> 3270 3271 </a> 3272 </div> 3273 </div> 3274 3275 3276 <div class="w-full h-2 bg-[#CFF8D9]"></div> 3277</div> 3278 3279 3280 </div> 3281 </div> 3282 </main> 3283 <div class="w-full mt-[64px] px-[16px] lg:px-[66px] flex-col justify-start items-start gap-16 inline-flex">
3284 <div class="self-stretch justify-between items-start inline-flex flex-col lg:flex-row"> 3285 <div class="self-stretch flex-col justify-between items-start inline-flex"> 3286 <div class="justify-center items-start gap-[9.78px] inline-flex"> 3287 <svg width="35" height="36" viewBox="0 0 35 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 3288 <g id="Group"> 3289 <g id="Group_2"> 3290 <path id="Vector" 3291 d="M26.6725 0.654297H7.79075C3.48915 0.654297 0 4.14344 0 8.44505V27.3299C0 31.6315 3.48915 35.1207 7.79075 35.1207H26.6756C30.9772 35.1207 34.4664 31.6315 34.4664 27.3299V8.44505C34.4632 4.14344 30.9772 0.654297 26.6725 0.654297Z" 3292 fill="#FFDE59"/> 3293 <g id="Group_3"> 3294 <g id="Group_4"> 3295 <path id="Vector_2" 3296 d="M22.8338 12.7405L11.9632 21.1012C11.5129 21.4476 10.9146 21.5421 10.3793 21.3468L4.93456 19.3787C4.60705 19.259 4.58816 18.8024 4.90622 18.6575L26.7732 8.73486C27.0944 8.59 27.4471 8.86712 27.3779 9.21351L23.9296 26.7569C23.8793 27.0088 23.6053 27.1442 23.3754 27.0308L15.5154 23.1764C15.0084 22.9276 14.8698 22.2726 15.232 21.8381L22.8338 12.7405Z" 3297 fill="black"/> 3298 <path id="Vector_3" 3299 d="M13.7078 23.3904L17.0206 25.116C17.2851 25.2546 17.304 25.623 17.0553 25.7868L13.7425 27.9691C13.4842 28.1391 13.141 27.9533 13.141 27.6447V23.7368C13.141 23.4439 13.4496 23.2549 13.7078 23.3904Z" 3300 fill="black"/> 3301 </g> 3302 </g> 3303 </g> 3304 </g> 3305 </svg> 3306 <svg width="216" height="46" viewBox="0 0 216 46" fill="none" xmlns="http://www.w3.org/2000/svg"> 3307 <g id="Group"> 3308 <g id="Group_2"> 3309 <path id="Vector" 3310 d="M13.3936 34.9664C11.734 34.9664 10.2666 34.7019 8.99119 34.176C7.71582 33.6501 6.72387 32.7716 6.02163 31.5434C5.31939 30.3153 4.96984 28.6305 4.96984 26.4923V16.2485H0.80365V10.8384H4.96984L5.68783 4.23169H11.4317V10.8384H17.7991V16.2485H11.4317V26.59C11.4317 27.6764 11.671 28.4259 12.1497 28.8415C12.6283 29.2572 13.4408 29.4651 14.5902 29.4651H17.7015V34.9664H13.3936Z" 3311 fill="#3643E6"/> 3312 <path id="Vector_2" 3313 d="M30.4331 35.5426C28.4555 35.5426 26.8117 35.2151 25.5017 34.5601C24.1917 33.9051 23.2123 33.0297 22.5573 31.9275C21.9023 30.8253 21.5748 29.6066 21.5748 28.2651C21.5748 26.7662 21.9496 25.4562 22.699 24.3414C23.4485 23.2235 24.5885 22.3544 26.1221 21.7309C27.6525 21.1073 29.6018 20.7987 31.9635 20.7987H37.8523C37.8523 19.5864 37.7011 18.5975 37.3988 17.8292C37.0965 17.064 36.6021 16.4877 35.9156 16.1066C35.2291 15.7225 34.3285 15.5335 33.2106 15.5335C31.9982 15.5335 30.9684 15.7886 30.1214 16.2987C29.2743 16.8089 28.7578 17.6245 28.5657 18.7393H22.296C22.4566 16.9852 23.0202 15.4831 23.9965 14.2393C24.9695 12.9954 26.2606 12.0223 27.8729 11.3201C29.4852 10.6179 31.2802 10.2683 33.2578 10.2683C35.522 10.2683 37.4933 10.6431 39.1686 11.3925C40.8439 12.142 42.1192 13.2442 42.9978 14.6959C43.8764 16.1476 44.3141 17.9111 44.3141 19.9863V34.9663H38.9041L38.1861 31.2788C37.8334 31.918 37.4114 32.4912 36.917 33.0013C36.4226 33.5115 35.8463 33.9586 35.1945 34.3428C34.5395 34.727 33.8309 35.0199 33.0626 35.2277C32.3005 35.4387 31.4219 35.5426 30.4331 35.5426ZM32.0139 30.564C32.8106 30.564 33.5381 30.4128 34.1931 30.1105C34.8481 29.8082 35.4149 29.3862 35.8936 28.8414C36.3722 28.2998 36.7564 27.692 37.043 27.0213C37.3295 26.3505 37.5216 25.6168 37.6161 24.8201V24.7728H32.6847C31.6644 24.7728 30.8425 24.8925 30.219 25.1318C29.5955 25.3712 29.142 25.7144 28.8554 26.1616C28.5689 26.6087 28.424 27.1189 28.424 27.
3313692C28.424 28.2998 28.5689 28.8162 28.8554 29.2477C29.142 29.6791 29.564 30.0066 30.1245 30.2302C30.6819 30.4506 31.3117 30.564 32.0139 30.564Z" 3314 fill="#3643E6"/> 3315 <path id="Vector_3" d="M49.3431 34.9664V0.5H55.805V34.9664H49.3431Z" fill="#3643E6"/> 3316 <path id="Vector_4" 3317 d="M72.7501 35.5426C70.3253 35.5426 68.1776 35.0167 66.3103 33.9618C64.4429 32.91 62.9911 31.4488 61.9551 29.5814C60.9191 27.714 60.3995 25.5695 60.3995 23.1416C60.3995 20.6224 60.9191 18.4023 61.9551 16.4877C62.9911 14.573 64.4366 13.0583 66.2882 11.9404C68.1398 10.8225 70.2938 10.2651 72.7501 10.2651C75.1433 10.2651 77.2343 10.791 79.0198 11.846C80.8053 12.8977 82.1941 14.3117 83.1829 16.0814C84.1717 17.8512 84.6661 19.8855 84.6661 22.1843C84.6661 22.5024 84.6566 22.8613 84.6409 23.2613C84.6251 23.6612 84.5999 24.0674 84.5685 24.4831H65.038V20.5122H78.1538C78.0594 19.0132 77.5083 17.8008 76.5006 16.875C75.496 15.9492 74.2585 15.4863 72.791 15.4863C71.6731 15.4863 70.6622 15.7508 69.7522 16.2767C68.8421 16.8026 68.1178 17.5678 67.573 18.5755C67.0314 19.58 66.7606 20.8491 66.7606 22.3827V23.7714C66.7606 25.0814 67.0062 26.2214 67.5037 27.1944C67.9981 28.1675 68.6909 28.9264 69.5853 29.4681C70.4796 30.0128 71.5156 30.2805 72.6965 30.2805C73.9089 30.2805 74.8914 30.0349 75.6409 29.5373C76.3904 29.0429 76.9729 28.3816 77.3886 27.5503H83.9481C83.5324 29.0492 82.7924 30.4159 81.7217 31.6441C80.651 32.8722 79.3599 33.8295 77.8452 34.516C76.3337 35.1993 74.6332 35.5426 72.7501 35.5426Z" 3318 fill="#3643E6"/> 3319 <path id="Vector_5" 3320 d="M89.0275 34.9663V10.8383H94.7242L95.1556 14.8124C95.9208 13.4079 96.982 12.2994 98.3393 11.487C99.6965 10.6745 101.315 10.2651 103.198 10.2651C105.211 10.2651 106.898 10.6871 108.271 11.5342C109.644 12.3813 110.696 13.6 111.43 15.1966C112.164 16.7931 112.532 18.7392 112.532 21.038V34.9663H106.07V21.6112C106.07 19.728 105.655 18.2763 104.826 17.256C103.995 16.2357 102.735 15.7256 101.044 15.7256C99.9925 15.7256 99.0415 15.9807 98.1944 16.4908C97.3473 17.001 96.686 17.7284 96.2074 18.67C95.7287 19.6115 95.4894 20.7704 95.4894 22.1402V34.9663H89.0275Z" 3321 fill="#3643E6"/> 3322 <path id="Vector_6" 3323 d="M128.473 34.9664C126.813 34.9664 125.346 34.7019 124.07 34.176C122.795 33.6501 121.803 32.7716 121.101 31.5434C120.398 30.3153 120.049 28.6305 120.049 26.4923V16.2485H115.883V10.8384H120.049L120.767 4.23169H126.511V10.8384H132.878V16.2485H126.511V26.59C126.511 27.6764 126.75 28.4259 127.229 28.8415C127.707 29.2572 128.52 29.4651 129.669 29.4651H132.78V34.9664H128.473Z" 3324 fill="#3643E6"/> 3325 <path id="Vector_7" 3326 d="M148.384 35.5426C146.406 35.5426 144.763 35.2151 143.453 34.5601C142.143 33.9051 141.163 33.0297 140.508 31.9275C139.853 30.8253 139.526 29.6066 139.526 28.2651C139.526 26.7662 139.9 25.4562 140.65 24.3414C141.399 23.2235 142.539 22.3544 144.073 21.7309C145.603 21.1073 147.553 20.7987 149.914 20.7987H155.803C155.803 19.5864 155.652 18.5975 155.35 17.8292C155.047 17.064 154.553 16.4877 153.867 16.1066C153.18 15.7225 152.279 15.5335 151.161 15.5335C149.949 15.5335 148.919 15.7886 148.072 16.2987C147.225 16.8089 146.709 17.6245 146.517 18.7393H140.247C140.407 16.9852 140.971 15.4831 141.947 14.2393C142.92 12.9954 144.212 12.0223 145.824 11.3201C147.436 10.6179 149.231 10.2683 151.209 10.2683C153.473 10.2683 155.444 10.6431 157.119 11.3925C158.795 12.142 160.07 13.2442 160.949 14.6959C161.827 16.1476 162.265 17.9111 162.265 19.9863V34.9663H156.855L156.137 31.2788C155.784 31.918 155.362 32.4912 154.868 33.0013C154.373 33.5115 153.797 33.9586 153.145 34.3428C152.49 34.727 151.782 35.0199 151.013 35.2277C150.251 35.4387 149.373 35.5426 148.384 35.5426ZM149.965 30.564C150.762 30.564 151.489 30.4128 152.144 30.1105C152.799 29.8082 153.366 29.3862 153.844 28.8414C154.323 28.2998 154.707 27.692 154.994 27.0213C155.28 26.3505 155.473 25.6168 155.567 24.8201V24.7728H150.636C149.615 24.7728 148.793 24.8925 148.17 25.1318C147.546 25.3712 147.093 25.7144 146.806 26.1616C146.52 26.6087 146.375 27.1189 146.375 27.692C146.375 28.2998 146.52 28.8162 146.806 29.2477C147.093 29.6791 147.515 30.0066 148.075 3
33260.2302C148.633 30.4506 149.263 30.564 149.965 30.564Z" 3327 fill="black"/> 3328 <path id="Vector_8" d="M167.294 34.9664V0.5H173.756V34.9664H167.294Z" fill="black"/> 3329 <path id="Vector_9" d="M179.119 34.9664V0.5H185.581V34.9664H179.119Z" fill="black"/> 3330 <path id="Vector_10" 3331 d="M194.004 45.5L199.846 32.2866H198.41L188.789 10.8416H195.777L202.671 26.3506L208.846 10.8416H215.739L200.85 45.5H194.004Z" 3332 fill="black"/> 3333 </g> 3334 </g> 3335 </svg> 3336 </div> 3337 <div class="flex-col justify-start items-start gap-2.5 flex mt-[32px] lg:mt-0"> 3338 <div class="text-black text-lg font-bold">Follow us:</div> 3339 <div class="justify-start items-start gap-2.5 inline-flex"> 3340 <a href="https://www.linkedin.com/company/talentallyatwork" target="_blank"> 3341 <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex"> 3342 <div class="w-5 h-5 relative"> 3343 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" 3344 fill="none"> 3345 <path 3346 d="M13.3333 6.66675C14.6594 6.66675 15.9312 7.19353 16.8688 8.13121C17.8065 9.0689 18.3333 10.3407 18.3333 11.6667V17.5001H15V11.6667C15 11.2247 14.8244 10.8008 14.5118 10.4882C14.1993 10.1757 13.7753 10.0001 13.3333 10.0001C12.8913 10.0001 12.4674 10.1757 12.1548 10.4882C11.8422 10.8008 11.6666 11.2247 11.6666 11.6667V17.5001H8.33331V11.6667C8.33331 10.3407 8.8601 9.0689 9.79778 8.13121C10.7355 7.19353 12.0072 6.66675 13.3333 6.66675Z" 3347 stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3348 <path d="M5.00002 7.5H1.66669V17.5H5.00002V7.5Z" stroke="white" stroke-width="2" 3349 stroke-linecap="round" stroke-linejoin="round"/> 3350 <path 3351 d="M3.33335 5.00008C4.25383 5.00008 5.00002 4.25389 5.00002 3.33341C5.00002 2.41294 4.25383 1.66675 3.33335 1.66675C2.41288 1.66675 1.66669 2.41294 1.66669 3.33341C1.66669 4.25389 2.41288 5.00008 3.33335 5.00008Z" 3352 stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3353 </svg> 3354 </div> 3355 </div> 3356 </a> 3357 <a href="https://www.facebook.com/talentallyjobs/" target="_blank"> 3358 <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex"> 3359 <div class="w-5 h-5 relative"> 3360 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" 3361 fill="none"> 3362 <path 3363 d="M15 1.66675H12.5C11.3949 1.66675 10.3351 2.10573 9.5537 2.88714C8.7723 3.66854 8.33331 4.72835 8.33331 5.83341V8.33342H5.83331V11.6667H8.33331V18.3334H11.6666V11.6667H14.1666L15 8.33342H11.6666V5.83341C11.6666 5.6124 11.7544 5.40044 11.9107 5.24416C12.067 5.08788 12.279 5.00008 12.5 5.00008H15V1.66675Z" 3364 stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3365 </svg> 3366 </div> 3367 </div> 3368 </a> 3369 <a href="https://www.instagram.com/talentallyjobs/" target="_blank"> 3370 <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex"> 3371 <div class="w-5 h-5 relative"> 3372 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" 3373 fill="none"> 3374 <g clip-path="url(#clip0_3535_148)"> 3375 <path 3376 d="M14.1667 1.66675H5.83332C3.53214 1.66675 1.66666 3.53223 1.66666 5.83342V14.1667C1.66666 16.4679 3.53214 18.3334 5.83332 18.3334H14.1667C16.4678 18.3334 18.3333 16.4679 18.3333 14.1667V5.83342C18.3333 3.53223 16.4678
33761.66675 14.1667 1.66675Z" 3377 stroke="white" stroke-width="2" stroke-linecap="round" 3378 stroke-linejoin="round"/> 3379 <path 3380 d="M13.3333 9.47501C13.4362 10.1685 13.3177 10.8769 12.9948 11.4992C12.6719 12.1215 12.161 12.6262 11.5347 12.9414C10.9084 13.2566 10.1987 13.3663 9.5065 13.255C8.81428 13.1436 8.17481 12.8167 7.67904 12.321C7.18327 11.8252 6.85645 11.1857 6.74507 10.4935C6.63368 9.8013 6.7434 9.09159 7.05862 8.46532C7.37383 7.83905 7.8785 7.32812 8.50083 7.00521C9.12316 6.68229 9.83147 6.56383 10.525 6.66667C11.2324 6.77158 11.8874 7.10123 12.3931 7.60693C12.8988 8.11263 13.2284 8.76757 13.3333 9.47501Z" 3381 stroke="white" stroke-width="2" stroke-linecap="round" 3382 stroke-linejoin="round"/> 3383 <path d="M14.5833 5.41675H14.5917" stroke="white" stroke-width="2" 3384 stroke-linecap="round" stroke-linejoin="round"/> 3385 </g> 3386 <defs> 3387 <clipPath id="clip0_3535_148"> 3388 <rect width="20" height="20" fill="white"/> 3389 </clipPath> 3390 </defs> 3391 </svg> 3392 </div> 3393 </div> 3394 </a> 3395 <a href="https://www.tiktok.com/@talentally" target="_blank"> 3396 <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex"> 3397 <div class="w-5 h-5 relative"> 3398 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" 3399 fill="none"> 3400 <path 3401 d="M16.0265 7.12695C17.0929 7.38245 18.2148 7.30645 19.2383 6.90795V9.86145C18.2148 10.2435 17.0929 10.32 16.0265 10.065V14.25C16.0265 17.145 13.6535 19.5 10.7363 19.5C7.81906 19.5 5.44606 17.145 5.44606 14.25C5.44606 11.355 7.81906 9 10.7363 9V12C9.47956 12 8.46406 13.005 8.46406 14.25C8.46406 15.495 9.47956 16.5 10.7363 16.5C11.993 16.5 13.0085 15.495 13.0085 14.25V0.75H16.0265V7.12695Z" 3402 stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3403 </svg> 3404 </div> 3405 </div> 3406 </a> 3407 </div> 3408 </div> 3409 </div> 3410 <div class="justify-center items-start gap-16 lg:gap-32 flex flex-wrap mt-[64px] lg:mt-0"> 3411 <div class="w-full lg:w-auto flex-col justify-start items-start gap-8 inline-flex"> 3412 <div class="text-black text-xl font-bold">Company:</div> 3413 <div class="flex-col justify-start items-start gap-6 flex"> 3414 <div class="text-black text-base font-normal"><a href="https://talentally.com/about-us">About TalentAlly</a></div> 3415 <div class="text-black text-base font-normal"><a href="https://ipdn.com/about.html" target="_blank">About IPDN</a></div> 3416 <div class="text-black text-base font-normal"><a href="https://investor.ipdn.com/" target="_blank">Investor Relations</a></div> 3417 </div> 3418 </div> 3419 <div class="w-full lg:w-auto flex-col justify-start items-start gap-8 inline-flex"> 3420 <div class="text-black text-xl font-bold">Site Resources:</div> 3421 <div class="flex-col justify-start items-start gap-6 flex"> 3422 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/terms-of-service">Terms of Services</a></div> 3423 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/privacy">Privacy Policy</a></div> 3424 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/support" target="_blank">Support Request</a></div> 3425 </div> 3426 </div> 3427 <div class="w-full lg:w-auto flex-col justify-start items-start gap-8 inline-flex"> 3428 <div class="text-black text-xl font-bold">For Employers:</div> 3429 <div class="flex-col justify-start items-start gap-6 flex"> 3430 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/post-a-job">Post a Job</a></div> 3431 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/contact">Contact an Associate</a></div> 3432 <div class="text-black text-base font-normal"><a href="https://talentally.com/partners">Our Partners</a></div> 3433 </div> 3434 </div> 3435 </div> 3436 </div>
3437 <div class="self-stretch py-8 border-t border-stone-300 justify-between items-center inline-flex gap-[16px] lg:gap-0 flex-col lg:flex-row"> 3438 <div class="text-black text-base font-normal">©2026 TalentAlly.</div> 3439 <div><span class="text-black text-base font-normal">Powered by </span><span 3440 class="text-black text-base font-normal underline"><a href="https://talentally.com">TalentAlly</a>.</span></div> 3441 </div> 3442</div> 3443 </div> 3444 3445 <div x-cloak> 3446 </div> 3447 3448
3448<script src="https://www.military2career.com/vendor/livewire/livewire.min.js?id=bd51a0a6" data-csrf="4wfGTdyiL6k3NJYinjVUhGtqxxdSnzpyf1pudrFp" data-update-uri="/livewire/update" data-navigate-once="true"></script>
3448 3449
3449<script> 3450 window.__talentallyNavigatePending = window.__talentallyNavigatePending || false; 3451 3452 function ensureJobDetailsAfterNavigate() { 3453 try { 3454 const currentUrl = new URL(window.location.href); 3455 const jobIdParam = currentUrl.searchParams.get('jobId'); 3456 3457 if (!jobIdParam) { 3458 return; 3459 } 3460 3461 const parsed = parseInt(jobIdParam, 10); 3462 const jobId = Number.isNaN(parsed) ? jobIdParam : parsed; 3463 3464 const attemptLoad = (retries = 40) => { 3465 const root = document.querySelector('[x-data^="findJobsController"]'); 3466 const controller = root && root.__x && root.__x.$data ? root.__x.$data : null; 3467 3468 if (!controller) { 3469 if (retries > 0) { 3470 setTimeout(() => attemptLoad(retries - 1), 50); 3471 } 3472 3473 return; 3474 } 3475 3476 const previousJobId = controller.jobId; 3477 3478 controller.jobId = jobId; 3479 controller.lastJobId = jobId; 3480 3481 if (controller.wire && typeof controller.wire.set === 'function' && previousJobId !== jobId) { 3482 controller.wire.set('jobId', jobId); 3483 } 3484 3485 if (typeof controller.loadSelectedJobSafely === 'function') { 3486 controller.loadSelectedJobSafely(); 3487 } 3488 3489 if (typeof controller.refreshAds === 'function') { 3490 controller.refreshAds(); 3491 } 3492 }; 3493 3494 attemptLoad(); 3495 } catch (error) { 3496 // swallow â navigation proceeds even if job detail hydration fails 3497 } 3498 } 3499 3500 document.addEventListener('livewire:navigate', () => { 3501 window.__talentallyNavigatePending = true; 3502 }); 3503 3504 // Refresh GPT ads and re-init widgets on Livewire client-side navigation 3505 document.addEventListener('livewire:navigated', () => { 3506 const navigatedViaSpa = window.__talentallyNavigatePending; 3507 window.__talentallyNavigatePending = false; 3508 3509 if (navigatedViaSpa) { 3510 ensureJobDetailsAfterNavigate(); 3511 } 3512 3513 try { 3514 if (window.googletag && googletag.pubads) { 3515 googletag.cmd.push(function() { 3516 setTimeout(function() { 3517 googletag.pubads().refresh(); 3518 }, 150); 3519 }); 3520 } 3521 } catch (e) { 3522 // ignore 3523 } 3524 // Rebind header dropdowns after SPA navigation 3525 try { 3526 if (typeof window.initHeaderDropdowns === 'function') { 3527 window.initHeaderDropdowns(document); 3528 } 3529 } catch (e) { 3530 // ignore 3531 } 3532 try { 3533 if (window.initMonthPickers) { 3534 window.initMonthPickers(document, true); 3535 } 3536 } catch (e) { 3537 // ignore 3538 } 3539 3540 // After SPA navigation to job search, auto-select first job on desktop if none selected 3541 try { 3542 const isJobs = window.location.pathname.startsWith('/jobs'); 3543 if (isJobs && window.innerWidth >= 1024) { 3544 const start = Date.now(); 3545 const maxMs = 2500; 3546 const url = new URL(window.location.href); 3547 const trySelect = () => { 3548 if (url.searchParams.get('jobId')) return true; 3549 const details = document.querySelector('[wire\\:key="job-details"]'); 3550 const first = document.querySelector('[wire\\:key*="result_"]'); 3551 if (details && first && window.Livewire && typeof Livewire.find === 'function') {
3552 const key = first.getAttribute('wire:key') || ''; 3553 const match = key.match(/result_(\d+)/); 3554 if (match && match[1]) { 3555 const id = parseInt(match[1]); 3556 const compId = details.getAttribute('wire:id'); 3557 const comp = compId ? Livewire.find(compId) : null; 3558 if (comp && typeof comp.call === 'function') { 3559 comp.call('getJobAndCompany', id); 3560 } else if (typeof Livewire.dispatch === 'function') { 3561 Livewire.dispatch('job-selected', { id }); 3562 } 3563 const current = new URL(window.location.href); 3564 current.searchParams.set('jobId', id); 3565 window.history.replaceState({}, '', current); 3566 return true; 3567 } 3568 } 3569 return false; 3570 }; 3571 3572 if (!trySelect()) { 3573 const observer = new MutationObserver(() => { 3574 if (trySelect() || Date.now() - start > maxMs) { 3575 observer.disconnect(); 3576 } 3577 }); 3578 observer.observe(document.body, { childList: true, subtree: true }); 3579 // Safety timeout 3580 setTimeout(() => { 3581 trySelect(); 3582 observer.disconnect(); 3583 }, maxMs); 3584 } 3585 } 3586 } catch (e) { 3587 // ignore 3588 } 3589 }); 3590 // Auto-reload the page on Livewire 419 (CSRF/session) errors. 3591 // Helps Safari users who may see repeated "Page Expired" dialogs. 3592 document.addEventListener('livewire:load', function () { 3593 try { 3594 if (window.Livewire && typeof Livewire.hook === 'function') { 3595 Livewire.hook('request', ({ fail }) => { 3596 fail(({ status, preventDefault }) => { 3597 if (status === 419) { 3598 // Prevent Livewire's default error overlay and refresh. 3599 preventDefault(); 3600 window.location.reload(); 3601 } 3602 }); 3603 }); 3604 } 3605 } catch (e) { 3606 // Silently ignore if Livewire isn't available yet 3607 } 3608 }); 3609 </script>
3609 3610
3610<script> 3611 (function(){ 3612 if (!window.ensureEmbla) { 3613 window.ensureEmbla = function() { 3614 return new Promise(function(resolve) { 3615 if (window.EmblaCarousel) return resolve(); 3616 var s = document.createElement('script'); 3617 s.src = 'https://unpkg.com/[email protected]/embla-carousel.umd.js'; 3618 s.async = true; 3619 s.onload = function() { resolve(); }; 3620 document.head.appendChild(s); 3621 }); 3622 }; 3623 } 3624 3625 const run = async function(){ 3626 const root = document.getElementById('hc-wrapper-resources_job_search'); 3627 if (!root) return; 3628 await window.ensureEmbla(); 3629 const viewport = root.querySelector('.embla__viewport'); 3630 const container = root.querySelector('.embla__container'); 3631 const prevBtn = document.getElementById('hc-left-resources_job_search'); 3632 const nextBtn = document.getElementById('hc-right-resources_job_search'); 3633 const dotsWrap = document.getElementById('hc-dots-resources_job_search'); 3634 const baseAlign = 'center' === 'center' ? 'center' : 'start'; 3635 const computeAlign = () => (window.innerWidth < 768 ? 'center' : baseAlign); 3636 3637 const embla = window.EmblaCarousel(viewport, { 3638 align: computeAlign(), 3639 loop: false, 3640 containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined, 3641 dragFree: false, 3642 draggable: true, 3643 speed: 10, 3644 slides: '.js-carousel-card', 3645 }); 3646 3647 function updateEdgePaddingForCenter() { 3648 try { 3649 if (!container) return; 3650 const isMobile = window.innerWidth < 768; 3651 const center = computeAlign() === 'center'; 3652 const startSpacer = container.querySelector('.embla__spacer-start'); 3653 const endSpacer = container.querySelector('.embla__spacer-end'); 3654 if (!startSpacer || !endSpacer) return; 3655 if (isMobile && center) { 3656 const slides = Array.from(container.children).filter(el => el.classList.contains('js-carousel-card')); 3657 if (!slides.length) { startSpacer.style.width = '0px'; endSpacer.style.width = '0px'; return; } 3658 const viewWidth = viewport.clientWidth || window.innerWidth; 3659 const firstW = slides[0].getBoundingClientRect().width || slides[0].offsetWidth || 320; 3660 const lastW = (slides[slides.length - 1].getBoundingClientRect().width || slides[slides.length - 1].offsetWidth || firstW); 3661 let gap = 0; try { gap = parseInt(root?.dataset?.gap || '0', 10) || 0; } catch(e) { gap = 0; } 3662 const halfGap = Math.round(gap / 2); 3663 const leftPad = Math.max(0, Math.round((viewWidth - firstW) / 2) - halfGap); 3664 const rightPad = Math.max(0, Math.round((viewWidth - lastW) / 2) - halfGap); 3665 startSpacer.style.width = leftPad + 'px'; 3666 endSpacer.style.width = rightPad + 'px'; 3667 } else { 3668 startSpacer.style.width = '0px'; 3669 endSpacer.style.width = '0px'; 3670 } 3671 } catch (e) {} 3672 } 3673 3674 function renderDots() { 3675 if (!dotsWrap) return; 3676 dotsWrap.innerHTML = ''; 3677 const snaps = embla.scrollSnapList().length; 3678 const keepDots = root && root.dataset && root.dataset.keepDots === '1'; 3679 const n = Math.max(keepDots ? 2 : 0, snaps); 3680 for (let i = 0; i < n; i++) { 3681 const b = document.createElement('button'); 3682 b.type = 'button'; 3683 b.className = 'w-2 h-2 rounded-full inactive'; 3684 b.setAttribute('aria-label', 'Go to slide ' + (i + 1)); 3685 b.addEventListener('click', () => embla.scrollTo(i));
3686 dotsWrap.appendChild(b); 3687 } 3688 } 3689 3690 function updateUI() { 3691 const canPrev = embla.canScrollPrev(); 3692 const canNext = embla.canScrollNext(); 3693 if (prevBtn) { 3694 prevBtn.classList.toggle('opacity-0', !canPrev); 3695 prevBtn.classList.toggle('invisible', !canPrev); 3696 prevBtn.classList.toggle('hidden', !canPrev); 3697 prevBtn.classList.toggle('opacity-100', canPrev); 3698 prevBtn.classList.toggle('visible', canPrev); 3699 } 3700 if (nextBtn) { 3701 nextBtn.classList.toggle('opacity-0', !canNext); 3702 nextBtn.classList.toggle('invisible', !canNext); 3703 nextBtn.classList.toggle('hidden', !canNext); 3704 nextBtn.classList.toggle('opacity-100', canNext); 3705 nextBtn.classList.toggle('visible', canNext); 3706 } 3707 if (dotsWrap) { 3708 const children = Array.from(dotsWrap.children); 3709 const selected = embla.selectedScrollSnap(); 3710 children.forEach((dot, idx) => { 3711 const active = idx === selected; 3712 dot.classList.toggle('active', active); 3713 dot.classList.toggle('inactive', !active); 3714 }); 3715 } 3716 } 3717 3718 renderDots(); 3719 updateUI(); 3720 embla.on('select', updateUI); 3721 embla.on('reInit', () => { renderDots(); updateUI(); }); 3722 3723 if (prevBtn) prevBtn.addEventListener('click', () => embla.scrollPrev()); 3724 if (nextBtn) nextBtn.addEventListener('click', () => embla.scrollNext()); 3725 3726 // Helper: re-init Embla while preserving the current slide index 3727 function reInitPreserve() { 3728 try { 3729 const prevIndex = embla.selectedScrollSnap(); 3730 updateEdgePaddingForCenter(); 3731 embla.reInit({ 3732 align: computeAlign(), 3733 containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined, 3734 slides: '.js-carousel-card' 3735 }); 3736 const snaps = embla.scrollSnapList(); 3737 const clamped = Math.max(0, Math.min(prevIndex, snaps.length - 1)); 3738 embla.scrollTo(clamped, true); 3739 updateUI(); 3740 } catch (e) {} 3741 } 3742 3743 // Re-init after images load to capture intrinsic sizes, but keep position 3744 Array.from(container.querySelectorAll('img')).forEach(img => { 3745 if (!img.complete) img.addEventListener('load', () => reInitPreserve(), { once: true }); 3746 }); 3747 requestAnimationFrame(() => reInitPreserve()); 3748 setTimeout(() => reInitPreserve(), 120); 3749 window.addEventListener('load', () => reInitPreserve()); 3750 3751 // Only react to width changes (ignore mobile address bar height resizes) 3752 let lastWidth = window.innerWidth; 3753 let resizeTimer = null; 3754 window.addEventListener('resize', () => { 3755 const w = window.innerWidth; 3756 if (Math.abs(w - lastWidth) < 2) return; // ignore height-only changes 3757 lastWidth = w; 3758 clearTimeout(resizeTimer); 3759 resizeTimer = setTimeout(() => reInitPreserve(), 100); 3760 }); 3761 3762 try { root.hcRefresh = () => reInitPreserve(); } catch (e) {} 3763 }; 3764 3765 if (document.readyState === 'loading') { 3766 document.addEventListener('DOMContentLoaded', run, { once: true }); 3767 } else { 3768 run(); 3769 } 3770 })(); 3771</script>
vendor: 1 bytes, line 3771
3771
3772<script> 3773 (function(){ 3774 if (!window.ensureEmbla) { 3775 window.ensureEmbla = function() { 3776 return new Promise(function(resolve) { 3777 if (window.EmblaCarousel) return resolve(); 3778 var s = document.createElement('script'); 3779 s.src = 'https://unpkg.com/[email protected]/embla-carousel.umd.js'; 3780 s.async = true; 3781 s.onload = function() { resolve(); }; 3782 document.head.appendChild(s); 3783 }); 3784 }; 3785 } 3786 3787 const run = async function(){ 3788 const root = document.getElementById('hc-wrapper-resources_recruiter'); 3789 if (!root) return; 3790 await window.ensureEmbla(); 3791 const viewport = root.querySelector('.embla__viewport'); 3792 const container = root.querySelector('.embla__container'); 3793 const prevBtn = document.getElementById('hc-left-resources_recruiter'); 3794 const nextBtn = document.getElementById('hc-right-resources_recruiter'); 3795 const dotsWrap = document.getElementById('hc-dots-resources_recruiter'); 3796 const baseAlign = 'center' === 'center' ? 'center' : 'start'; 3797 const computeAlign = () => (window.innerWidth < 768 ? 'center' : baseAlign); 3798 3799 const embla = window.EmblaCarousel(viewport, { 3800 align: computeAlign(), 3801 loop: false, 3802 containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined, 3803 dragFree: false, 3804 draggable: true, 3805 speed: 10, 3806 slides: '.js-carousel-card', 3807 }); 3808 3809 function updateEdgePaddingForCenter() { 3810 try { 3811 if (!container) return; 3812 const isMobile = window.innerWidth < 768; 3813 const center = computeAlign() === 'center'; 3814 const startSpacer = container.querySelector('.embla__spacer-start'); 3815 const endSpacer = container.querySelector('.embla__spacer-end'); 3816 if (!startSpacer || !endSpacer) return; 3817 if (isMobile && center) { 3818 const slides = Array.from(container.children).filter(el => el.classList.contains('js-carousel-card')); 3819 if (!slides.length) { startSpacer.style.width = '0px'; endSpacer.style.width = '0px'; return; } 3820 const viewWidth = viewport.clientWidth || window.innerWidth; 3821 const firstW = slides[0].getBoundingClientRect().width || slides[0].offsetWidth || 320; 3822 const lastW = (slides[slides.length - 1].getBoundingClientRect().width || slides[slides.length - 1].offsetWidth || firstW); 3823 let gap = 0; try { gap = parseInt(root?.dataset?.gap || '0', 10) || 0; } catch(e) { gap = 0; } 3824 const halfGap = Math.round(gap / 2); 3825 const leftPad = Math.max(0, Math.round((viewWidth - firstW) / 2) - halfGap); 3826 const rightPad = Math.max(0, Math.round((viewWidth - lastW) / 2) - halfGap); 3827 startSpacer.style.width = leftPad + 'px'; 3828 endSpacer.style.width = rightPad + 'px'; 3829 } else { 3830 startSpacer.style.width = '0px'; 3831 endSpacer.style.width = '0px'; 3832 } 3833 } catch (e) {} 3834 } 3835 3836 function renderDots() { 3837 if (!dotsWrap) return; 3838 dotsWrap.innerHTML = ''; 3839 const snaps = embla.scrollSnapList().length; 3840 const keepDots = root && root.dataset && root.dataset.keepDots === '1'; 3841 const n = Math.max(keepDots ? 2 : 0, snaps); 3842 for (let i = 0; i < n; i++) { 3843 const b = document.createElement('button'); 3844 b.type = 'button'; 3845 b.className = 'w-2 h-2 rounded-full inactive'; 3846 b.setAttribute('aria-label', 'Go to slide ' + (i + 1)); 3847 b.addEventListener('click', () => embla.scrollTo(i));
3848 dotsWrap.appendChild(b); 3849 } 3850 } 3851 3852 function updateUI() { 3853 const canPrev = embla.canScrollPrev(); 3854 const canNext = embla.canScrollNext(); 3855 if (prevBtn) { 3856 prevBtn.classList.toggle('opacity-0', !canPrev); 3857 prevBtn.classList.toggle('invisible', !canPrev); 3858 prevBtn.classList.toggle('hidden', !canPrev); 3859 prevBtn.classList.toggle('opacity-100', canPrev); 3860 prevBtn.classList.toggle('visible', canPrev); 3861 } 3862 if (nextBtn) { 3863 nextBtn.classList.toggle('opacity-0', !canNext); 3864 nextBtn.classList.toggle('invisible', !canNext); 3865 nextBtn.classList.toggle('hidden', !canNext); 3866 nextBtn.classList.toggle('opacity-100', canNext); 3867 nextBtn.classList.toggle('visible', canNext); 3868 } 3869 if (dotsWrap) { 3870 const children = Array.from(dotsWrap.children); 3871 const selected = embla.selectedScrollSnap(); 3872 children.forEach((dot, idx) => { 3873 const active = idx === selected; 3874 dot.classList.toggle('active', active); 3875 dot.classList.toggle('inactive', !active); 3876 }); 3877 } 3878 } 3879 3880 renderDots(); 3881 updateUI(); 3882 embla.on('select', updateUI); 3883 embla.on('reInit', () => { renderDots(); updateUI(); }); 3884 3885 if (prevBtn) prevBtn.addEventListener('click', () => embla.scrollPrev()); 3886 if (nextBtn) nextBtn.addEventListener('click', () => embla.scrollNext()); 3887 3888 // Helper: re-init Embla while preserving the current slide index 3889 function reInitPreserve() { 3890 try { 3891 const prevIndex = embla.selectedScrollSnap(); 3892 updateEdgePaddingForCenter(); 3893 embla.reInit({ 3894 align: computeAlign(), 3895 containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined, 3896 slides: '.js-carousel-card' 3897 }); 3898 const snaps = embla.scrollSnapList(); 3899 const clamped = Math.max(0, Math.min(prevIndex, snaps.length - 1)); 3900 embla.scrollTo(clamped, true); 3901 updateUI(); 3902 } catch (e) {} 3903 } 3904 3905 // Re-init after images load to capture intrinsic sizes, but keep position 3906 Array.from(container.querySelectorAll('img')).forEach(img => { 3907 if (!img.complete) img.addEventListener('load', () => reInitPreserve(), { once: true }); 3908 }); 3909 requestAnimationFrame(() => reInitPreserve()); 3910 setTimeout(() => reInitPreserve(), 120); 3911 window.addEventListener('load', () => reInitPreserve()); 3912 3913 // Only react to width changes (ignore mobile address bar height resizes) 3914 let lastWidth = window.innerWidth; 3915 let resizeTimer = null; 3916 window.addEventListener('resize', () => { 3917 const w = window.innerWidth; 3918 if (Math.abs(w - lastWidth) < 2) return; // ignore height-only changes 3919 lastWidth = w; 3920 clearTimeout(resizeTimer); 3921 resizeTimer = setTimeout(() => reInitPreserve(), 100); 3922 }); 3923 3924 try { root.hcRefresh = () => reInitPreserve(); } catch (e) {} 3925 }; 3926 3927 if (document.readyState === 'loading') { 3928 document.addEventListener('DOMContentLoaded', run, { once: true }); 3929 } else { 3930 run(); 3931 } 3932 })(); 3933</script>
vendor: 1 bytes, line 3933
3933
3934<script> 3935 (function(){ 3936 if (!window.ensureEmbla) { 3937 window.ensureEmbla = function() { 3938 return new Promise(function(resolve) { 3939 if (window.EmblaCarousel) return resolve(); 3940 var s = document.createElement('script'); 3941 s.src = 'https://unpkg.com/[email protected]/embla-carousel.umd.js'; 3942 s.async = true; 3943 s.onload = function() { resolve(); }; 3944 document.head.appendChild(s); 3945 }); 3946 }; 3947 } 3948 3949 const run = async function(){ 3950 const root = document.getElementById('hc-wrapper-resources_workplace'); 3951 if (!root) return; 3952 await window.ensureEmbla(); 3953 const viewport = root.querySelector('.embla__viewport'); 3954 const container = root.querySelector('.embla__container'); 3955 const prevBtn = document.getElementById('hc-left-resources_workplace'); 3956 const nextBtn = document.getElementById('hc-right-resources_workplace'); 3957 const dotsWrap = document.getElementById('hc-dots-resources_workplace'); 3958 const baseAlign = 'center' === 'center' ? 'center' : 'start'; 3959 const computeAlign = () => (window.innerWidth < 768 ? 'center' : baseAlign); 3960 3961 const embla = window.EmblaCarousel(viewport, { 3962 align: computeAlign(), 3963 loop: false, 3964 containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined, 3965 dragFree: false, 3966 draggable: true, 3967 speed: 10, 3968 slides: '.js-carousel-card', 3969 }); 3970 3971 function updateEdgePaddingForCenter() { 3972 try { 3973 if (!container) return; 3974 const isMobile = window.innerWidth < 768; 3975 const center = computeAlign() === 'center'; 3976 const startSpacer = container.querySelector('.embla__spacer-start'); 3977 const endSpacer = container.querySelector('.embla__spacer-end'); 3978 if (!startSpacer || !endSpacer) return; 3979 if (isMobile && center) { 3980 const slides = Array.from(container.children).filter(el => el.classList.contains('js-carousel-card')); 3981 if (!slides.length) { startSpacer.style.width = '0px'; endSpacer.style.width = '0px'; return; } 3982 const viewWidth = viewport.clientWidth || window.innerWidth; 3983 const firstW = slides[0].getBoundingClientRect().width || slides[0].offsetWidth || 320; 3984 const lastW = (slides[slides.length - 1].getBoundingClientRect().width || slides[slides.length - 1].offsetWidth || firstW); 3985 let gap = 0; try { gap = parseInt(root?.dataset?.gap || '0', 10) || 0; } catch(e) { gap = 0; } 3986 const halfGap = Math.round(gap / 2); 3987 const leftPad = Math.max(0, Math.round((viewWidth - firstW) / 2) - halfGap); 3988 const rightPad = Math.max(0, Math.round((viewWidth - lastW) / 2) - halfGap); 3989 startSpacer.style.width = leftPad + 'px'; 3990 endSpacer.style.width = rightPad + 'px'; 3991 } else { 3992 startSpacer.style.width = '0px'; 3993 endSpacer.style.width = '0px'; 3994 } 3995 } catch (e) {} 3996 } 3997 3998 function renderDots() { 3999 if (!dotsWrap) return; 4000 dotsWrap.innerHTML = ''; 4001 const snaps = embla.scrollSnapList().length; 4002 const keepDots = root && root.dataset && root.dataset.keepDots === '1'; 4003 const n = Math.max(keepDots ? 2 : 0, snaps); 4004 for (let i = 0; i < n; i++) { 4005 const b = document.createElement('button'); 4006 b.type = 'button'; 4007 b.className = 'w-2 h-2 rounded-full inactive'; 4008 b.setAttribute('aria-label', 'Go to slide ' + (i + 1)); 4009 b.addEventListener('click', () => embla.scrollTo(i));
4010 dotsWrap.appendChild(b); 4011 } 4012 } 4013 4014 function updateUI() { 4015 const canPrev = embla.canScrollPrev(); 4016 const canNext = embla.canScrollNext(); 4017 if (prevBtn) { 4018 prevBtn.classList.toggle('opacity-0', !canPrev); 4019 prevBtn.classList.toggle('invisible', !canPrev); 4020 prevBtn.classList.toggle('hidden', !canPrev); 4021 prevBtn.classList.toggle('opacity-100', canPrev); 4022 prevBtn.classList.toggle('visible', canPrev); 4023 } 4024 if (nextBtn) { 4025 nextBtn.classList.toggle('opacity-0', !canNext); 4026 nextBtn.classList.toggle('invisible', !canNext); 4027 nextBtn.classList.toggle('hidden', !canNext); 4028 nextBtn.classList.toggle('opacity-100', canNext); 4029 nextBtn.classList.toggle('visible', canNext); 4030 } 4031 if (dotsWrap) { 4032 const children = Array.from(dotsWrap.children); 4033 const selected = embla.selectedScrollSnap(); 4034 children.forEach((dot, idx) => { 4035 const active = idx === selected; 4036 dot.classList.toggle('active', active); 4037 dot.classList.toggle('inactive', !active); 4038 }); 4039 } 4040 } 4041 4042 renderDots(); 4043 updateUI(); 4044 embla.on('select', updateUI); 4045 embla.on('reInit', () => { renderDots(); updateUI(); }); 4046 4047 if (prevBtn) prevBtn.addEventListener('click', () => embla.scrollPrev()); 4048 if (nextBtn) nextBtn.addEventListener('click', () => embla.scrollNext()); 4049 4050 // Helper: re-init Embla while preserving the current slide index 4051 function reInitPreserve() { 4052 try { 4053 const prevIndex = embla.selectedScrollSnap(); 4054 updateEdgePaddingForCenter(); 4055 embla.reInit({ 4056 align: computeAlign(), 4057 containScroll: (window.innerWidth < 768 && computeAlign() === 'center') ? 'keepSnaps' : undefined, 4058 slides: '.js-carousel-card' 4059 }); 4060 const snaps = embla.scrollSnapList(); 4061 const clamped = Math.max(0, Math.min(prevIndex, snaps.length - 1)); 4062 embla.scrollTo(clamped, true); 4063 updateUI(); 4064 } catch (e) {} 4065 } 4066 4067 // Re-init after images load to capture intrinsic sizes, but keep position 4068 Array.from(container.querySelectorAll('img')).forEach(img => { 4069 if (!img.complete) img.addEventListener('load', () => reInitPreserve(), { once: true }); 4070 }); 4071 requestAnimationFrame(() => reInitPreserve()); 4072 setTimeout(() => reInitPreserve(), 120); 4073 window.addEventListener('load', () => reInitPreserve()); 4074 4075 // Only react to width changes (ignore mobile address bar height resizes) 4076 let lastWidth = window.innerWidth; 4077 let resizeTimer = null; 4078 window.addEventListener('resize', () => { 4079 const w = window.innerWidth; 4080 if (Math.abs(w - lastWidth) < 2) return; // ignore height-only changes 4081 lastWidth = w; 4082 clearTimeout(resizeTimer); 4083 resizeTimer = setTimeout(() => reInitPreserve(), 100); 4084 }); 4085 4086 try { root.hcRefresh = () => reInitPreserve(); } catch (e) {} 4087 }; 4088 4089 if (document.readyState === 'loading') { 4090 document.addEventListener('DOMContentLoaded', run, { once: true }); 4091 } else { 4092 run(); 4093 } 4094 })(); 4095</script>
4095 4096
4096<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:'a450f806a85190b3',t:'MTc5MTA4MzE2Nw=='};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>
4096<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ed4667ddebf74764ab6cf7a5510ca3e1","r":1,"spa":2}' crossorigin="anonymous"></script>
4096 4097</body> 4098 4099</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.