codeseoul.github.io/index.html at master · CodeSeoul/codeseoul.github.io · 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="icon" href="/images/logo_color_square_512_1__0Iy_icon.ico">

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-179038448-1"></script>

  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-179038448-1');
  </script>
  <!-- AOS style -->
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

  <!-- Primary Meta Tags -->
  <title>CodeSeoul - Dedicated to Connecting Technologists</title>
  <meta name="title" content="CodeSeoul - Dedicated to Connecting Technologists">
  <meta name="description" content="CodeSeoul is a non-profit, international community dedicated to connecting coders of all levels and backgrounds to learn, teach and build things, together.">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://codeseoul.com">
  <meta property="og:title" content="CodeSeoul - Dedicated to Connecting Technologists">
  <meta property="og:description" content="CodeSeoul is a non-profit, international community dedicated to connecting coders of all levels and backgrounds to learn, teach and build things, together.">

  <!-- Twitter -->
  <meta property="twitter:url" content="https://codeseoul.com">
  <meta property="twitter:title" content="CodeSeoul - Dedicated to Connecting Technologists">
  <meta property="twitter:description" content="CodeSeoul is a non-profit, international community dedicated to connecting coders of all levels and backgrounds to learn, teach and build things, together.">

  <title>CodeSeoul</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Styles & Fonts -->
  <link href="css/styles.css" rel="stylesheet">
  <script src="https://kit.fontawesome.com/4eabe4bda9.js" crossorigin="anonymous"></script>

</head>

<body id="page-top">
  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg fixed-top" id="mainNav">
    <a class="logo navbar-brand" href="index.html">
      <img src="images/sidesslash.jpg" alt="CodeSeoul" />
    </a>

    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <i class="fas fa-bars"></i>
    </button>
    <div class="collapse navbar-collapse text-right" id="navbarSupportedContent">
      <ul class="navbar-nav ms-auto">

        <li class="nav-item" data-aos="fade-right">
          <a class="nav-link js-scroll-trigger" href="#events">Events</a>
        </li>
        <li class="nav-item" data-aos-delay="200" data-aos="fade-right">
          <a class="nav-link js-scroll-trigger" href="#sponsors">Sponsors</a>
        </li>
        <li class="nav-item"data-aos-delay="400" data-aos="fade-right">
          <a href="./resources.html" class="nav-link" data-aos-delay="400" data-aos="fade-right">Resources</a>
        </li>

      </ul>
    </div>
  </nav>

  <!-- Header -->
  <header>
    <div class="container text-center">
      <img src="images/logo-color-square-512(1).jpg" data-aos="zoom-in" alt="CodeSeoul large logo"/>
      <p class="lead">A non-profit, international community dedicated to connecting coders of all levels and backgrounds to learn, teach
         and build things, together.</p>
    </div>
  </header>

  <!-- Introduction & Events -->
  <section id="intro">
    <div class="container text-center">
      <div class="row">
        <div class="col-lg-6 mx-auto">
          <h2>What We Do</h2>
          <p>
            At CodeSeoul, we hold coding classes, hackathons game nights, coding interview prep, social events, and more!
            We want to help those who are interested in coding or technology to meet like-minded people and
            learn more about coding or technology.
          </p>

          <h2>Get Involved</h2>
          <p>
            There are lots of different ways to get involved with CodeSeoul!
          </p>
          <ul>
            <li>Attend an <a href="https://www.meetup.com/codeseoul/">event</a></li>
            <li>Chat with us on <a href="https://discord.gg/KQ3FYFv">Discord</a></li>
            <li>Organize your own event <a href="https://www.facebook.com/codeseoul/">(contact us!)</a></li>
          </ul>

          <h2>Connect With Us</h2>

          <div class="soc-med-icons">
            <a data-aos="fade-right" href="https://www.meetup.com/codeseoul/">
              <i class="fab fa-meetup"></i>
            </a>
            <a data-aos-delay="200" data-aos="fade-right" href="https://discord.gg/KQ3FYFv">
              <i class="fab fa-discord"></i>
            </a>
            <a data-aos-delay="400" data-aos="fade-right" href="https://www.youtube.com/@codeseoul">
              <i class="fab fa-youtube"></i>
            </a>
            <a data-aos-delay="600" data-aos="fade-right" href="https://www.facebook.com/codeseoul/">
              <i class="fab fa-facebook"></i>
            </a>
          </div>

        </div>

        <div id="events" class="col-lg-6 mx-auto">
          <h2>Upcoming Events</h2>
          <div id="events-container" class="card-deck"></div>
        </div>
      </div>
    </div>
  </section>

  <!-- Sponsors -->
  <section id="sponsors">
    <div class="container text-center">
      <div class="row">
        <div class="col-lg-8 mx-auto">
          <h2>Sponsors</h2>

          <p class="lead">
            The existence of CodeSeoul is made possible by volunteers, donations, and sponsors.
          </p>

<!--
          <div class="sponsors-list">
          </div> -->

          <p class="small">
            If you would like to donate to or sponsor CodeSeoul, please <a href="mailto:sponsorships@codeseoul.org">contact us!</a>
          </p>

        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="py-3 bg-dark">
    <div class="container">
      <p class="m-0 text-center text-white">Copyright &copy; CodeSeoul 2016-2021</p>
      <p class="m-0 text-center text-white"><a href='https://www.termsandconditionsgenerator.com/live.php?token=XG2S5ycqAOmfqckMm1YmDmqLaJdi2E9W' target="_blank">Terms of Service</a></p>
    </div>
    <!-- /.container -->
  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Plugin JavaScript -->
  <script src="vendor/jquery-ui/jquery-ui.min.js"></script>

  <!-- Custom JS -->
  <script src="js/scripts.js"></script>
  <!-- AOS JS / Init-->
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>
</body>

</html>