-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
543 lines (515 loc) · 34.1 KB
/
index.html
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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126093570-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-126093570-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>CS+Social Good</title>
<meta name="description" content="A student organization at Stanford dedicated to the intersection of technology and social impact.">
<meta name="keywords" content="CS4Good, technology, justice, social impact, CS+Social Good, computer science, society">
<link href="https://fonts.googleapis.com/css?family=Crimson+Text:400|Work+Sans:300,400" rel="stylesheet">
</head>
<body data-spy="scroll" data-target="#pb-navbar" data-offset="200">
<!-- loader -->
<nav class="navbar navbar-expand-lg navbar-dark pb_navbar pb_scrolled-light" id="pb-navbar">
<div class="container">
<a class="navbar-brand" href="index.html">
<img id="white-logo" src="<%=require('./images/logo_whitescale.png')%>" width="auto" height="30" alt="White version of CS+Social Good logo">
<img id="dark-logo" src="<%=require('./images/logo.png')%>" width="auto" height="30" alt="Color version of CS+Social Good logo" style="display:none">
</a>
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#probootstrap-navbar" aria-controls="probootstrap-navbar" aria-expanded="false" aria-label="Toggle navigation">
<span><i class="ion-navicon"></i></span>
</button>
<div class="collapse navbar-collapse" id="probootstrap-navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#section-home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#section-story">Story</a></li>
<li class="nav-item"><a class="nav-link" href="#section-programs">Programs</a></li>
<li class="nav-item"><a class="nav-link" href="#section-team">Team</a></li>
<li class="nav-item"><a class="nav-link" href="#section-faq">FAQ</a></li>
<li class="nav-item cta-btn ml-xl-2 ml-lg-2 ml-md-0 ml-sm-0 ml-0"><a class="nav-link" href="#section-contact" target="_blank"><span class="pb_rounded-4 px-4">Contact Us</span></a></li>
</ul>
</div>
</div>
</nav>
<!-- END nav -->
<section class="pb_cover_v3 overflow-hidden cover-bg-indigo cover-bg-opacity text-left cssg_gradient pb_slant-light" id="section-home">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-md-6">
<h2 class="heading mb-3">Stanford CS+Social Good</h2>
<div class="sub-heading">
<p class="mb-4">An organization of technologists, designers, and thinkers passionate about maximizing the benefits of technology and mitigating its harms. <!--<a href="http://bit.ly/cssg2020" target="_blank" id="apply-link">Apply to join our team today!</a>--></p>
<p class="mb-5">
<a class="btn btn-lg pb_outline-light smoothscroll" href="https://medium.com/@cs4good" target="_blank"><i class="fa fa-medium"></i></span></a>
<a class="btn btn-lg pb_outline-light smoothscroll" href="https://www.facebook.com/cs4good/" target="_blank"><i class="fa fa-facebook"></i></span></a>
<a class="btn btn-lg pb_outline-light smoothscroll" href="https://mailman.stanford.edu/mailman/listinfo/cs-for-social-good" target="_blank"><i class="fa fa-envelope"></i></span></a>
</p>
</div>
</div>
<div class="col-md-1">
</div>
<div class="col-md-5 relative align-self-center">
<form action="#" class="bg-white rounded pb_form_v1">
<h2 class="mb-4 mt-0 text-center">Upcoming Events</h2>
<div id="cal-list" class="events-list pt-2 pb-3">
</div>
<div class="form-group">
<a href="https://calendar.google.com/calendar/embed?src=16gvb0e5ne6ngs1vg29uib18l0%40group.calendar.google.com&ctz=America/Los_Angeles" target="_blank" class="btn btn-cssg-meadow btn-lg btn-block pb_btn-pill btn-shadow-meadow"><i class="fa fa-calendar"></i> Events GCal</a>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- END section -->
<section class="pb_section bg-light pb_slant-white pb_pb-250" id="section-story">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-md-8 text-center mb-5">
<h5 class="text-uppercase pb_font-15 mt-5 mb-2 pb_color-dark-opacity-3 pb_letter-spacing-2"><strong>Our Story</strong></h5>
<h2>Who We Are</h2>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md- col-sm-6">
<div class="media d-block pb_feature-v1 text-left">
<div class="pb_icon"><i class="ion-ios-rewind-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h5 class="mt-0 mb-3 heading">History</h5>
<p class="text-sans-serif">CS+Social Good grew out of the need for a unified and coordinated effort at Stanford to organize and connect students using technology to take action and collaborate on the world’s most pressing problems.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md- col-sm-6">
<div class="media d-block pb_feature-v1 text-left">
<div class="pb_icon"><i class="ion-ios-play-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h5 class="mt-0 mb-3 heading">Mission</h5>
<p class="text-sans-serif">Our mission is to empower members of our community to leverage technology for social good by inspiring action, facilitating collaboration, and forging pathways towards change.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md- col-sm-6">
<div class="media d-block pb_feature-v1 text-left">
<div class="pb_icon"><i class="ion-ios-fastforward-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h5 class="mt-0 mb-3 heading">Vision</h5>
<p class="text-sans-serif">We envision a world where technology is understood beyond the hype and applied thoughtfully as a tool that can help us solve some of our biggest problems.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END section -->
<section class="pb_section pb_slant-light" id="section-programs">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-5">
<!-- TODO: figure out how to make an actual gradient on this image instead of putting gradient in image-->
<img id="studio-pic" alt="Picture of female student presenting to audience in front of large screen" class="img-fluid">
</div>
<div class="col-lg-8 pl-md-5 pl-sm-0">
<div class="row">
<div class="col">
<h2>Curricular Learning</h2>
<p class="pb_font-20">CS+Social Good offers several courses through the CS Department that address a wide variety of topics in the tech for good space.</p>
</div>
</div>
<div class="row">
<div class="col-lg">
<div class="media pb_feature-v2 text-left mb-1 mt-5">
<div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="ion-ios-cog-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h3 class="mt-2 mb-2 heading">Studio</h3>
<p class="text-sans-serif pb_font-16">Student teams partner with nonprofits and social ventures to build impactful technical projects over 2 quarters.</p>
</div>
</div>
<div class="media pb_feature-v2 text-left mb-1 mt-5">
<div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="ion-ios-chatbubble-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h3 class="mt-2 mb-2 heading">Discussions</h3>
<p class="text-sans-serif pb_font-16">A series of diverse speakers ranging from nonprofit founders to ethics researchers, with unique discussions in smaller groups.</p>
</div>
</div>
</div>
<div class="col-lg">
<div class="media pb_feature-v2 text-left mb-1 mt-5">
<div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="ion-ios-analytics-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h3 class="mt-2 mb-2 heading">AI+Social Good</h3>
<p class="text-sans-serif pb_font-16">Students learn about and apply cutting-edge artificial intelligence techniques to real-world social good space.</p>
</div>
</div>
<div class="media pb_feature-v2 text-left mb-1 mt-5">
<div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="ion-ios-reload pb_icon-gradient"></i></div>
<div class="media-body">
<h3 class="mt-2 mb-2 heading">CS 106S</h3>
<p class="text-sans-serif pb_font-16">A 1-unit lab for the introductory CS sequence that applies concepts learned in class to topics in the tech for good space.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END section -->
<section class="pb_section bg-light pb_slant-white">
<div class="container">
<div class="row">
<div class="col-lg-4 order-2">
<img id="social-pic" alt="Three smiling students standing on grass holding up a large frame that says CS+Social Good" class="img-fluid">
</div>
<div class="col-lg-8 pr-md-5 pr-sm-0 order-1 mb-5">
<div class="row">
<div class="col">
<h2>Extracurricular Programs</h2>
<p class="pb_font-20">CS+Social Good also engages with our community in ways that go beyond the classroom.</p>
</div>
</div>
<div class="row">
<div class="col-lg">
<div class="media pb_feature-v2 text-left mb-1 mt-5">
<div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="ion-ios-bookmarks-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h3 class="mt-2 mb-2 heading">Education Outreach</h3>
<p class="text-sans-serif pb_font-16">Our team is creating tech for good, post-AP exam project curricula for high school AP CS classes across the country.</p>
</div>
</div>
<div class="media pb_feature-v2 text-left mb-1 mt-5">
<div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="ion-ios-color-filter-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h3 class="mt-2 mb-2 heading">Community</h3>
<p class="text-sans-serif pb_font-16">From quarterly mixers to speaker events, we create spaces for students passionate about technology and impact to connect.</p>
</div>
</div>
</div>
<div class="col-lg">
<div class="media pb_feature-v2 text-left mb-1 mt-5">
<div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="ion-ios-paperplane-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h3 class="mt-2 mb-2 heading">Fellowships</h3>
<p class="text-sans-serif pb_font-16">In partnership with the Haas Center, we provide fellows stipends to work on social ventures all across the world.</p>
</div>
</div>
<div class="media pb_feature-v2 text-left mb-1 mt-5">
<div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="ion-ios-flask-outline pb_icon-gradient"></i></div>
<div class="media-body">
<h3 class="mt-2 mb-2 heading">Lab</h3>
<p class="text-sans-serif pb_font-16">We're in the process of creating a permanent space where students can work on multi-year projects that create sustainable impact.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END section -->
<section class="pb_section pb_slant-light pb_pb-220">
<div class="container">
<div class="row justify-content-center mb-1">
<div class="col-md-6 text-center mb-5">
<h5 class="text-uppercase pb_font-15 mb-2 pb_color-dark-opacity-3 pb_letter-spacing-2"><strong>Reviews</strong></h5>
<h2>Testimonials</h2>
</div>
</div>
<div class="row">
<div class="col-md">
<div class="media d-block text-center testimonial_v1 pb_quote_v2">
<div class="media-body">
<div class="quote-left">“</div>
<div class="quote-right">”</div>
<blockquote class="mb-5">Last spring, I was debating between the CS+Social Good Fellowship and a big tech company program. I have absolutely no regrets about taking the fellowship: I got to see the direct impact of my work and I got to know a group of incredible, inspiring people.</blockquote>
<h3 class="heading">Claire Huang</h3>
<span class="subheading">2017 CS+Social Good Summer Fellow</span>
</div>
</div>
<!-- END sync_v1 -->
</div>
</div>
</div>
</section>
<!-- END section -->
<section class="pb_section bg-light pb_slant-white" id="section-team">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-md-6 text-center mb-5">
<h5 class="text-uppercase pb_font-15 mb-2 pb_color-dark-opacity-3 pb_letter-spacing-2"><strong>Team</strong></h5>
<h2>Executive Board</h2>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3"></br>President</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/brooke.jpg')%>" alt="Photograph of Brooke Teferra">
<p class="pb_font-15 mt-3 mb-0">Brooke Teferra</p>
<p class="pb_font-15"><a href="mailto:bteferra@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/brooke-teferra-0a6337125/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3">Vice President</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/sasankh.jpg')%>" alt="Photograph of Sasankh Munukutla">
<p class="pb_font-15 mt-3 mb-0">Sasankh Munukutla</p>
<p class="pb_font-15"><a href="mailto:sasankh@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/sasankh/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3">FO,<br/>Discussions</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/stone.jpg')%>" alt="Photograph of Stone Yang">
<p class="pb_font-15 mt-3 mb-0">Stone Yang</p>
<p class="pb_font-15"><a href="mailto:yywstone@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/stone-yuwei-yang-70023b173/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3"></br>Social Chair</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/yujin.jpg')%>" alt="Photograph of Yu Jin Lee">
<p class="pb_font-15 mt-3 mb-0">Yu Jin Lee</p>
<p class="pb_font-15"><a href="mailto:yujin512@stanford.edu"><i class="fa fa-envelope"></i></a></p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3">Design & Marketing</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/donovan.jpg')%>" alt="Photograph of Donovan Tokuyama">
<p class="pb_font-15 mt-3 mb-0">Donovan Tokuyama</p>
<p class="pb_font-15"><a href="mailto:donovant@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/donovan-tokuyama/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3"></br>Discussions</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/briana.jpg')%>" alt="Photograph of Briana Berger">
<p class="pb_font-15 mt-3 mb-0">Briana Berger</p>
<p class="pb_font-15"><a href="mailto:brianamb@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/brianaberger/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3"></br>Fellowships</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/ethan.jpg')%>" alt="Photograph of Ethan Oro">
<p class="pb_font-15 mt-3 mb-0">Ethan Oro</p>
<p class="pb_font-15"><a href="mailto:eoro@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/ethan-oro" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3"></br>Fellowships</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/kim.jpg')%>" alt="Photograph of Kim Ngo">
<p class="pb_font-15 mt-3 mb-0">Kim Ngo</p>
<p class="pb_font-15"><a href="mailto:kimanh@stanford.edu"><i class="fa fa-envelope"></i></a></p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3"></br>CS106S</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/andy.jpg')%>" alt="Photograph of Andy Jin">
<p class="pb_font-15 mt-3 mb-0">Andy Jin</p>
<p class="pb_font-15"><a href="mailto:andyjin@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/andygjin/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3">Impact<br/>Lab</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/matt.jpg')%>" alt="Photograph of Matthew Sun">
<p class="pb_font-15 mt-3 mb-0">Matthew Sun</p>
<p class="pb_font-15"><a href="mailto:mattsun@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="http://linkedin.com/in/matthewds" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3">Impact<br/>Lab</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/krishna.jpg')%>" alt="Photograph of Krishna Gorrepati">
<p class="pb_font-15 mt-3 mb-0">Krishna Gorrepati</p>
<p class="pb_font-15"><a href="mailto:krishg@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="Krishna Gorrepati" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3">Education Outreach</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/jiwon.jpg')%>" alt="Photograph of Jiwon Lee">
<p class="pb_font-15 mt-3 mb-0">Jiwon Lee</p>
<p class="pb_font-15"><a href="mailto:jiwonlee@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/jiwonlee99/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3"></br>Studio</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/jose.jpg')%>" alt="Photograph of Jose Giron">
<p class="pb_font-15 mt-3 mb-0">Jose Giron</p>
<p class="pb_font-15"><a href="mailto:jmgiron@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/jose-giron-8a8a1416a/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3"></br>Studio</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/saj.jpg')%>" alt="Photograph of Sajana Weerawardhena">
<p class="pb_font-13 mt-3 mb-0">Sajana Weerawardhena</p>
<p class="pb_font-15"><a href="mailto:sajana@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/sajana-weerawardhena-621a57127/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3">AI+Social Good</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/swetha.jpg')%>" alt="Photograph of Swetha Revanur">
<p class="pb_font-15 mt-3 mb-0">Swetha Revanur</p>
<p class="pb_font-15"><a href="mailto:srevanur@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/swetharevanur/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="pb_pricing_v1 p-5 border text-center bg-white">
<h4 class="mb-3">AI+Social Good</h4>
<img class="img-fluid rounded-circle" src="<%=require('./images/shubhang.jpg')%>" alt="Photograph of Shubhang Desai">
<p class="pb_font-15 mt-3 mb-0">Shubhang Desai</p>
<p class="pb_font-15"><a href="mailto:shubhang@stanford.edu"><i class="fa fa-envelope"></i></a> | <a href="https://www.linkedin.com/in/shubhangd/" target="_blank"><i class="fa fa-linkedin"></i></a></p>
</div>
</div>
</div>
</div>
</section>
<!-- ENDs ection -->
<section class="pb_section pb_slant-white" id="section-faq">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-md-6 text-center mb-5">
<h5 class="text-uppercase pb_font-15 mb-2 pb_color-dark-opacity-3 pb_letter-spacing-2"><strong>FAQ</strong></h5>
<h2>Frequently Asked Questions</h2>
</div>
</div>
<div class="row">
<div class="col-md">
<div id="pb_faq" class="pb_accordion" data-children=".item">
<div class="item">
<a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq1" aria-expanded="true" aria-controls="pb_faq1" class="pb_font-22 py-4">When was CS+Social Good founded?</a>
<div id="pb_faq1" class="collapse show" role="tabpanel">
<div class="py-3">
<p>CS+Social Good was founded in 2015 by a team of students led by Lawrence Lin Murata. Our founding team includes Edward Wang, Gloria Chua, Katherine Liu, Manu Chopra, Neil Chaudhari, Ngoc Bui, Priya Ganesan, SunMi Lee, Vicki Niu, and Vinamrata Singal.</p>
<p>As of 2018, all of our founding members have graduated, but our work today continues to build off of their foundational vision. (We <i class="ion-ios-heart pb_icon-gradient"></i> our alumni!)</p>
</div>
</div>
</div>
<div class="item">
<a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq2" aria-expanded="false" aria-controls="pb_faq2" class="pb_font-22 py-4">How is CS+Social Good structured?</a>
<div id="pb_faq2" class="collapse" role="tabpanel">
<div class="py-3">
<p>CS+Social Good espouses a flat leadership structure. While our President, Vice President, and Financial Officer oversee the workings of the entire organization, our specific initiatives are run by separate subteams. Our executive board is composed of our President, Vice President, Financial Officer, and each of the subteam heads.</p>
<p>Each subteam is led by subteam head(s), and is composed of 3-5 subteam members, although our classes usually have a larger teaching staff. We encourage our members to start their own subteam if they have an idea for a new initiative that falls somewhere within the tech for good space.</p>
</div>
</div>
</div>
<div class="item">
<a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq3" aria-expanded="false" aria-controls="pb_faq3" class="pb_font-22 py-4">How do I get involved in CS+Social Good?</a>
<div id="pb_faq3" class="collapse" role="tabpanel">
<div class="py-3">
<p>There are a variety of ways to get involved in CS+Social Good. You can enroll in our classes (which may be application-based, depending on the class), attend our speaker and mixer events, sign up for our newsletter, and apply for one of our fellowships.</p>
<p>If you'd like to be part of our leadership team, we accept applications to join our team every fall.</p>
</div>
</div>
</div>
<div class="item">
<a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq4" aria-expanded="false" aria-controls="pb_faq4" class="pb_font-22 py-4">Do I have to know how to code to contribute?</a>
<div id="pb_faq4" class="collapse" role="tabpanel">
<div class="py-3">
<p>Absolutely not! Tech affects everyone, and we need a diverse set of perspectives and skills to create effective, inclusive change.</p>
<p>More than any technical skill, the traits we care most about include empathy, humility, motivation, kindness, and a willingness to learn.</p>
</div>
</div>
</div>
<div class="item">
<a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq5" aria-expanded="false" aria-controls="pb_faq5" class="pb_font-22 py-4">Do I have to attend Stanford to join the community?</a>
<div id="pb_faq5" class="collapse" role="tabpanel">
<div class="py-3">
<p>You don't have to be at Stanford to engage with CS+Social Good! We maintain an <a href="https://www.facebook.com/groups/cs4good/" target="_blank">active Facebook group</a> of over 2,000 members from all across the world.</p>
<p>In addition, anyone can sign up for our weekly newsletter via <a href="https://mailman.stanford.edu/mailman/listinfo/cs-for-social-good" target="_blank">Stanford Mailman</a>. Though most of the content is targeted towards Stanford students, we also feature readings and opportunities for the wider community.</p>
<p>If you'd like to start an organization like CS+Social Good at your own school, check out <a href="https://techshift.co/" target="_blank">TechShift</a>, a national alliance of tech for good organizations on college campuses! We're a proud TechShift member org, and they can help you with resources and mentorship to start your own tech for good organization.</p>
</div>
</div>
</div>
<div class="item">
<a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq6" aria-expanded="false" aria-controls="pb_faq6" class="pb_font-22 py-4">My organization wants to work together. How do we get in touch?</a>
<div id="pb_faq6" class="collapse" role="tabpanel">
<div class="py-3">
<p>To publicize an event or opportunity to our mailing list, please send an email with the relevant information to <a href="mailto:cs-for-social-good@lists.stanford.edu">cs-for-social-good@lists.stanford.edu</a> and we will put it in our next weekly newsletter. If the opportunity is time-sensitive, please forward it to us at least a week in advance.</p>
<p>If you would like to contact us for any other reason, please email <a href="mailto:cs4good@cs.stanford.edu">cs4good@cs.stanford.edu</a>. If you have specific questions about a particular subteam, please feel free to email the relevant board member (see Team section).</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pb_xl_py_cover overflow-hidden pb_slant-light pb_gradient_v1 cover-bg-opacity-8" id="section-contact">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-md-5 justify-content-center">
<h2 class="heading mb-5 pb_font-40">We'd love to hear what you think.</h2>
<div class="sub-heading">
<p class="mb-4">Feel free to drop us a line using this form. Whether it's an invitation to collaborate, feedback on our programs, or questions about our philosophy, we want to hear from you.</p>
</div>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<form action="https://formcarry.com/s/7Wezs6bWw79" id="ajaxContact" method="POST" accept-charset="UTF-8" class="bg-white rounded pb_form_v1">
<h2 class="mb-4 mt-0 text-center">Contact Form</h2>
<div class="form-group">
<input type="text" class="form-control py-3 reverse" placeholder="Name" name="name">
</div>
<div class="form-group">
<input type="text" class="form-control py-3 reverse" placeholder="Email" name="email">
</div>
<div class="form-group">
<textarea class="form-control py-3 reverse" rows="4" placeholder="Type your message here..." name="message"></textarea>
</div>
<input type="hidden" name="_gotcha">
<div class="form-group">
<input type="submit" class="btn btn-cssg-meadow btn-lg btn-block pb_btn-pill btn-shadow-meadow" value="Send Message">
</div>
</form>
</div>
</div>
</div>
</section>
<!-- END section -->
<footer class="pb_footer bg-light" role="contentinfo">
<div class="container">
<div class="row text-center">
<div class="col">
<ul class="list-inline">
<li class="list-inline-item"><a href="https://www.facebook.com/cs4good/" target="_blank" class="p-2"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com/cs4good" target="_blank" class="p-2"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/company/cs-social-good/" target="_blank" class="p-2"><i class="fa fa-linkedin"></i></a></li>
<li class="list-inline-item"><a href="https://medium.com/cs-social-good" target="_blank" class="p-2"><i class="fa fa-medium"></i></a></li>
<li class="list-inline-item"><a href="mailto:cs4good@cs.stanford.edu" class="p-2"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col text-center">
<p class="pb_font-14">© 2019 CS+Social Good.</p>
</div>
</div>
</div>
</footer>
<div id="pb_loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#1d82ff"/></svg></div>
</body>
</html>