PageSourceSearch

https://www.launchcode.org/employers

html launchcode.org collected 2026-10-02 04:57:32 UTC 79,282 bytes, 1,051 lines download raw bytes

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 &nearr;</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">&copy;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.