index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-MEMJGG002W"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-MEMJGG002W');
  </script>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Free in-person coding classes and bootcamp for adults in Cambridge MA, three stops from Boston. Learn to code: web development, Python programming and more.">
  <meta name="author" content="Cambridge Dev Lab">
  <title>Free Coding Classes | Web Development | Cambridge MA</title>
  <meta name="robots" content="index, follow" />
  <link rel="canonical" href="https://www.cambridge-dev.org/" />
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Cambridge Dev Lab",
    "legalName": "Cambridge Dev Lab, Inc.",
    "taxID": "42-2005486",
    "nonprofitStatus": "https://schema.org/Nonprofit501c3",
    "foundingDate": "2024-10",
    "url": "https://www.cambridge-dev.org/",
    "sameAs": [
      "https://www.linkedin.com/company/cambridge-dev-lab",
      "https://www.facebook.com/cambridgedevlab",
      "https://www.meetup.com/boston-web-dev-class",
      "https://github.com/cambridge-dev-lab",
      "https://maps.app.goo.gl/9hgsx3zojDt7i1Fr9",
      "https://www.yelp.com/biz/cambridge-dev-lab-cambridge",
      "https://www.eventbrite.com/o/cambridge-dev-lab-121743957718"
    ]
  }
  </script>
  <meta property="og:title" content="Coding Classes | Cambridge Dev Lab" />
  <meta property="og:description" content="Free in-person coding classes and bootcamp for adults in Cambridge MA, three stops from Boston. Learn to code: web development, Python programming and more." />
  <meta property="og:url" content="https://www.cambridge-dev.org/" />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="https://devclass-org.s3.us-east-2.amazonaws.com/800x420_Frame23.png" />
  <meta property="og:image:width" content="800" />
  <meta property="og:image:height" content="420" />

  <link rel="icon" href="logo_small.png" />
  <link rel="apple-touch-icon" href="logo_180.png" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@450;600;700;800&display=swap" />
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0" />
  <link rel="stylesheet" href="style.css" />
  <link rel="stylesheet" href="index.css" />
  <link rel="stylesheet" href="nav.css" />
</head>
<body>

  <nav>
    <div class="nav-left">
      <a href="/" class="nav-text logo">DevLab</a>
      <a href="/events" class="nav-text">Schedule</a>
      <a href="/bootcamp" class="nav-text">Bootcamp</a>
      <a href="/about" class="nav-text">About</a>
      <a href="https://cambridge-dev.com" target="_blank" class="nav-text">Program</a>
    </div>
    <div class="nav-right">
      <a href="https://discord.gg/wAMEqRMbdm" class="nav-icon" target="_blank" aria-label="Discord">
        <img src="assets/discord.svg" alt="Coding classes Discord" />
      </a>
      <a href="https://www.meetup.com/boston-web-dev-class" class="nav-icon" target="_blank" aria-label="Meetup">
        <img src="assets/meetup.svg" alt="Coding classes Meetup" />
      </a>
      <a href="https://maps.app.goo.gl/9hgsx3zojDt7i1Fr9" class="nav-icon nav-icon_map" target="_blank" aria-label="Map">
        <img src="assets/marker.svg" alt="Cambridge Dev Lab on Google Maps" />
      </a>
    </div>
  </nav>


  <main>
    <section class="hero hero-home">
      <div class="hero-left">
        <h2 class="h1">Cambridge Dev Lab</h2>
        <h1 class="h2">Coding classes in Cambridge, MA</h1>
        <div class="hero-description">
          <h2 class="hero-description-text">We are a volunteer-run nonprofit hosting free web development and Python classes.</h2>
          All skill levels are welcome — whether you're a complete beginner, 
          an experienced developer who wants to share your knowledge, 
          or looking for a community and coworking space.
          Topics: HTML/CSS, JavaScript, Python, React and more.
        </div>
        <div>
            <a href="https://discord.gg/wAMEqRMbdm" target="_blank" class="btn-action">
              <span class="mobile-only">Events & Community on Discord</span>
              <span class="desktop-only">Community on Discord</span>
            </a>
            <a href="https://www.meetup.com/boston-web-dev-class" class="btn-action btn-action_secondary" target="_blank">Events on Meetup</a>
          </div>  
      </div>
      <div class="hero-right">
        <picture>
          <source media="(max-width: 600px)" srcset="https://devclass-org.s3.us-east-2.amazonaws.com/group_photo_01_500.png" />
          <img src="https://devclass-org.s3.us-east-2.amazonaws.com/group_photo_01_700.png" alt="Photo of a software development / coding class." />
        </picture>
      </div>
    </section>

    <div class="content-grid">

      <div class="content-col">

        <section class="info-item">
          <div class="info-icon">
            <img src="assets/calendar-day.svg" alt="" />
          </div>
          <div>
            <h3 class="h3">Events</h3>
            <span>            
              Coding classes every Monday and Wednesday, 5:30-8pm, in person at the <a href="https://maps.app.goo.gl/9hgsx3zojDt7i1Fr9" target="_blank">Cambridge Public Library</a>, three Red Line stops from Boston.
              See the <a href="/events">schedule</a>.<br>
              <a href="/bootcamp">Saturday coding bootcamp</a> for beginners - fall cohort running through Nov 14, next one to be announced.<br>
              In the news: <a href="https://www.cambridgeday.com/2026/09/22/free-library-coding-meetup-grows/" target="_blank">Cambridge Day, Sep 2026</a>.
            </span>
          </div>
        </section>

        <section class="info-item">
          <div class="info-icon">
            <img src="assets/comment.svg" alt="" />
          </div>
          <div>
            <h3 class="h3">Contacts</h3>
            <span>
              <a href="mailto:classes@cambridge-dev.org">classes@cambridge-dev.org</a> (Maria)
            </span>
          </div>
        </section>

        
      </div>

      <div class="content-col">
        <section class="about">
          <h3 class="h3">About coding classes:</h3>
          <ul class="list">
            <li>learn programming basics and web development</li>
            <li>get help with your coding homework</li>
            <li>hang out and meet your neighbors</li>
            <li>bring your own projects or cowork with others</li>
            <li>help build a welcoming community around free education</li>
          </ul>
        </section>
      </div>

    </div>
  </main>

</body>
</html>