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.0"> 7 <link rel="shortcut icon" href="/dist/images/logo/favicon.ico"> 8 <title>AI and technical talent. Trained. Vetted. Placed. | LaunchCode</title> 9 <meta name="description" content="Vetted, trained tech talent ready to contribute from day one. 500+ hiring partners. 65% stay 2+ years. Contract, contract-to-hire, or direct."> 10 <meta name="keywords" content="LaunchCode, hire tech talent, talent delivery, staffing, contract to hire, employer services"> 11 <meta name="author" content="LaunchCode Foundation"> 12 <meta name="theme-color" content="#ffffff"> 13 <link rel="canonical" href="https://www.launchcode.org/employers/"> 14 <meta property="og:title" content="AI and technical talent. Trained. Vetted. Placed."> 15 <meta property="og:description" content="Vetted, trained tech talent ready to contribute from day one. 500+ hiring partners. 65% stay 2+ years. Contract, contract-to-hire, or direct."> 16 <meta property="og:url" content="https://www.launchcode.org/employers/"> 17 <meta property="og:type" content="website"> 18 <meta property="og:site_name" content="LaunchCode"> 19 <meta property="og:image" content="https://www.launchcode.org/dist/images/og/og-employers.png"> 20 <meta name="twitter:card" content="summary_large_image"> 21 <meta name="twitter:title" content="AI and technical talent. Trained. Vetted. Placed."> 22 <meta name="twitter:description" content="Vetted, trained tech talent ready to contribute from day one. 500+ hiring partners. 65% stay 2+ years. Contract, contract-to-hire, or direct."> 23 <meta name="twitter:image" content="https://www.launchcode.org/dist/images/og/og-employers.png"> 24 <link rel="preload" href="/dist/fonts/dm-sans-400.woff2" as="font" type="font/woff2" crossorigin> 25 <link rel="stylesheet" href="/dist/main.css" /> 26 <style> 27 .btn-arrow, .btn-arrow-external { transition: transform 150ms ease-out; } 28 a:hover .btn-arrow, a:active .btn-arrow, button:hover .btn-arrow, button:active .btn-arrow { transform: translateX(2px); } 29 a:hover .btn-arrow-external, a:active .btn-arrow-external, button:hover .btn-arrow-external, button:active .btn-arrow-external { transform: translate(1px, -1px); } 30 </style> 31</head> 32 33<body> 34 35<div id="page" class="font-dm"> 36 <header class="header-wrapper w-full fixed top-0 left-0 border-b border-gray-200 py-0 bg-transparent z-20 transition-all duration-300 ease-in-out"> 37 <div class="menu-overlay"></div> 38 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3 pb-0"> 39 <nav aria-label="Main navigation" class="flex items-center justify-start gap-6 w-full relative"> 40 <a class="flex items-center lg:py-2 py-3 mr-5 shrink-0" href="/"> 41 <img src="/dist/images/logo/logo-launchcode.svg" alt="LaunchCode logo" class="lg:h-18 h-16" loading="eager"> 42 </a> 43 <div class="menu-block flex-1"> 44 <div class="flex items-center justify-between lg:hidden"> 45 <span class="logo-sub"> 46 <img src="/dist/images/logo/logo-launchcode.svg" alt="LaunchCode logo" loading="lazy" class="h-16"> 47 </span> 48 <button class="menu-close" aria-label="Close menu"> 49 <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"> 50 <line x1="18" y1="6" x2="6" y2="18"></line> 51 <line x1="6" y1="6" x2="18" y2="18"></line> 52 </svg> 53 </button> 54 </div> 55 <ul class="flex flex-col lg:flex-row lg:gap-6 gap-1 font-dm lg:font-semibold font-medium text-[17px] text-gray-900"> 56 57 <li><a class="flex items-center lg:justify-normal justify-between gap-1 lg:py-8 py-2" href="/learners">Learners</a></li> 58 59 <li><a class="flex items-center lg:justify-normal justify-between gap-1 lg:py-8 py-2" href="/employers">Employers</a></li> 60 61 <li><a class="flex items-center lg:justify-normal justify-between gap-1 lg:py-8 py-2" href="/donors">Donors</a></li> 62 63 <li><a class="flex items-center lg:justify-normal justify-between gap-1 lg:py-8 py-2" href="/about">About</a></li> 64 65 </ul> 66 <div class="mt-auto flex flex-col lg:hidden"> 67 <a href="/login" class="flex items-center justify-center gap-3 px-6 py-3 text-white bg-brand-lightBlue rounded-lg text-sm font-medium hover:bg-blue-700 transition-all duration-200"><span>Log in</span></a> 68 </div> 69 </div> 70 71 <div class="flex items-center space-x-4 shrink-0 ml-auto"> 72 <a href="/login" class="md:flex hidden items-center justify-center gap-3 px-6 py-3 text-white bg-brand-lightBlue rounded-lg text-sm font-medium hover:bg-blue-700 transition-all duration-200"><span>Log in</span></a> 73 <button aria-label="menu" class="mobile-menu-trigger px-0 text-gray-700 flex lg:hidden"> 74 <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="text-gray-900"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg> 75 </button> 76 </div> 77 </nav> 78 </div> 79 </header> 80 81 82 <main> 83 84 <div class="banner-wrap bg-light-blue-banner relative pt-24"> 85 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3 pb-0"> 86 <div class="grid lg:grid-cols-2 grid-cols-1 gap-10 lg:pt-10 relative z-10"> 87 <div class="w-full items-center flex h-full xl:pr-8"> 88 <div class="flex flex-col"> 89 <h1 class="text-brand-darkBlue font-semibold xl:text-[80px] lg:text-6xl text-5xl mt-2 mb-3 tracking-tighter" data-aos="fade-up" data-aos-duration="400">Talent delivery <span class="text-brand-lightBlue">experts</span></h1> 90 <p class="font-medium text-gray-900 max-w-xl lg:pr-10 text-lg" data-aos="fade-up" data-aos-duration="500">Trained, vetted, and ready. U.S.-based AI and technical talent.</p> 91 <div class="flex flex-col sm:flex-row gap-2 sm:gap-3 pt-8 pb-3"> 92 <button type="button" data-employer-form data-aos="zoom-in" data-aos-duration="400" class="flex items-center justify-center px-4 py-3 text-white bg-brand-lightBlue rounded-lg text-base font-medium hover:bg-blue-700 transition-all duration-200">
93 <span>Hire talent</span> 94 </button> 95 <a href="#how-it-works" data-aos="zoom-in" data-aos-duration="600" class="px-4 py-3 text-gray-100 bg-brand-darkBlue rounded-lg text-base font-medium hover:bg-gray-800 transition-all duration-200 text-center"> 96 <span>How it works</span> 97 </a> 98 </div> 99 </div> 100 </div> 101 <div class="w-full"> 102 <div class="relative rounded-xl" data-aos="fade-up" data-aos-duration="600"> 103 <img src="/dist/images/header-employer.jpg" alt="Employer partnership at LaunchCode" fetchpriority="high" decoding="async" loading="eager" width="637" height="721" class="w-full rounded-xl object-cover" /> 104 <div class="absolute bottom-10 -left-10 bg-white rounded-xl border border-gray-200 shadow-lg p-4 max-w-[320px] hidden lg:block" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200"> 105 <p class="text-gray-900 text-sm font-semibold mb-3">Software Developer</p> 106 <div class="flex flex-col gap-2"> 107 <div class="flex items-center gap-3 p-2 rounded-lg"> 108 <svg class="w-8 h-8 rounded-full shrink-0" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Marcus Johnson"><circle cx="50" cy="50" r="50" fill="#5c94ce"/><text x="50" y="54" text-anchor="middle" dominant-baseline="middle" fill="white" font-family="system-ui,-apple-system,sans-serif" font-size="40" font-weight="600">M</text></svg> 109 <div class="flex flex-col leading-tight"> 110 <span class="text-gray-900 text-xs font-semibold">Marcus Johnson</span> 111 <span class="text-gray-500 text-[11px]">LaunchCode Graduate</span> 112 </div> 113 </div> 114 <div class="flex items-center gap-3 p-2 rounded-lg bg-green-50 border border-green-200"> 115 <svg class="w-8 h-8 rounded-full shrink-0" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Aisha Patel"><circle cx="50" cy="50" r="50" fill="#f47753"/><text x="50" y="54" text-anchor="middle" dominant-baseline="middle" fill="white" font-family="system-ui,-apple-system,sans-serif" font-size="40" font-weight="600">A</text></svg> 116 <div class="flex flex-col leading-tight flex-1"> 117 <span class="text-gray-900 text-xs font-semibold">Aisha Patel</span> 118 <span class="text-gray-500 text-[11px]">LaunchCode Graduate</span> 119 </div> 120 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-500 shrink-0"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 121 </div> 122 <div class="flex items-center gap-3 p-2 rounded-lg"> 123 <svg class="w-8 h-8 rounded-full shrink-0" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="David Chen"><circle cx="50" cy="50" r="50" fill="#0a1628"/><text x="50" y="54" text-anchor="middle" dominant-baseline="middle" fill="white" font-family="system-ui,-apple-system,sans-serif" font-size="40" font-weight="600">D</text></svg> 124 <div class="flex flex-col leading-tight"> 125 <span class="text-gray-900 text-xs font-semibold">David Chen</span>
126 <span class="text-gray-500 text-[11px]">LaunchCode Graduate</span> 127 </div> 128 </div> 129 </div> 130 </div> 131 </div> 132 </div> 133 </div> 134 </div> 135 </div> 136 137 <div id="lc-counter" class="bg-white lg:py-20 py-12"> 138 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3 pb-0"> 139 <div class="grid grid-cols-3 gap-8 lg:gap-6 text-center" data-aos="fade-up" data-aos-duration="400"> 140 <div> 141 <h3 class="text-brand-darkBlue lg:text-5xl text-4xl font-semibold mb-1"><span data-percentage="500" class="lc-counter">500</span>+</h3> 142 <p class="text-gray-600 text-base font-medium mb-0">Hiring partners</p> 143 </div> 144 <div> 145 <h3 class="text-brand-darkBlue lg:text-5xl text-4xl font-semibold mb-1"><span data-percentage="65" class="lc-counter">65</span>%</h3> 146 <p class="text-gray-600 text-base font-medium mb-0">2-year retention</p> 147 </div> 148 <div> 149 <h3 class="text-brand-darkBlue lg:text-5xl text-4xl font-semibold mb-1"><span data-percentage="80" class="lc-counter">80</span>%</h3> 150 <p class="text-gray-600 text-base font-medium mb-0">Diverse backgrounds</p> 151 </div> 152 </div> 153 <div class="lg:pt-16 pt-10" data-aos="fade-up" data-aos-duration="400"> 154 155 <div class="flex justify-center relative"> 156 <div id="autoscroll-carousel" class="splide slider-no-arrows slider-no-dots slider-pagination-top-right position-static"> 157 <div class="splide__track"> 158 <ul class="splide__list"> 159 160 <li class="splide__slide"><img loading="lazy" src="/dist/images/logo/employers/logo-mastercard.png" alt="Mastercard" class="h-7 opacity-40" width="120" height="28"></li> 161 162 <li class="splide__slide"><img loading="lazy" src="/dist/images/logo/employers/logo-centene.png" alt="Centene" class="h-7 opacity-40" width="120" height="28"></li> 163 164 <li class="splide__slide"><img loading="lazy" src="/dist/images/logo/employers/logo-boeing.png" alt="Boeing" class="h-7 opacity-40" width="120" height="28"></li> 165 166 <li class="splide__slide"><img loading="lazy" src="/dist/images/logo/employers/logo-spectrum.png" alt="Spectrum" class="h-7 opacity-40" width="120" height="28"></li> 167 168 <li class="splide__slide"><img loading="lazy" src="/dist/images/logo/employers/logo-broadcom.png" alt="Broadcom" class="h-7 opacity-40" width="120" height="28"></li> 169 170 <li class="splide__slide"><img loading="lazy" src="/dist/images/logo/employers/logo-worldwidetechnology.png" alt="World Wide Technology" class="h-7 opacity-40" width="120" height="28"></li> 171 172 <li class="splide__slide"><img loading="lazy" src="/dist/images/logo/employers/logo-cigna.png" alt="Cigna" class="h-7 opacity-40" width="120" height="28"></li> 173 174 <li class="splide__slide"><img loading="lazy" src="/dist/images/logo/employers/logo-booz-allen.png" alt="Booz Allen" class="h-7 opacity-40" width="120" height="28"></li> 175 176 </ul> 177 </div> 178 </div> 179</div> 180 181 </div> 182 </div> 183 </div> 184 185 <div class="bg-white lg:pt-24 pt-12 lg:pb-28 pb-12 relative"> 186 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3 pb-0"> 187 <div class="flex flex-wrap justify-between pb-16 gap-y-4"> 188 <div class="w-full xl:w-7/12 lg:w-7/12"> 189 <h2 class="lg:text-5xl md:text-4xl text-3xl font-semibold tracking-tighter text-brand-darkBlue lg:mb-4 mb-2" data-aos="fade-up" data-aos-duration="300">Talent Delivery 101</h2> 190 </div> 191 </div> 192 <div class="card-sticky-wrap"> 193 <div class="card-sticky sticky top-[100px]"> 194 <div class="card-sticky-inner bg-gray-100 border border-gray-200 rounded-xl p-6 lg:p-12"> 195 <div class="grid grid-cols-1 lg:grid-cols-2"> 196 <div class="flex items-center"> 197 <div class="flex flex-col lg:w-3/4"> 198 <div class="w-14 h-14 lg:w-16 lg:h-16 text-white rounded-full flex justify-center items-center" style="background: linear-gradient(to bottom, #5c94ce, #354a5f);"> 199 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="22" y1="12" x2="18" y2="12"/><line x1="6" y1="12" x2="2" y2="12"/><line x1="12" y1="6" x2="12" y2="2"/><line x1="12" y1="22" x2="12" y2="18"/></svg> 200 </div> 201 <h3 class="font-semibold text-brand-darkBlue pt-10 mb-3 text-2xl lg:text-4xl tracking-tight"> 202 0â5 years experience, flex to 10 203 </h3> 204 <p class="text-gray-600 mt-1 text-lg font-medium"> 205 From entry-level to mid-career talent, calibrated to your needs. We match experience depth to role requirements so you get the right fit every time. 206 </p> 207 </div> 208 </div> 209 <div class="flex items-center justify-center"> 210 <img src="/dist/images/employers/card-experience.svg" alt="Experience range" class="max-w-full h-auto" width="500" height="400"> 211 </div> 212 </div> 213 </div> 214 </div> 215 <div class="card-sticky sticky top-[100px]"> 216 <div class="card-sticky-inner bg-gray-100 border border-gray-200 rounded-xl p-6 lg:p-12"> 217 <div class="grid grid-cols-1 lg:grid-cols-2"> 218 <div class="flex items-center"> 219 <div class="flex flex-col lg:w-3/4"> 220 <div class="w-14 h-14 lg:w-16 lg:h-16 text-white rounded-full flex justify-center items-center" style="background: linear-gradient(to bottom, #5c94ce, #354a5f);"> 221 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg> 222 </div> 223 <h3 class="font-semibold text-brand-darkBlue pt-10 mb-3 text-2xl lg:text-4xl tracking-tight"> 224 AI, technical, and technical-adjacent roles 225 </h3> 226 <p class="text-gray-600 mt-1 text-lg font-medium">
227 Software, data, AI, analysts, product, support, ops, and more. We cover the full spectrum of technical and technical-adjacent roles. 228 </p> 229 </div> 230 </div> 231 <div class="flex items-center justify-center"> 232 <img src="/dist/images/employers/card-roles.svg" alt="Role types" class="max-w-full h-auto" width="500" height="400"> 233 </div> 234 </div> 235 </div> 236 </div> 237 <div class="card-sticky sticky top-[100px]"> 238 <div class="card-sticky-inner bg-gray-100 border border-gray-200 rounded-xl p-6 lg:p-12"> 239 <div class="grid grid-cols-1 lg:grid-cols-2"> 240 <div class="flex items-center"> 241 <div class="flex flex-col lg:w-3/4"> 242 <div class="w-14 h-14 lg:w-16 lg:h-16 text-white rounded-full flex justify-center items-center" style="background: linear-gradient(to bottom, #5c94ce, #354a5f);"> 243 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg> 244 </div> 245 <h3 class="font-semibold text-brand-darkBlue pt-10 mb-3 text-2xl lg:text-4xl tracking-tight"> 246 $50+/hr contract, $10K+ direct hire 247 </h3> 248 <p class="text-gray-600 mt-1 text-lg font-medium"> 249 Competitive, transparent pricing across all engagement types. No hidden fees, no surprises. 250 </p> 251 </div> 252 </div> 253 <div class="flex items-center justify-center"> 254 <img src="/dist/images/employers/card-pricing.svg" alt="Pricing" class="max-w-full h-auto" width="500" height="400"> 255 </div> 256 </div> 257 </div> 258 </div> 259 <div class="card-sticky sticky top-[100px]"> 260 <div class="card-sticky-inner bg-gray-100 border border-gray-200 rounded-xl p-6 lg:p-12"> 261 <div class="grid grid-cols-1 lg:grid-cols-2"> 262 <div class="flex items-center"> 263 <div class="flex flex-col lg:w-3/4"> 264 <div class="w-14 h-14 lg:w-16 lg:h-16 text-white rounded-full flex justify-center items-center" style="background: linear-gradient(to bottom, #5c94ce, #354a5f);"> 265 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 266 </div> 267 <h3 class="font-semibold text-brand-darkBlue pt-10 mb-3 text-2xl lg:text-4xl tracking-tight"> 268 No cost until you hire 269 </h3> 270 <p class="text-gray-600 mt-1 text-lg font-medium"> 271 Zero cost until you find the right candidate. We absorb the risk of sourcing, screening, and training so you don't have to. 272 </p> 273 </div> 274 </div> 275 <div class="flex items-center justify-center"> 276 <img src="/dist/images/employers/card-pay-on-hire.svg" alt="Only pay if you hire" class="max-w-full h-auto" width="500" height="400"> 277 </div> 278 </div> 279 </div> 280 </div> 281 <div class="card-sticky sticky top-[100px]"> 282 <div class="card-sticky-inner bg-gray-100 border border-gray-200 rounded-xl p-6 lg:p-12"> 283 <div class="grid grid-cols-1 lg:grid-cols-2"> 284 <div class="flex items-center"> 285 <div class="flex flex-col lg:w-3/4"> 286 <div class="w-14 h-14 lg:w-16 lg:h-16 text-white rounded-full flex justify-center items-center" style="background: linear-gradient(to bottom, #5c94ce, #354a5f);"> 287 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg> 288 </div> 289 <h3 class="font-semibold text-brand-darkBlue pt-10 mb-3 text-2xl lg:text-4xl tracking-tight"> 290 Pre-vetted through our pipeline 291 </h3> 292 <p class="text-gray-600 mt-1 text-lg font-medium"> 293 We handle the heavy lifting so your team can focus on selecting. Every candidate is pre-vetted through our rigorous multi-stage process. 294 </p> 295 </div> 296 </div> 297 <div class="flex items-center justify-center"> 298 <img src="/dist/images/employers/card-vetting.svg" alt="Vetting and screening" class="max-w-full h-auto object-contain" style="max-height:380px;" width="500" height="470"> 299 </div> 300 </div> 301 </div> 302 </div> 303 <div class="card-sticky sticky top-[100px]"> 304 <div class="card-sticky-inner bg-gray-100 border border-gray-200 rounded-xl p-6 lg:p-12"> 305 <div class="grid grid-cols-1 lg:grid-cols-2"> 306 <div class="flex items-center"> 307 <div class="flex flex-col lg:w-3/4"> 308 <div class="w-14 h-14 lg:w-16 lg:h-16 text-white rounded-full flex justify-center items-center" style="background: linear-gradient(to bottom, #5c94ce, #354a5f);"> 309 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> 310 </div> 311 <h3 class="font-semibold text-brand-darkBlue pt-10 mb-3 text-2xl lg:text-4xl tracking-tight"> 312 Additive to your existing pipeline 313 </h3> 314 <p class="text-gray-600 mt-1 text-lg font-medium"> 315 We complement your existing recruiting, never compete with it. Think of us as an extension of your team. 316 </p> 317 </div> 318 </div> 319 <div class="flex items-center justify-center"> 320 <img src="/dist/images/employers/card-parallel.svg" alt="Parallel delivery" class="max-w-full h-auto object-contain" width="500" height="430"> 321 </div> 322 </div> 323 </div> 324 </div> 325 </div> 326 </div> 327 </div> 328 329 <div class="bg-white lg:pt-24 pt-12 lg:pb-12 pb-8 z-10 relative"> 330 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3 pb-0"> 331 <div class="flex flex-wrap justify-between gap-y-6 lg:pb-8 pb-6"> 332 <div class="w-full lg:w-1/3 lg:pr-6"> 333 <div class="overflow-hidden relative group bg-orange-400 rounded-xl h-[350px] p-6 flex flex-col" data-aos="fade-up" data-aos-duration="200"> 334 <h3 class="text-gray-900 font-semibold lg:text-4xl text-3xl pl-2 lg:pr-4">Programmatic delivery, from micro to large batches</h3> 335 <div class="flex flex-row justify-between mt-auto"> 336 <div class="mt-auto"> 337 <div class="w-14 h-14 flex justify-center items-center bg-black rounded-full"> 338 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-right text-white"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg> 339 </div> 340 </div> 341 <div> 342 <img loading="lazy" src="/dist/images/icon-2.png" alt=""> 343 </div> 344 </div> 345 </div> 346 </div> 347 <div class="w-full lg:w-2/3"> 348 <div class="overflow-hidden rounded-xl" data-aos="fade-up" data-aos-duration="200"> 349 <img loading="lazy" src="/dist/images/header2.jpeg" alt="The LaunchCode model" class="object-cover h-[350px] w-full" width="856" height="350"> 350 </div> 351 </div> 352 </div> 353 354 <div class="grid grid-cols-1 lg:grid-cols-12 gap-y-0 rounded-2xl overflow-hidden border border-gray-200"> 355 <div class="lg:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-0 lg:border-r border-gray-200"> 356 <div class="p-6 border-b md:border-r border-gray-200" data-aos="fade-up" data-aos-duration="200"> 357 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="text-brand-lightBlue"><path d="M12 2a4 4 0 0 1 4 4c0 1.95-1.4 3.58-3.25 3.93"/><path d="M8.56 9.8A4.002 4.002 0 0 1 12 2"/><circle cx="12" cy="14" r="4"/><path d="M19 14a7 7 0 0 0-14 0"/><path d="M12 18v4"/></svg> 358 <div class="pt-10 pr-4"> 359 <h4 class="text-gray-900 font-semibold text-xl mb-2">AI Task Force</h4> 360 <p class="text-gray-600 text-base font-medium mb-0">Cross-functional team that uses agentic AI to rebuild your workflows.</p> 361 <a href="https://hirehuman.ai/employers" target="_blank" rel="noopener noreferrer" class="block mt-3 text-brand-lightBlue font-medium hover:underline">Learn more ↗</a> 362 </div> 363 </div> 364 <div class="p-6 border-b border-gray-200" data-aos="fade-up" data-aos-duration="250"> 365 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="text-brand-mintGreen"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg> 366 <div class="pt-10 pr-4"> 367 <h4 class="text-gray-900 font-semibold text-xl mb-2">Cost-Effective Reshoring</h4> 368 <p class="text-gray-600 text-base font-medium mb-0">We deliver the most cost-effective talent on U.S. soil, with deep expertise in talent delivery for reshoring projects of all sizes.</p> 369 </div> 370 </div> 371 <div class="p-6 border-b md:border-r border-gray-200 lg:border-b-0" data-aos="fade-up" data-aos-duration="300"> 372 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="text-brand-warmGold"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg> 373 <div class="pt-10 pr-4"> 374 <h4 class="text-gray-900 font-semibold text-xl mb-2">Targeted Training</h4> 375 <p class="text-gray-600 text-base font-medium mb-0">Pipeline talent tailored to your needs. Only pay when the real work begins.
375</p> 376 </div> 377 </div> 378 <div class="p-6" data-aos="fade-up" data-aos-duration="350"> 379 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="text-brand-coralOrange"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg> 380 <div class="pt-10 pr-4"> 381 <h4 class="text-gray-900 font-semibold text-xl mb-2">Ad-Hoc Hiring</h4> 382 <p class="text-gray-600 text-base font-medium mb-0">Engage LaunchCode to non-exclusively source hard-to-fill roles, covering candidate vetting, technical and behavioral screening, and everything in between.</p> 383 </div> 384 </div> 385 </div> 386 387 <div class="lg:col-span-4 flex flex-col"> 388 <div class="relative flex-1 overflow-hidden p-8 flex flex-col" style="background: linear-gradient(45deg, #5c94ce, #01203e);" data-aos="fade-up" data-aos-duration="300"> 389 <div class="flex items-start justify-between mb-auto"> 390 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="opacity-80"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg> 391 </div> 392 <div class="mt-auto"> 393 <h3 class="text-white text-2xl font-semibold mb-2">Built to scale</h3> 394 <p class="text-gray-200 text-sm font-medium mb-0">Whether you need 1 hire or 100, our delivery model flexes to meet your pace and volume. From micro-batches to enterprise rollouts.</p> 395 </div> 396 </div> 397 <div class="relative flex-1 overflow-hidden p-8 flex flex-col" style="background: linear-gradient(45deg, #f47753, #354a5f);" data-aos="fade-up" data-aos-duration="400"> 398 <div class="flex items-start justify-between mb-auto"> 399 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="opacity-80"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 400 </div> 401 <div class="mt-auto"> 402 <h3 class="text-white text-2xl font-semibold mb-2">Proven track record</h3> 403 <p class="text-gray-200 text-sm font-medium mb-0">Thousands of careers launched across Fortune 500 companies and startups alike. Quality talent that sticks.</p> 404 </div> 405 </div> 406 </div> 407 </div> 408 </div> 409 </div> 410 411 <div class="font-dm lg:py-24 py-12"> 412 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-14 pb-0"> 413 <div class="flex flex-col items-center text-center xl:w-7/12 lg:w-2/3 mx-auto lg:pb-16 pb-10"> 414 <h2 class="lg:text-5xl md:text-4xl text-3xl font-semibold tracking-tighter text-brand-darkBlue mb-4" data-aos="fade-up" data-aos-duration="200"> 415 Backed by the best 416 </h2> 417 <p class="text-gray-600 text-lg font-medium max-w-2xl" data-aos="fade-up" data-aos-duration="300"> 418 World-class companies hire from LaunchCode. We're now building an AI-ready talent pipeline to meet their needs. 419 </p> 420 </div> 421 <div class="grid grid-cols-2 md:grid-cols-4 gap-4 lg:gap-6" data-aos="fade-up" data-aos-duration="400"> 422 423 <div class="rounded-2xl h-36 flex items-center justify-center p-8" style="background:#F0ECE8;"> 424 <img src="/dist/images/logo/employers/logo-mastercard.png" alt="Mastercard" loading="lazy" class="max-h-10 w-auto grayscale opacity-60"> 425 </div> 426 427 <div class="rounded-2xl h-36 flex items-center justify-center p-8" style="background:#F0ECE8;"> 428 <img src="/dist/images/logo/employers/logo-centene.png" alt="Centene" loading="lazy" class="max-h-10 w-auto grayscale opacity-60"> 429 </div> 430 431 <div class="rounded-2xl h-36 flex items-center justify-center p-8" style="background:#F0ECE8;"> 432 <img src="/dist/images/logo/employers/logo-boeing.png" alt="Boeing" loading="lazy" class="max-h-10 w-auto grayscale opacity-60"> 433 </div> 434 435 <div class="rounded-2xl h-36 flex items-center justify-center p-8" style="background:#F0ECE8;"> 436 <img src="/dist/images/logo/employers/logo-spectrum.png" alt="Spectrum" loading="lazy" class="max-h-10 w-auto grayscale opacity-60"> 437 </div> 438 439 <div class="rounded-2xl h-36 flex items-center justify-center p-8" style="background:#F0ECE8;"> 440 <img src="/dist/images/logo/employers/logo-broadcom.png" alt="Broadcom" loading="lazy" class="max-h-10 w-auto grayscale opacity-60"> 441 </div> 442 443 <div class="rounded-2xl h-36 flex items-center justify-center p-8" style="background:#F0ECE8;"> 444 <img src="/dist/images/logo/employers/logo-worldwidetechnology.png" alt="World Wide Technology" loading="lazy" class="max-h-10 w-auto grayscale opacity-60"> 445 </div> 446 447 <div class="rounded-2xl h-36 flex items-center justify-center p-8" style="background:#F0ECE8;"> 448 <img src="/dist/images/logo/employers/logo-cigna.png" alt="Cigna" loading="lazy" class="max-h-10 w-auto grayscale opacity-60"> 449 </div> 450 451 <div class="rounded-2xl h-36 flex items-center justify-center p-8" style="background:#F0ECE8;"> 452 <img src="/dist/images/logo/employers/logo-booz-allen.png" alt="Booz Allen" loading="lazy" class="max-h-10 w-auto grayscale opacity-60"> 453 </div> 454 455 </div> 456 </div> 457 </div> 458 459 <div id="how-it-works" class="bg-brand-beige lg:py-24 py-12"> 460 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3 pb-0"> 461 <div class="flex flex-col items-center text-center xl:w-7/12 lg:w-2/3 mx-auto lg:pb-16 pb-10"> 462 <div class="group flex items-center mb-6" data-aos="fade-up" data-aos-duration="200"> 463 <div class="relative z-30 bg-brand-lightBlue w-12 h-12 rounded-full flex items-center justify-center shadow-[4px_0_8px_-2px_rgba(0,0,0,0.15)] transition-all duration-300"> 464 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></svg> 465 </div> 466 <div class="relative z-20 -ml-3 group-hover:ml-1 bg-brand-mintGreen w-12 h-12 rounded-full flex items-center justify-center shadow-[4px_0_8px_-2px_rgba(0,0,0,0.15)] transition-all duration-300"> 467 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="7"/><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"/></svg> 468 </div> 469 <div class="relative z-10 -ml-3 group-hover:ml-1 bg-brand-warmGold w-12 h-12 rounded-full flex items-center justify-center transition-all duration-300"> 470 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg> 471 </div> 472 </div> 473 <h2 class="lg:text-5xl md:text-4xl text-3xl font-semibold tracking-tighter text-brand-darkBlue lg:mb-4 mb-2" style="text-wrap:balance;" data-aos="fade-up" data-aos-duration="300">
473Powered by an efficient talent pipeline</h2> 474 <p class="text-gray-600 text-lg font-medium max-w-2xl" data-aos="fade-up" data-aos-duration="400">A strategic approach to reskilling, upskilling, and targeted recruitment</p> 475 </div> 476 477 <div class="flex flex-col justify-center vertical-slider"> 478 <div class="w-full relative z-10 lg:px-12 px-4"> 479 <div class="splide slider-no-arrows slider-no-dots slider-no-border slider-bg-progress" id="employer-steps-thumbnail-carousel"> 480 <div class="splide__track"> 481 <div class="splide__list"> 482 <div class="splide__slide"> 483 <div class="flex flex-col bg-white rounded-xl p-4 lg:p-5"> 484 <div class="flex flex-col relative z-10"> 485 <div class="flex items-center gap-2 mb-1"> 486 <h3 class="text-gray-900 lg:text-2xl text-xl font-semibold mb-0">Recruit</h3> 487 <span class="text-brand-lightBlue text-sm font-medium">(Ongoing)</span> 488 </div> 489 <p class="text-gray-800 lg:pr-5 mb-0 text-[17px] mt-1 font-normal">Individuals apply to technical tracks and open reqs. We screen for aptitude, soft skills, and hunger.</p> 490 </div> 491 </div> 492 </div> 493 <div class="splide__slide"> 494 <div class="flex flex-col bg-white rounded-xl p-4 lg:p-5"> 495 <div class="flex flex-col relative z-10"> 496 <div class="flex items-center gap-2 mb-1"> 497 <h3 class="text-gray-900 lg:text-2xl text-xl font-semibold mb-0">Badge</h3> 498 <span class="text-brand-lightBlue text-sm font-medium">(7-90 days)</span> 499 </div> 500 <p class="text-gray-800 lg:pr-5 mb-0 text-[17px] mt-1 font-normal">Technical training, soft skills, and the LaunchCode stamp of approval ensure market-ready competency.</p> 501 </div> 502 </div> 503 </div> 504 <div class="splide__slide"> 505 <div class="flex flex-col bg-white rounded-xl p-4 lg:p-5"> 506 <div class="flex flex-col relative z-10"> 507 <div class="flex items-center gap-2 mb-1"> 508 <h3 class="text-gray-900 lg:text-2xl text-xl font-semibold mb-0">Place</h3> 509 <span class="text-brand-lightBlue text-sm font-medium">(Varies)</span> 510 </div> 511 <p class="text-gray-800 lg:pr-5 mb-0 text-[17px] mt-1 font-normal">We connect qualified candidates with your team. Choose contract, contract-to-hire, or direct hire.</p> 512 </div> 513 </div> 514 </div> 515 </div> 516 </div> 517 </div> 518 </div> 519 <div class="w-full -mt-12 lg:-mt-16 pt-2"> 520 <div class="splide slider-no-dots" id="employer-steps-carousel"> 521 <div class="splide__track overflow-visible rounded-xl"> 522 <div class="splide__list"> 523 <div class="splide__slide relative rounded-xl overflow-hidden"> 524 <div class="absolute inset-0 z-10 pointer-events-none bg-[linear-gradient(to_left,rgba(0,0,0,0.01)_0%,rgba(0,0,0,0.5)_100%)]"></div> 525 <div class="absolute start-0 bottom-0 z-10 lg:p-10 p-5">
526 <span class="text-white lg:text-6xl text-4xl font-semibold">10K+</span> 527 <p class="text-white/80 text-lg font-medium mb-0 mt-1">applicants screened annually</p> 528 </div> 529 <img src="/dist/images/header-employer-services.jpg" alt="Recruiting talent at LaunchCode" class="w-full min-h-[300px] lg:min-h-[400px] object-cover rounded-xl" loading="lazy" /> 530 </div> 531 <div class="splide__slide relative rounded-xl overflow-hidden"> 532 <div class="absolute inset-0 z-10 pointer-events-none bg-[linear-gradient(to_left,rgba(0,0,0,0.01)_0%,rgba(0,0,0,0.5)_100%)]"></div> 533 <div class="absolute start-0 bottom-0 z-10 lg:p-10 p-5"> 534 <span class="text-white lg:text-6xl text-4xl font-semibold">500+</span> 535 <p class="text-white/80 text-lg font-medium mb-0 mt-1">hours of training and assessment</p> 536 </div> 537 <img src="/dist/images/header-employer-services.jpg" alt="Badging and training at LaunchCode" class="w-full min-h-[300px] lg:min-h-[400px] object-cover rounded-xl" loading="lazy" /> 538 </div> 539 <div class="splide__slide relative rounded-xl overflow-hidden"> 540 <div class="absolute inset-0 z-10 pointer-events-none bg-[linear-gradient(to_left,rgba(0,0,0,0.01)_0%,rgba(0,0,0,0.5)_100%)]"></div> 541 <div class="absolute start-0 bottom-0 z-10 lg:p-10 p-5"> 542 <span class="text-white lg:text-6xl text-4xl font-semibold">65%</span> 543 <p class="text-white/80 text-lg font-medium mb-0 mt-1">2-year retention rate</p> 544 </div> 545 <img src="/dist/images/header-employer-services.jpg" alt="Placing talent with employers" class="w-full min-h-[300px] lg:min-h-[400px] object-cover rounded-xl" loading="lazy" /> 546 </div> 547 </div> 548 </div> 549 </div> 550 </div> 551 </div> 552 </div> 553 </div> 554 555 <div class="bg-white lg:py-24 py-12"> 556 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3 pb-0"> 557 <div class="flex flex-col items-center text-center xl:w-7/12 lg:w-2/3 mx-auto lg:pb-16 pb-10"> 558 <h2 class="lg:text-5xl md:text-4xl text-3xl font-semibold tracking-tighter text-brand-darkBlue mb-4" data-aos="fade-up" data-aos-duration="200">Job categories</h2> 559 <p class="text-gray-600 text-lg font-medium max-w-2xl" data-aos="fade-up" data-aos-duration="300">From 0 to 5 years experience; flex to 10</p> 560 </div> 561 562 <div class="grid lg:grid-cols-3 grid-cols-1 gap-6"> 563 <div class="bg-white rounded-xl border border-gray-200 overflow-hidden" data-aos="fade-up" data-aos-duration="200"> 564 <div class="h-2 bg-brand-coralOrange"></div> 565 <div class="p-6"> 566 <p class="text-brand-coralOrange text-sm font-semibold uppercase tracking-wider mb-1">Category</p> 567 <h3 class="text-gray-900 text-xl font-semibold mb-4">AI Adoption</h3> 568 <p class="text-gray-600 text-sm font-medium mb-6">Cross-functional talent that uses agentic AI to rebuild your workflows: strategy leads, engineers, and specialists.</p> 569 <div class="space-y-3"> 570 <div class="flex items-start gap-3"> 571 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-400 shrink-0 mt-0.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
572 <span class="text-gray-700 text-sm font-medium">AI Strategy Lead</span> 573 </div> 574 <div class="flex items-start gap-3"> 575 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-400 shrink-0 mt-0.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 576 <span class="text-gray-700 text-sm font-medium">Agentic Engineer</span> 577 </div> 578 <div class="flex items-start gap-3"> 579 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-400 shrink-0 mt-0.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 580 <span class="text-gray-700 text-sm font-medium">Agentic Specialist</span> 581 </div> 582 </div> 583 </div> 584 </div> 585 586 <div class="bg-white rounded-xl border border-gray-200 overflow-hidden" data-aos="fade-up" data-aos-duration="300"> 587 <div class="h-2 bg-brand-lightBlue"></div> 588 <div class="p-6"> 589 <p class="text-brand-lightBlue text-sm font-semibold uppercase tracking-wider mb-1">Category</p> 590 <h3 class="text-gray-900 text-xl font-semibold mb-4">Technical</h3> 591 <p class="text-gray-600 text-sm font-medium mb-6">Software development, data engineering, data science, DevOps, SaaS, and more.</p> 592 <div class="space-y-3"> 593 <div class="flex items-start gap-3"> 594 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-400 shrink-0 mt-0.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 595 <span class="text-gray-700 text-sm font-medium">Software Developer</span> 596 </div> 597 <div class="flex items-start gap-3"> 598 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-400 shrink-0 mt-0.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 599 <span class="text-gray-700 text-sm font-medium">Data Engineer</span> 600 </div> 601 <div class="flex items-start gap-3"> 602 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-400 shrink-0 mt-0.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 603 <span class="text-gray-700 text-sm font-medium">DevOps / SaaS</span> 604 </div> 605 </div> 606 </div> 607 </div> 608 609 <div class="bg-white rounded-xl border border-gray-200 overflow-hidden" data-aos="fade-up" data-aos-duration="400"> 610 <div class="h-2 bg-brand-mintGreen"></div> 611 <div class="p-6"> 612 <p class="text-brand-mintGreen text-sm font-semibold uppercase tracking-wider mb-1">Category</p> 613 <h3 class="text-gray-900 text-xl font-semibold mb-4">
613Technical Adjacent</h3> 614 <p class="text-gray-600 text-sm font-medium mb-6">Analyst, data labeling, product management, technical support, operations, and more.</p> 615 <div class="space-y-3"> 616 <div class="flex items-start gap-3"> 617 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-400 shrink-0 mt-0.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 618 <span class="text-gray-700 text-sm font-medium">Business Analyst</span> 619 </div> 620 <div class="flex items-start gap-3"> 621 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-400 shrink-0 mt-0.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 622 <span class="text-gray-700 text-sm font-medium">Product Manager</span> 623 </div> 624 <div class="flex items-start gap-3"> 625 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-400 shrink-0 mt-0.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> 626 <span class="text-gray-700 text-sm font-medium">Technical Support</span> 627 </div> 628 </div> 629 </div> 630 </div> 631 </div> 632 </div> 633 </div> 634 635 <div class="font-dm lg:mx-10 mb-16 lg:mb-24"> 636 <div class="lg:py-16 py-12 bg-[#e2eaf2] rounded-xl"> 637 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3 pb-0"> 638 <h2 class="lg:text-5xl md:text-4xl text-3xl font-semibold tracking-tighter text-brand-darkBlue lg:mb-12 mb-8" data-aos="fade-up" data-aos-duration="300">Cost-effective, high-quality talent on U.S. soil</h2> 639 640 <div class="grid lg:grid-cols-3 grid-cols-1 gap-6 mb-8"> 641 <div class="bg-white rounded-xl border border-gray-200 overflow-hidden" data-aos="fade-up" data-aos-duration="200"> 642 <div class="h-2 bg-brand-lightBlue"></div> 643 <div class="p-6"> 644 <p class="text-brand-lightBlue text-sm font-semibold uppercase tracking-wider mb-1">Volume</p> 645 <h3 class="text-gray-900 text-xl font-semibold mb-4">Batch Hiring</h3> 646 <p class="text-gray-600 text-sm font-medium mb-6">Multi-hire engagements with volume-based pricing. Ideal for reshoring, new projects, and team buildouts.</p> 647 <div class="bg-brand-lightBlue/10 rounded-lg p-4 text-center"> 648 <p class="text-brand-lightBlue text-3xl font-semibold mb-0">10%+</p> 649 <p class="text-gray-600 text-sm font-medium mb-0">volume discount</p> 650 </div> 651 </div> 652 </div> 653 654 <div class="bg-white rounded-xl border border-gray-200 overflow-hidden" data-aos="fade-up" data-aos-duration="300"> 655 <div class="h-2 bg-brand-mintGreen"></div> 656 <div class="p-6"> 657 <p class="text-brand-mintGreen text-sm font-semibold uppercase tracking-wider mb-1">0-1 Years</p> 658 <h3 class="text-gray-900 text-xl font-semibold mb-4">Entry-Level Talent</h3> 659 <p class="text-gray-600 text-sm font-medium mb-6">Recently trained and job-ready candidates with strong fundamentals and LaunchCode badging.</p> 660 <div class="bg-brand-mintGreen/10 rounded-lg p-4 text-center"> 661 <p class="text-brand-mintGreen text-3xl font-semibold mb-0">$50+/hr</p> 662 <p class="text-gray-600 text-sm font-medium mb-0">contract & contract-to-hire</p> 663 </div> 664 </div> 665 </div> 666 667 <div class="bg-white rounded-xl border border-gray-200 overflow-hidden" data-aos="fade-up" data-aos-duration="400"> 668 <div class="h-2 bg-brand-coralOrange"></div> 669 <div class="p-6"> 670 <p class="text-brand-coralOrange text-sm font-semibold uppercase tracking-wider mb-1">1-10 Years</p> 671 <h3 class="text-gray-900 text-xl font-semibold mb-4">Experienced Talent</h3> 672 <p class="text-gray-600 text-sm font-medium mb-6">Mid-career professionals with proven track records and deeper domain expertise.</p> 673 <div class="bg-brand-coralOrange/10 rounded-lg p-4 text-center"> 674 <p class="text-brand-coralOrange text-3xl font-semibold mb-0">$75+/hr</p> 675 <p class="text-gray-600 text-sm font-medium mb-0">contract & contract-to-hire</p> 676 </div> 677 </div> 678 </div> 679 </div> 680 681 <div class="text-center space-y-2" data-aos="fade-up" data-aos-duration="400"> 682 <p class="text-gray-500 text-sm font-medium mb-0">Modest finder's fee: $10K+ on direct hires, decreasing to $0 on contract-to-hire after 480 hours.</p> 683 <p class="text-gray-500 text-sm font-medium mb-0">Flexible hiring mechanics: Choose from contract-only, contract-to-hire, and direct hire options.
683</p> 684 </div> 685 </div> 686 </div> 687 </div> 688 689 690<div id="employer-form" class="font-dm lg:py-24 py-12 bg-white hidden"> 691 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3"> 692 <div class="max-w-2xl mx-auto"> 693 <div class="flex items-center justify-between mb-8"> 694 <h2 class="lg:text-4xl text-3xl font-semibold tracking-tighter text-brand-darkBlue mb-0" id="employer-form-title"></h2> 695 <button type="button" id="employer-form-close" class="text-gray-400 hover:text-gray-600 transition-colors p-2 -mr-2"> 696 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> 697 </button> 698 </div> 699 700 <div id="hubspot-form-employer" class="hidden"></div> 701 702 </div> 703 </div> 704</div> 705 706 707 </main> 708 709 <footer aria-label="Site footer" class="bg-gray-900 text-gray-100 font-dm footer-wrap"> 710 <div class="max-w-screen-xl mx-auto px-3 sm:px-6 md:px-14 lg:px-14 xl:px-18 2xl:px-3 pb-0"> 711 <div class="flex flex-wrap gap-y-4 footer-wrap-top lg:py-14 py-6"> 712 <div class="flex items-center w-full 2xl:w-3/6 xl:w-1/3 lg:w-1/3"> 713 <a href="/" class="inline-block relative"> 714 <img src="/dist/images/logo/logo-launchcode.svg" alt="LaunchCode logo" class="h-16 w-auto" style="filter: brightness(0) invert(1);" loading="lazy" /> 715 </a> 716 </div> 717 718 <div class="w-full 2xl:w-3/6 xl:w-2/3 lg:w-2/3 flex items-center lg:justify-end"> 719 <button type="button" id="footer-get-in-touch" class="inline-flex items-center justify-center px-6 py-3 text-white bg-brand-lightBlue hover:bg-blue-700 rounded-lg text-base font-medium transition"> 720 <span>Get in touch</span> 721 </button> 722 </div> 723 </div> 724 725 <div class="border-t border-gray-800 my-0"></div> 726 727 <div class="grid lg:grid-cols-2 lg:gap-24 gap-y-16 footer-wrap-content"> 728 <div class="max-w-md flex items-center"> 729 <a href="https://www.launchcode.org/signup" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 bg-brand-lightBlue hover:bg-blue-700 text-white px-5 py-3 rounded-lg transition text-base font-medium"> 730 <span>Subscribe to our newsletter</span> 731 <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="text-white btn-arrow-external"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg> 732 </a> 733 </div> 734 735 <div class="grid grid-cols-2 sm:grid-cols-2 gap-6"> 736 <div> 737 <h4 class="text-lg font-medium text-gray-400 mb-5">Company</h4> 738 <ul class="footer-link flex flex-col gap-3 text-sm text-gray-400"> 739 740 <li><a href="/learners">Start learning</a></li> 741 742 <li><a href="/employers">Hire talent</a></li> 743 744 <li><a href="/donors">Donate</a></li> 745 746 <li><a href="/about">About</a></li> 747 748 <li><a href="/careers/open">Work Here</a></li> 749 750 </ul> 751 </div> 752 <div> 753 <h4 class="text-lg font-medium text-gray-400 mb-5">Connect</h4> 754 <ul class="footer-link flex flex-col gap-3 text-sm text-gray-400"> 755 756 <li><a href="https://www.linkedin.com/school/launchcode" target="_blank" rel="noopener noreferrer">LinkedIn</a></li> 757 758 <li><a href="https://www.facebook.com/launchcode.org" target="_blank" rel="noopener noreferrer">Facebook</a></li> 759 760 <li><a href="https://www.instagram.com/launchcode" target="_blank" rel="noopener noreferrer">Instagram</a></li> 761 762 </ul> 763 </div> 764 </div> 765 </div> 766 767 <div class="border-t border-gray-800"></div> 768
769 <div class="text-center lg:py-7 py-4"> 770 <p class="text-gray-400 text-base font-medium py-2">©2026 The LaunchCode Foundation. 771 The LaunchCode Foundation is a tax-exempt, registered 501(c)(3) nonprofit organization. EIN: 47-1718432.</p> 772 </div> 773 </div> 774 </footer> 775 776 <!-- Get in Touch modal --> 777 <div id="footer-contact-modal" class="hidden fixed inset-0 z-50 overflow-y-auto" role="dialog" aria-modal="true" aria-labelledby="footer-modal-title"> 778 <div class="flex min-h-full items-center justify-center p-4"> 779 <div id="footer-modal-backdrop" class="fixed inset-0 bg-gray-900/75" style="opacity:0;transition:opacity 0.25s ease;"></div> 780 <div id="footer-modal-panel" class="relative bg-white rounded-xl shadow-xl w-full max-w-lg p-6 sm:p-8 z-10" style="max-height:90vh;overflow-y:auto;opacity:0;transform:translateY(16px) scale(0.98);transition:opacity 0.25s ease,transform 0.25s ease;"> 781 <div class="flex items-center justify-between mb-6"> 782 <h2 id="footer-modal-title" class="lg:text-3xl text-2xl font-semibold tracking-tighter text-brand-darkBlue mb-0">Get in touch</h2> 783 <button type="button" id="footer-modal-close" class="text-gray-400 hover:text-gray-600 transition-colors p-2 -mr-2"> 784 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> 785 </button> 786 </div> 787 <div id="hubspot-form-footer-contact"></div> 788 </div> 789 </div> 790 </div> 791 792
792<script> 793 (function() { 794 var modal = document.getElementById('footer-contact-modal'); 795 var backdrop = document.getElementById('footer-modal-backdrop'); 796 var panel = document.getElementById('footer-modal-panel'); 797 var openBtn = document.getElementById('footer-get-in-touch'); 798 var closeBtn = document.getElementById('footer-modal-close'); 799 var formLoaded = false; 800 801 // Move modal to document.body so blur on #page doesn't affect it 802 document.body.appendChild(modal); 803 804 function loadHubspotTracking() { 805 if (document.getElementById('hs-script-loader')) return; 806 var s = document.createElement('script'); 807 s.id = 'hs-script-loader'; 808 s.src = '//js.hs-scripts.com/5546754.js'; 809 s.async = true; 810 s.defer = true; 811 document.head.appendChild(s); 812 } 813 814 function loadFormsScript(callback) { 815 if (window.hbspt && window.hbspt.forms) { callback(); return; } 816 var s = document.createElement('script'); 817 s.src = '//js.hsforms.net/forms/embed/v2.js'; 818 s.charset = 'utf-8'; 819 s.onload = callback; 820 document.head.appendChild(s); 821 } 822 823 function openModal() { 824 modal.classList.remove('hidden'); 825 document.body.style.overflow = 'hidden'; 826 var page = document.getElementById('page'); 827 page.style.transition = 'filter 0.25s ease, transform 0.25s ease'; 828 page.style.transformOrigin = 'center center'; 829 830 requestAnimationFrame(function() { 831 backdrop.style.opacity = '1'; 832 panel.style.opacity = '1'; 833 panel.style.transform = 'translateY(0) scale(1)'; 834 page.style.filter = 'blur(4px)'; 835 page.style.transform = 'scale(1.02)'; 836 }); 837 838 if (formLoaded) return; 839 loadHubspotTracking(); 840 loadFormsScript(function() { 841 hbspt.forms.create({ 842 portalId: '5546754', 843 formId: '56bd325d-4df6-4e6b-b0b3-ce8554d0bf5b', 844 region: 'na1', 845 target: '#hubspot-form-footer-contact' 846 }); 847 formLoaded = true; 848 }); 849 } 850 851 function closeModal() { 852 backdrop.style.opacity = '0'; 853 panel.style.opacity = '0'; 854 panel.style.transform = 'translateY(16px) scale(0.98)'; 855 var page = document.getElementById('page'); 856 page.style.filter = ''; 857 page.style.transform = ''; 858 859 setTimeout(function() { 860 modal.classList.add('hidden'); 861 document.body.style.overflow = ''; 862 }, 250); 863 } 864 865 openBtn.addEventListener('click', openModal); 866 closeBtn.addEventListener('click', closeModal); 867 backdrop.addEventListener('click', closeModal); 868 document.addEventListener('keydown', function(e) { 869 if (e.key === 'Escape' && !modal.classList.contains('hidden')) closeModal(); 870 }); 871 })(); 872 </script>
872 873 874 875 </div> 876 877
877<script src="/dist/js/vendor.js" defer></script>
877 878
878<script src="/dist/js/main.js" defer></script>
878 879 880
880<script src="/dist/js/aat.min.js" defer></script>
880 881 882
882<script> 883 document.addEventListener("DOMContentLoaded", () => { 884 const { ScrollObserver, valueAtPercentage } = aat; 885 886 const cardsContainer = document.querySelector(".card-sticky-wrap"); 887 const cards = document.querySelectorAll(".card-sticky"); 888 889 if (!cardsContainer || !cards.length) return; 890 891 cardsContainer.style.setProperty("--cards-count", cards.length); 892 cardsContainer.style.setProperty("--card-height", `${cards[0].clientHeight}px`); 893 894 Array.from(cards).forEach((card, index) => { 895 const offsetTop = 20 + index * 20; 896 card.style.paddingTop = `${offsetTop}px`; 897 898 if (index === cards.length - 1) return; 899 900 const toScale = 1 - (cards.length - 1 - index) * 0.1; 901 const nextCard = cards[index + 1]; 902 const cardInner = card.querySelector(".card-sticky-inner"); 903 904 ScrollObserver.Element(nextCard, { 905 offsetTop, 906 offsetBottom: window.innerHeight - card.clientHeight, 907 }).onScroll(({ percentageY }) => { 908 cardInner.style.scale = valueAtPercentage({ 909 from: 1, 910 to: toScale, 911 percentage: percentageY, 912 }); 913 cardInner.style.filter = `brightness(${valueAtPercentage({ 914 from: 1, 915 to: 0.6, 916 percentage: percentageY, 917 })})`; 918 }); 919 }); 920 }); 921 </script>
921 922 923
923<script> 924 document.addEventListener('DOMContentLoaded', () => { 925 const mainEl = document.querySelector('#employer-steps-carousel'); 926 const thumbsEl = document.querySelector('#employer-steps-thumbnail-carousel'); 927 if (mainEl && thumbsEl) { 928 const dir = document.documentElement.dir === 'rtl' ? 'rtl' : 'ltr'; 929 const main = new Splide(mainEl, { 930 type: 'fade', rewind: true, perPage: 1, autoplay: true, 931 pauseOnHover: true, interval: 4000, direction: dir, 932 arrows: false, pagination: false, speed: 1000 933 }); 934 const thumbs = new Splide(thumbsEl, { 935 gap: 20, perPage: 3, rewind: true, autoWidth: false, 936 pagination: false, isNavigation: true, direction: dir, 937 autoplay: false, 938 breakpoints: { 1200: { perPage: 2 }, 768: { perPage: 2 }, 480: { perPage: 1 } } 939 }); 940 main.sync(thumbs).mount(); 941 thumbs.mount(); 942 } 943 }); 944 </script>
944 945 946
946<script> 947 document.addEventListener('DOMContentLoaded', () => { 948 document.querySelectorAll('a[href^="#"]').forEach(anchor => { 949 anchor.addEventListener('click', function(e) { 950 const targetId = this.getAttribute('href'); 951 if (targetId === '#') return; 952 const targetEl = document.querySelector(targetId); 953 if (targetEl) { 954 e.preventDefault(); 955 targetEl.scrollIntoView({ behavior: 'smooth', block: 'start' }); 956 } 957 }); 958 }); 959 }); 960 </script>
960 961 962
963<script> 964document.addEventListener('DOMContentLoaded', function() { 965 var forms = {"employer":{"formId":"8c925979-605a-44d7-9bbc-515cf129c189","title":"Hire talent","target":"#hubspot-form-employer"}}; 966 var section = document.getElementById('employer-form'); 967 var titleEl = document.getElementById('employer-form-title'); 968 var loaded = {}; 969 var activeForm = null; 970 var formKeys = Object.keys(forms); 971 972 function loadHubspotTracking() { 973 if (document.getElementById('hs-script-loader')) return; 974 var s = document.createElement('script'); 975 s.id = 'hs-script-loader'; 976 s.src = '//js.hs-scripts.com/5546754.js'; 977 s.async = true; 978 s.defer = true; 979 document.head.appendChild(s); 980 } 981 982 function loadFormsScript(callback) { 983 if (window.hbspt && window.hbspt.forms) { callback(); return; } 984 var s = document.createElement('script'); 985 s.src = '//js.hsforms.net/forms/embed/v2.js'; 986 s.charset = 'utf-8'; 987 s.onload = callback; 988 document.head.appendChild(s); 989 } 990 991 function showForm(key) { 992 var form = forms[key]; 993 if (!form) return; 994 995 if (activeForm === key) { 996 section.scrollIntoView({ behavior: 'smooth', block: 'start' }); 997 return; 998 } 999 1000 formKeys.forEach(function(k) { 1001 document.querySelector(forms[k].target).classList.add('hidden'); 1002 }); 1003 1004 titleEl.textContent = form.title; 1005 section.classList.remove('hidden'); 1006 1007 if (loaded[key]) { 1008 document.querySelector(form.target).classList.remove('hidden'); 1009 activeForm = key; 1010 setTimeout(function() { section.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 100); 1011 return; 1012 } 1013 1014 loadHubspotTracking(); 1015 loadFormsScript(function() { 1016 hbspt.forms.create({ 1017 portalId: '5546754', 1018 formId: form.formId, 1019 region: 'na1', 1020 target: form.target 1021 }); 1022 document.querySelector(form.target).classList.remove('hidden'); 1023 loaded[key] = true; 1024 activeForm = key; 1025 setTimeout(function() { section.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 100); 1026 }); 1027 } 1028 1029 document.querySelectorAll('[data-employer-form]').forEach(function(btn) { 1030 btn.addEventListener('click', function(e) { 1031 e.preventDefault(); 1032 var key = btn.getAttribute('data-employer-form') || formKeys[0]; 1033 showForm(key); 1034 }); 1035 }); 1036 1037 document.getElementById('employer-form-close').addEventListener('click', function() { 1038 section.classList.add('hidden'); 1039 formKeys.forEach(function(k) { 1040 document.querySelector(forms[k].target).classList.add('hidden'); 1041 }); 1042 activeForm = null; 1043 }); 1044}); 1045</script>
1045 1046 1047 1048
1049<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:'a44120785b169a31',t:'MTc5MDkxNzA1Mg=='};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>
1049</body> 1050 1051</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.