website/index.html at main · cambridge-dev-lab/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!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 coding classes in Cambridge MA. Learn web development, programming fundamentals and more. Workshops at Cambridge Public Library.">
  <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://cambridge-dev.org/" />
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Cambridge Dev Lab",
    "url": "https://cambridge-dev.org/"
  }
  </script>
  <meta property="og:title" content="Coding Classes | Cambridge Dev Lab" />
  <meta property="og:description" content="Free coding classes in Cambridge MA. Learn web development, programming fundamentals and more. Workshops at Cambridge Public Library." />
  <meta property="og:url" content="https://cambridge-dev.org/" />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="https://devclass-org.s3.us-east-2.amazonaws.com/group_photo_01_700.png" />

  <link rel="icon" href="favicon.ico" />
  <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="nav.css" />
</head>
<body>

  <nav>
    <div class="nav-left">
      <a href="/" class="nav-text logo nav-hide-mobile">DevLab</a>
      <a href="/events" class="nav-text">Events</a>
      <a href="/about" class="nav-text">About</a>
      <a href="https://cambridge-dev.com" target="_blank" class="nav-text nav-hide-mobile">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>
    </div>
  </nav>


  <main>
    <section class="hero">
      <div class="hero-left">
        <h1 class="h1">Cambridge Dev Lab</h1>
        <h2 class="h2">Coding classes & Community Building</h2>
        <p class="hero-description">
          We are a volunteer group hosting free coding classes in Cambridge, MA.
          All skill levels are welcome — whether you're a complete beginner,
          an experienced developer who wants to share your knowledge,
          or someone looking for a community and coworking space.
          Topics include web development and more.
        </p>
      </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/comment.svg" alt="" />
          </div>
          <div>
            <h3 class="h3">Contacts</h3>
            <span>
              <a href="mailto:classes@cambridge-dev.com">classes@cambridge-dev.com</a>,
              <a href="https://discord.gg/wAMEqRMbdm">Discord</a>,
              <a href="mailto:dolgareva.ma@gmail.com">dolgareva.ma@gmail.com</a> Maria Dolgareva
            </span>
          </div>
        </section>

        <section class="info-item">
          <div class="info-icon">
            <img src="assets/calendar-day.svg" alt="" />
          </div>
          <div>
            <h3 class="h3">Events</h3>
            <span>
              Coding meetups every Monday and Wednesday.
              See the <a href="/events">schedule</a> for details.<br>
            </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>