1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 6-7
6 7 <script async src="https://www.googletagmanager.com/gtag/js?id=
7G-6RB1TDGN4Z
vendor: 16 bytes, lines 7-8
7"></script> 8
8<script> 9
vendor: 145 bytes, lines 9-12
9window.dataLayer = window.dataLayer || []; 10 function gtag(){dataLayer.push(arguments);} 11 gtag('js', new Date()); 12 gtag('config', '
12G-6RB1TDGN4Z
vendor: 8 bytes, lines 12-13
12'); 13
13</script>
13 14 <title>AI Build Club DC</title> 15 <meta 16 name="description" 17 content="AI Build Club DC is a Washington, DC community for people learning and building with AI together." 18 > 19 <link rel="canonical" href="https://aibuildclubdc.com/"> 20 <link rel="icon" type="image/png" href="favicon.ico?v=2"> 21 <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png?v=2"> 22 <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png?v=2"> 23 <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=2"> 24 <link rel="manifest" href="site.webmanifest?v=2"> 25 <meta name="theme-color" content="#000000"> 26 <meta property="og:title" content="AI Build Club DC"> 27 <meta 28 property="og:description" 29 content="Meet founders, developers, operators, creatives, and AI builders across the DMV." 30 > 31 <meta property="og:image" content="https://aibuildclubdc.com/og-image.jpg"> 32 <meta property="og:image:secure_url" content="https://aibuildclubdc.com/og-image.jpg"> 33 <meta property="og:image:type" content="image/jpeg"> 34 <meta property="og:image:width" content="1200"> 35 <meta property="og:image:height" content="630"> 36 <meta property="og:image:alt" content="AI Build Club DC cover artwork"> 37 <meta property="og:url" content="https://aibuildclubdc.com/"> 38 <meta property="og:type" content="website"> 39 <meta property="og:site_name" content="AI Build Club DC"> 40 <meta name="twitter:card" content="summary_large_image"> 41 <meta name="twitter:title" content="AI Build Club DC"> 42 <meta 43 name="twitter:description" 44 content="Meet founders, developers, operators, creatives, and AI builders across the DMV." 45 > 46 <meta name="twitter:image" content="https://aibuildclubdc.com/og-image.jpg"> 47 <meta name="twitter:image:alt" content="AI Build Club DC cover artwork"> 48 <link rel="preconnect" href="https://fonts.googleapis.com"> 49 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 50 <link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"> 51 <link rel="stylesheet" href="styles.css?v=2026-08-25-1"> 52 </head> 53 <body> 54 <div class="site-shell"> 55 <div class="global-art global-art--disk" aria-hidden="true"></div> 56 <div class="global-art global-art--bubble" aria-hidden="true"></div> 57 <div class="global-art global-art--logo" aria-hidden="true"></div> 58 59 <header class="site-header" data-component="SiteHeader"> 60 <a class="site-header__brand" href="#top" aria-label="AI Build Club DC home"> 61 <img src="assets/ai-build-club-dc-sticker.png" alt="AI Build Club DC"> 62 </a> 63 <a class="site-header__cta" href="#events">See events</a> 64 </header> 65 <a class="speakers-banner" href="/workshop/"> 66 Learn about our hands-on AI workshops 67 </a> 68 69 <main> 70 <section class="hero-section section" id="top" data-component="HeroSection"> 71 <div class="section__frame hero-section__frame"> 72 <div class="hero-section__copy reveal"> 73 <h1> 74 <span class="hero-title__line">Helping people</span> 75 <span class="hero-title__line">feel confident</span> 76 <span class="hero-title__line">steering AI.</span> 77 </h1> 78 <p class="hero-section__lede"> 79 <span class="hero-lede__line">Practical events and workshops</span> 80 <span class="hero-lede__line">for learning how to guide AI</span> 81 <span class="hero-lede__line">into apps, agents, workflows,</span> 82 <span class="hero-lede__line">and better decisions.</span> 83 </p> 84 <div class="button-row"> 85 <a class="button button--primary" href="https://luma.com/aibuildclub" target="_blank" rel="noreferrer">Subscribe to our Luma calendar</a> 86 <a class="button button--ghost button--hot-outline" href="#teams">Work with us</a> 87 </div> 88 </div> 89 90 <div class="hero-section__visual reveal" aria-label="AI Build Club DC artwork"> 91 <a 92 class="hero-section__poster-link" 93 href="https://luma.com/aibuildclub" 94 target="_blank" 95 rel="noreferrer" 96 aria-label="View AI Build Club DC events on Luma" 97 > 98 <img class="hero-section__poster" src="assets/hero-poster.png" alt="AI Build Club DC poster artwork"> 99 </a> 100 <img class="hero-section__float hero-section__float--blob" src="assets/blob.png" alt=""> 101 <img class="hero-section__float hero-section__float--bubble" src="assets/bubble.png" alt=""> 102 </div> 103 </div> 104 </section> 105 106 <section class="milestone-section section" data-component="MilestoneSection"> 107 <div class="section__frame"> 108 <div class="stats-strip reveal" id="stats-strip" aria-label="AI Build Club DC by the numbers"></div> 109 </div> 110 </section> 111 112 <section class="intro-section section" id="about" data-component="IntroSection"> 113 <div class="section__frame intro-section__frame"> 114 <div class="intro-section__content"> 115 <div class="section-heading intro-section__heading reveal"> 116 <h2>A community <span class="keep-together">for the curious.</span></h2> 117 </div> 118 <div class="intro-section__body reveal"> 119 <p> 120 AI Build Club DC gathers people who want to understand AI by using it. 121 We make space for demos, hands-on practice, honest questions, and the 122 practical patterns builders are finding in <span class="keep-together">real work.</span> 123 </p> 124 <p> 125 Everyone is both a student and a teacher. The floor belongs to the 126 community: people showing what they tried, what worked, and what they 127 would do differently <span class="keep-together">next time.</span> 128 </p> 129 </div> 130 </div> 131 </div> 132 </section> 133 134 <section class="events-section section" id="events" data-component="EventsSection"> 135 <div class="section__frame"> 136 <div class="events-section__panel reveal"> 137 <div class="panel-corners" aria-hidden="true"></div> 138 <article 139 class="next-session-card" 140 id="next-event-widget"
141 aria-live="polite" 142 data-luma-calendar-id="cal-u6Ck2F7KavTcrSU" 143 > 144 <h3 class="next-session-card__title"> 145 Come build with us 146 </h3> 147 <p> 148 Meet founders, developers, operators, creatives, and AI builders 149 across the DMV. 150 </p> 151 <a 152 class="next-session-card__cta" 153 href="https://luma.com/aibuildclub" 154 target="_blank" 155 rel="noreferrer" 156 aria-label="Subscribe to our Luma calendar" 157 > 158 <span class="next-session-card__cta-label next-session-card__cta-label--long">Subscribe to our</span> 159 <span class="next-session-card__cta-label next-session-card__cta-label--short">Sub to our</span> 160 <img class="next-session-card__cta-logo" src="assets/luma-logo.png" alt="Luma"> 161 <span>calendar</span> 162 </a> 163 </article> 164 </div> 165 </div> 166 </section> 167 168 <!-- TEMPORARILY HIDDEN (2026-08-20): remove `hidden` + data-temporarily-hidden to restore --> 169 <section class="event-types-section section" id="formats" data-component="EventTypesSection" hidden data-temporarily-hidden> 170 <img class="section-art section-art--disk" src="assets/disk-1.png" alt="" aria-hidden="true"> 171 <div class="section__frame"> 172 <div class="section-heading reveal"> 173 <h2>Different rooms for different kinds of building.</h2> 174 </div> 175 <div class="format-board reveal" id="event-types-grid"></div> 176 </div> 177 </section> 178 179 <!-- TEMPORARILY HIDDEN (2026-08-20): remove `hidden` + data-temporarily-hidden to restore --> 180 <section class="how-section section" id="how" data-component="HowItWorksSection" hidden data-temporarily-hidden> 181 <div class="section__frame"> 182 <div class="section-heading section-heading--center reveal"> 183 <h2>Learning happens shoulder to shoulder.</h2> 184 </div> 185 <div class="card-grid card-grid--three" id="pillars-grid"></div> 186 </div> 187 </section> 188 189 <section class="resources-section section" id="resources" data-component="ResourcesSection"> 190 <div class="section__frame"> 191 <div class="section-heading section-heading--center reveal"> 192 <h2>Resources</h2> 193 </div> 194 <div class="resource-grid reveal"> 195 <a class="resource-card" href="/resources/skill-creation-track/"> 196 <h3>Skill Creation Track</h3> 197 <p>Learn how to package what you know into reusable AI skills.</p> 198 <span class="resource-card__footer"> 199 <span class="resource-card__tag">resource</span> 200 <span class="resource-card__arrow" aria-hidden="true">â</span> 201 </span> 202 </a> 203 </div> 204 </div> 205 </section> 206 207 <section class="team-routes-section section" id="teams" data-component="TeamRoutesSection"> 208 <img class="section-art section-art--dc" src="assets/dc-logo.png" alt="" aria-hidden="true"> 209 <div class="section__frame"> 210 <div class="section-heading section-heading--center reveal"> 211 <h2>Extend your learnings with us</h2> 212 <p> 213 For peers, teams, and organizations that want practical AI capability, not another vague 214 future-of-work talk. 215 </p> 216 </div> 217 <div class="route-list" id="team-routes-list"></div> 218 <p class="offer-aside offer-aside--contact reveal"> 219 Have a question? 220 <button class="offer-aside__button" type="button" id="contact-modal-open">Send us a note â</button> 221 </p> 222 </div> 223 </section> 224 225 <section class="case-section section" id="community" data-component="CaseSection"> 226 <div class="section__frame"> 227 <div class="case-section__stack"> 228 <div class="section-heading reveal"> 229 <h2>Real people, real use cases, good energy.</h2> 230 </div> 231 <div class="case-collage-wrap" id="case-collage-wrap"> 232 <div class="case-collage reveal" id="case-track" aria-label="AI Build Club DC community proof"></div> 233 <div class="case-collage-wrap__fade" aria-hidden="true"></div> 234 </div> 235 <div class="case-collage-actions"> 236 <button class="button button--ghost case-collage-toggle" type="button" id="case-collage-toggle" aria-expanded="false" aria-controls="case-collage-wrap"></button> 237 </div> 238 </div> 239 </div> 240 </section> 241 242 <section class="coleads-section section" id="coleads" data-component="CoLeadsSection">
243 <div class="section__frame coleads-section__frame"> 244 <div class="section-heading section-heading--center reveal"> 245 <h2>The coleads behind AIBCDC.</h2> 246 <p> 247 The people shaping the rooms, connecting builders, and keeping the 248 community practical. 249 </p> 250 </div> 251 <div class="colead-grid" id="coleads-grid"></div> 252 </div> 253 </section> 254 255 <section class="sponsors-section section" id="sponsors" data-component="SponsorsSection"> 256 <div class="section__frame sponsors-section__frame reveal"> 257 <div class="section-heading section-heading--center"> 258 <h2>Thanks to our sponsors</h2> 259 </div> 260 <div class="sponsor-stack" aria-label="AI Build Club DC sponsors"> 261 <div class="sponsor-grid sponsor-grid--top"> 262 <a class="sponsor-card sponsor-card--prefect" href="https://www.prefect.io/" target="_blank" rel="noreferrer"> 263 <img src="assets/sponsor-prefect.png" alt="Prefect"> 264 </a> 265 <a class="sponsor-card sponsor-card--zenith" href="https://www.zenithstudio.io/" target="_blank" rel="noreferrer"> 266 <img src="assets/sponsor-zenith-venture-studio.png" alt="Zenith Venture Studio"> 267 </a> 268 </div> 269 <div class="sponsor-grid sponsor-grid--bottom"> 270 <div class="sponsor-card sponsor-card--ai-collective"> 271 <img src="assets/sponsor-ai-collective.svg" alt="AI Collective"> 272 </div> 273 <a class="sponsor-card sponsor-card--jp-morgan" href="https://www.jpmorgan.com/global" target="_blank" rel="noreferrer"> 274 <img src="assets/sponsor-jp-morgan.webp" alt="J.P. Morgan"> 275 </a> 276 <a class="sponsor-card sponsor-card--cohabs" href="https://cohabs.com/" target="_blank" rel="noreferrer"> 277 <img src="assets/sponsor-cohabs.png" alt="COHABS"> 278 </a> 279 </div> 280 </div> 281 </div> 282 </section> 283 284 <section class="final-cta-section section" data-component="FinalCtaSection"> 285 <div class="section__frame final-cta-section__frame reveal"> 286 <img src="assets/ai-build-club-logo.png" alt="" aria-hidden="true"> 287 <div> 288 <h2>Find the next room where you can build.</h2> 289 <p> 290 Join an upcoming session, then bring the same practical energy back to 291 your team. 292 </p> 293 </div> 294 <div class="button-row"> 295 <a class="button button--primary" href="#events">See upcoming events</a> 296 <a class="button button--ghost" href="https://calendly.com/ezielito/work-with-ai-build-club-dc" target="_blank" rel="noreferrer">Work with us</a> 297 </div> 298 </div> 299 </section> 300 </main> 301 302 <footer class="site-footer" data-component="SiteFooter"> 303 <p class="site-footer__made"> 304 <span>Made with</span> 305 <span class="site-footer__heart" aria-label="love" role="img">â¥</span> 306 <span>in</span> 307 <img class="site-footer__dc-flag" src="assets/dc-flag.svg" alt="DC flag" loading="lazy"> 308 </p> 309 </footer> 310 </div> 311 312 <div class="contact-modal" id="contact-modal" aria-hidden="true"> 313 <div class="contact-modal__backdrop" data-contact-modal-close></div> 314 <article class="contact-modal__panel" role="dialog" aria-modal="true" aria-labelledby="contact-modal-title"> 315 <button class="contact-modal__close" type="button" aria-label="Close contact form" data-contact-modal-close>Ã</button> 316 <h3 class="contact-modal__title" id="contact-modal-title">Have a question? Send us a note.</h3> 317 <form class="contact-form" name="contact" method="POST" action="/" data-netlify="true" netlify-honeypot="bot-field"> 318 <input type="hidden" name="form-name" value="contact"> 319 <p class="contact-form__hp" hidden aria-hidden="true"> 320 <label>Don't fill this out if you're human: <input name="bot-field" tabindex="-1" autocomplete="off"></label> 321 </p> 322 <div class="contact-form__row"> 323 <label class="contact-form__field">
324 <span>Name</span> 325 <input type="text" name="name" required autocomplete="name"> 326 </label> 327 <label class="contact-form__field"> 328 <span>Email</span> 329 <input type="email" name="email" required autocomplete="email"> 330 </label> 331 </div> 332 <label class="contact-form__field"> 333 <span>Message</span> 334 <textarea name="message" rows="4" required></textarea> 335 </label> 336 <div class="contact-form__actions"> 337 <button class="button button--primary" type="submit">Send</button> 338 <p class="contact-form__status" role="status" aria-live="polite"></p> 339 </div> 340 </form> 341 </article> 342 </div> 343 344
344<script src="script.js?v=2026-09-24-2"></script>
344 345 </body> 346</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.