Repository navigation
Expand file tree
/
Copy pathprojects.html
More file actions
603 lines (580 loc) · 32.3 KB
/
Copy pathprojects.html
File metadata and controls
603 lines (580 loc) · 32.3 KB
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
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
<!doctype HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
<title>Partner Projects | Code the Change Foundation</title>
</head>
<body>
<nav role="navigation" class="navbar navbar-expand-md navbar-light">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="assets/images/logos/full_text_blue.png" width="auto" height="75px" alt="code the change logo">
</a>
<button id="nav-icon4" class="navbar-toggler collapsed border-0" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav pr-0 pl-3 pl-sm-0 container justify-content-md-end justify-content-start">
<li class="nav-item active">
<a class="nav-link h6 font-weight-normal mb-0" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="partner.html">Partner</a>
</li>
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="volunteer.html">Volunteer</a>
</li>
<li class="nav-item d-inline-flex justify-content-center">
<a class="nav-link px-2 py-1" href="https://github.com/CodetheChangeFoundation" target="_blank">
<img class="social-media-icon" src="assets/images/github-small.png" alt="github">
</a>
<a class="nav-link px-2 py-1" href="https://www.linkedin.com/company/code-the-change-foundation/"
target="_blank">
<img class="social-media-icon" src="assets/images/linkedin-icon.png" alt="linkedin">
</a>
<a class="nav-link px-2 py-1" href="https://www.facebook.com/codethechangefoundation/" target="_blank">
<img class="social-media-icon" src="assets/images/fbook-icon.png" alt="facebook">
</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<header class="header-image" id="projects-image">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col text-center text-white">
<h1 class="display-4 title">Our Projects</h1>
<h3 class="subtitle">Creating innovative software solutions for non-profits.</h3>
</div>
</div>
</div>
</header>
<section>
<div id="projectsList" class="container">
<h2 class="mb-4 text-secondary font-weight-normal">Past Projects</h2>
<div class="row">
<!-- <div class="project-container mb-4 order-md-1 order-lg-1 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample1" role="button"
aria-expanded="false" aria-controls="collapseExample1">
<div class="project-image"
style="background-image: url('assets/images/proj/dda.svg'); background-size: contain;">
<div class="project-description p-2">
<h6 class="m-0 text-white">Developmental Disabilities Association</h6>
<p class="m-0 text-light font-weight-bold small">iOS & Android App</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-4 order-lg-4 collapse" id="collapseExample1">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Developmental Disabilities Association</h3>
<h5 class="mb-0">iOS & Android App</h5>
<hr />
<p class="lead">We're building a mobile app for DDA that will provide an interactive task list for the
developmentally disabled in their workplaces.</p>
<p>The Developmental Disabilities Association strives to enable people with developmental disabilities to
reach their full potential.</p>
<p>
<em>
Project Leads: Pritpal Chauhan & Viniel Kumar</br>
Team: Joice Tang, Kasidit Ouitayakul, Nandini Bulusu, Shannon Benson, Shirley Zeng
</em>
</p>
<p class="m-0"><a class="btn btn-outline-secondary" href="https://github.com/CodetheChangeFoundation/dda"
alt="dda repo" target="_blank">See Project on GitHub</a></p>
</div>
</div> -->
<div class="project-container mb-4 order-md-1 order-lg-1 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample3" role="button"
aria-expanded="false" aria-controls="collapseExample3">
<div class="project-image" style="background-image: url('assets/images/proj/ClimateHubLogo.png');">
<div class="project-description p-2">
<h6 class="m-0 text-white">Climate Hub</h6>
<p class="m-0 text-light font-weight-bold small">Web App</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-4 order-lg-4 collapse" id="collapseExample3">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Climate Hub</h3>
<h5 class="mb-0">Web App</h5>
<hr />
<p class="lead">We're building a website for Climate Hub with a dynamic asset map section.</p>
<p>Climate Hub is a new organization based out of UBC that aims to spread the word about what's being done
to combat climate change.</p>
<p>
<em>
Project Leads: Pritpal Chauhan & Viniel Kumar</br>
Team: Cody Gagnon, Lynn Zhang, Melissa Bernstein, Tiffany Wu, vtotient
</em>
</p>
<p class="m-0"><a class="btn btn-outline-secondary"
href="https://github.com/CodetheChangeFoundation/climatehub" alt="climate hub repo"
target="_blank">See Project on GitHub</a></p>
</div>
</div>
<div class="project-container mb-4 order-md-2 order-lg-2 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample6" role="button"
aria-expanded="false" aria-controls="collapseExample6">
<div class="project-image" style="background-image: url('assets/images/proj/ops-logo.png');">
<div class="project-description p-2">
<h6 class="m-0 text-white">Overdose Prevention Society</h6>
<p class="m-0 text-light font-weight-bold small">iOS & Android App</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-4 order-lg-4 collapse" id="collapseExample6">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Overdose Prevention Society</h3>
<h5 class="mb-0">iOS & Android App</h5>
<hr />
<p class="lead">We're building a cross platform app to aid drug users in finding overdose prevention and
other related sites.</p>
<p>The Overdose Prevention Society runs an overdose prevention site in the Downtown Eastside to provide a
safe place for drug users.</p>
<p>
<em>
Project Leads: Pritpal Chauhan & Viniel Kumar</br>
Team: Adil Imtiaz, Cody Gagnon, Daniel Ryu, Jason Fan, John Paul Francisco, Samson Keung, vtotient
</em>
</p>
<p class="m-0"><a class="btn btn-outline-secondary"
href="https://github.com/CodetheChangeFoundation/overdosePrevention"
alt="overdose prevention society repo" target="_blank">See Project on GitHub</a></p>
</div>
</div>
<div class="project-container mb-4 order-md-3 order-lg-3 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample4" role="button"
aria-expanded="false" aria-controls="collapseExample4">
<div class="project-image"
style="background-image: url('assets/images/proj/pie.png'); background-size: contain;">
<div class="project-description p-2">
<h6 class="m-0 text-white">Patients in Education</h6>
<p class="m-0 text-light font-weight-bold small">Website</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-4 order-lg-4 collapse" id="collapseExample4">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Patients in Education</h3>
<h5 class="mb-0">Website</h5>
<hr />
<p class="lead">We built a new website for Patients in Education with focus on accessibility.</p>
<p>Patients in Education is an organization that partners real patients with medical students to give them
the soft skills that are lacking in their medical education.</p>
<p>
<em>
Project Leads: Pritpal Chauhan & Viniel Kumar</br>
Team: Alicia Yang, Kasidit Ouitayakul, Nick Zouev, Dara Nguyen
</em>
</p>
<p class="m-0">
<a class="btn btn-outline-secondary"
href="https://github.com/CodetheChangeFoundation/patientsineducation" alt="patients in education repo"
target="_blank">See Project on GitHub</a>
<a class="btn btn-outline-primary m-1" href="https://patientsineducation.org/" alt="PIE Website"
target="_blank">Visit the Website</a>
</p>
</div>
</div>
<div class="project-container mb-4 order-md-4 order-lg-4 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample8" role="button"
aria-expanded="false" aria-controls="collapseExample8">
<div class="project-image"
style="background-image: url('assets/images/proj/sprouts-logo.png'); background-size: contain;">
<div class="project-description p-2">
<h6 class="m-0 text-white">Sprouts</h6>
<p class="m-0 text-light font-weight-bold small">Web App</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-7 order-lg-7 collapse" id="collapseExample8">
<div id="projBody1" class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Sprouts</h3>
<h5 class="mb-0">Web App</h5>
<hr>
<p class="lead">We built a web app for volunteers and administrators to keep track of their shift history
and log their hours.</p>
<p>Sprouts is a student run grocery store operating out of UBC where they strive to provide local and
organic foods in partnership with the UBC Farm.</p>
<p>
<em>
Project Lead: Sumeet Grewal</br>
Team: Pritpal Chauhan, Viniel Kumar
</em>
</p>
<p class="m-0">
<a class="btn btn-outline-secondary" href="https://github.com/CodeTheChangeUBC/sprouts2"
alt="sprouts repo" target="_blank">See Project on GitHub</a>
<a class="btn btn-outline-primary m-1" href="https://volunteer.ubcsprouts.ca/" alt="FTC Website"
target="_blank">Visit the Website</a>
</p>
</div>
</div>
<div class="project-container mb-4 order-md-5 order-lg-5 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample9" role="button"
aria-expanded="false" aria-controls="collapseExample9">
<div class="project-image" style="background-image: url('assets/images/proj/reboot.jpg');">
<div class="project-description p-2">
<h6 class="m-0 text-white">reBOOT Canada</h6>
<p class="m-0 text-light font-weight-bold small">Donation Tracking System</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-7 order-lg-7 collapse" id="collapseExample9">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">reBOOT Canada</h3>
<h5 class="mb-0">Donation Tracking System</h5>
<hr />
<p class="lead">We built them a secure, online platform through which they can track all of their received
donations. It provides a simple interface through which donors can register and the admins can track the
details of donations. The system also provides tax receipts for donors.</p>
<p>reBOOT Canada, founded in 1995 and based in Toronto, refurbishes old computer equipment and distributes
it to other non-profits and charities.</p>
<p>
<em>
Project Lead: Tom Lee</br>
Team: Eric Yang, Gaurav Vasudev, GwangChul Kim, Joon Hur, Kaitian Xie, Madeline Yao, Omar, Yuchen Lin
</em>
</p>
<p class="m-0">
<a class="btn btn-outline-secondary" href="https://github.com/CodeTheChangeUBC/reBOOT" alt="reboot repo"
target="_blank">See Project on GitHub</a>
<a class="btn btn-outline-primary m-1" href="https://www.rebootcanada.ca/" alt="reBOOT Website"
target="_blank">Visit the Website</a>
</p>
</div>
</div>
<div class="project-container mb-4 order-md-6 order-lg-6 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample10" role="button"
aria-expanded="false" aria-controls="collapseExample10">
<div class="project-image" style="background-image: url('assets/images/proj/code_initiative.png');">
<div class="project-description p-2">
<h6 class="m-0 text-white">The Code Initiative</h6>
<p class="m-0 text-light font-weight-bold small">Website</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-7 order-lg-7 collapse" id="collapseExample10">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">The Code Initiative</h3>
<h5 class="mb-0">Website</h5>
<hr />
<p class="lead">We built a website for them to showcase their innovative programs.</p>
<p>The Code Initiative is a not-for-profit that provides coding workshops for youth on the autism
spectrum.</p>
<p>
<em>
Project Lead: Pritpal Chauhan</br>
Team: Vanessa Bayubaskoro
</em>
</p>
<p class="m-0"><a class="btn btn-outline-primary" href="https://thecodeinitiative.ca/" alt="TCI Website"
target="_blank">Visit the Website</a></p>
</div>
</div>
<div class="project-container mb-4 order-md-7 order-lg-7 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample11" role="button"
aria-expanded="false" aria-controls="collapseExample11">
<div class="project-image"
style="background-image: url('assets/images/proj/chingari-logo.png'); background-size: contain;">
<div class="project-description p-2">
<h6 class="m-0 text-white">Chingari</h6>
<p class="m-0 text-light font-weight-bold small">Website</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-10 order-lg-10 collapse" id="collapseExample11">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Chingari</h3>
<h5 class="mb-0">Website</h5>
<hr />
<p class="lead">We built a website providing free education regarding abuse, harassment, divorce, personal
and professional development training, and information on resources available for immigrant women.</p>
<p>Chingari is an organization dedicated to helping immigrant women escape abuse by understanding their
rights.</p>
<p>
<em>
Project Lead: Ben Chugg</br>
Team: Eric Mikulin, Jimmy Lin, Jordan
</em>
</p>
<p class="m-0">
<a class="btn btn-outline-secondary" href="https://github.com/CodeTheChangeUBC/Chingari"
alt="chingari repo" target="_blank">See Project on GitHub</a>
<a class="btn btn-outline-primary m-1" href="https://chingari.org/" alt="Chingari Website"
target="_blank">Visit the Website</a>
</p>
</div>
</div>
<div class="project-container mb-4 order-md-8 order-lg-8 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample12" role="button"
aria-expanded="false" aria-controls="collapseExample12">
<div class="project-image"
style="background-image: url('assets/images/proj/spes-logo.png'); background-size: contain;">
<div class="project-description p-2">
<h6 class="m-0 text-white">Stanley Park Ecology Society</h6>
<p class="m-0 text-light font-weight-bold small">Automatic Event Uploader</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-10 order-lg-10 collapse" id="collapseExample12">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Stanley Park Ecology Society</h3>
<h5 class="mb-0">Automatic Event Uploader</h5>
<hr />
<p class="lead">We built an automatic event uploader for the Stanley Park Ecology Society.</p>
<p>Stanley Park Ecology Society promotes awareness of and respect for the natural world and plays a
leadership role in the stewardship of Stanley Park through collaborative initiatives in education,
research and conservation.</p>
<p>
<em>
Project Lead: Ahmed Abdelmoneim</br>
Team: Karim Eldegwy, Nadeem
</em>
</p>
<p class="m-0"><a class="btn btn-outline-secondary" href="https://github.com/CodeTheChangeUBC/SPES-PE"
alt="stanley park ecology society repo" target="_blank">See Project on GitHub</a></p>
</div>
</div>
<div class="project-container mb-4 order-md-9 order-lg-9 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample13" role="button"
aria-expanded="false" aria-controls="collapseExample13">
<div class="project-image" style="background-image: url('assets/images/proj/big_brothers.jpg');">
<div class="project-description p-2">
<h6 class="m-0 text-white">Big Brothers</h6>
<p class="m-0 text-light font-weight-bold small">Data Aggregation</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-10 order-lg-10 collapse" id="collapseExample13">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Big Brothers</h3>
<h5 class="mb-0">Data Aggregation</h5>
<hr />
<p class="lead">We helped Big Brothers optimize their placement of clothing donation bins across the Lower
Mainland by aggregating and visualizing information from different sources.</p>
<p>Sixty percent of the funding for Big Brothers Vancouver comes from clothing donations. They sell the
donations to Value Village to make a profit and need to place their donation bins strategically across
the lower mainland. The goal of this project was to help Big Brothers with their problem by building a
web application that will pull donation bin locations from many different sources and put them all on
one nice map so they can see where they should place theirs.</p>
<p>
<em>
Project Lead: Marshall McDougall</br>
Team: Anthony, Daniel, Jon
</em>
</p>
<p class="m-0"><a class="btn btn-outline-secondary" href="https://github.com/CodeTheChangeUBC/bigbrothers"
alt="big brothers repo" target="_blank">See Project on GitHub</a></p>
</div>
</div>
</div>
<div class="row">
<div class="project-container mb-4 order-md-1 order-lg-1 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample14" role="button"
aria-expanded="false" aria-controls="collapseExample14">
<div class="project-image" style="background-image: url('assets/images/proj/VCS-Dress.jpeg');">
<div class="project-description p-2">
<h6 class="m-0 text-white">Vancouver Cantata Singers</h6>
<p class="m-0 text-light font-weight-bold small">Website</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-4 order-lg-4 collapse" id="collapseExample14">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Vancouver Cantata Singers</h3>
<h5 class="mb-0">Website</h5>
<hr />
<p class="lead">We built a website to help the VCS improve their outreach so they can continue to showcase
incredible music in Vancouver.</p>
<p>The Vancouver Cantata Singers (VCS) is a non-profit working in the arts and culture space. Founded in
1957, they are a premier, award winning ensemble. They often fundraise for events like the Spinal Chord
Gala.</p>
<p class="m-0">
<a class="btn btn-outline-secondary m-1" href="https://github.com/CodeTheChangeUBC/vcs" alt="vcs repo"
target="_blank">See Project on GitHub</a>
<a class="btn btn-outline-primary m-1" href="http://vancouvercantatasingers.com/" target="_blank">Visit
the Website</a>
</p>
</div>
</div>
<!-- <div class="project-container mb-4 order-md-3 order-lg-3 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample9" role="button"
aria-expanded="false" aria-controls="collapseExample9">
<div class="project-image" style="background-image: url('assets/images/proj/reboot.jpg');">
<div class="project-description p-2">
<h6 class="m-0 text-white">Freegeek</h6>
<p class="m-0 text-light font-weight-bold small">Donation Tracking System</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-4 order-lg-4 collapse" id="collapseExample9">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Freegeek</h3>
<h5 class="mb-0">...</h5>
<hr/>
<p class="lead">...</p>
<p>...</p>
<p class="m-0"><a class="btn btn-outline-secondary" href="https://github.com/CodeTheChangeUBC/ReBOOT" alt="Reboot Repo" target="_blank">See Project on GitHub</a></p>
</div>
</div> -->
<div class="project-container mb-4 order-md-2 order-lg-2 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample15" role="button"
aria-expanded="false" aria-controls="collapseExample15">
<div class="project-image" style="background-image: url('assets/images/proj/ftc.jpeg');">
<div class="project-description p-2">
<h6 class="m-0 text-white">Free The Children UBC</h6>
<p class="m-0 text-light font-weight-bold small">Website</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-4 order-lg-4 collapse" id="collapseExample15">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Free The Children UBC</h3>
<h5 class="mb-0">Website</h5>
<hr />
<p class="lead">We built FTC UBC a website to help them be more productive in creating change on campus.
</p>
<p>Free the Children at UBC is a club on campus who is committed to helping eradicate poverty through a
sustainable, five pillar system. Their parent organization, Free the Children, has made huge
contributions to breaking the cycle of poverty with their programs. The club wanted a website which kept
track of their members, events, fundraisers, and documents all in one place.</p>
<p>
<em>
Team: Ben Chugg
</em>
</p>
<p class="m-0">
<a class="btn btn-outline-secondary m-1" href="https://github.com/CodeTheChangeUBC/FtC-Website"
alt="FTC repo" target="_blank">See Project on GitHub</a>
<a class="btn btn-outline-primary m-1" href="https://ubcftc.herokuapp.com/" alt="FTC Website"
target="_blank">Visit the Website</a>
</p>
</div>
</div>
<div class="project-container mb-4 order-md-3 order-lg-3 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample16" role="button"
aria-expanded="false" aria-controls="collapseExample16">
<div class="project-image" style="background-image: url('assets/images/proj/vjk.jpg');">
<div class="project-description p-2">
<h6 class="m-0 text-white">Verna J Kirkness Program</h6>
<p class="m-0 text-light font-weight-bold small">Database</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-4 order-lg-4 collapse" id="collapseExample16">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">Verna J Kirkness Program</h3>
<h5 class="mb-0">Database</h5>
<hr />
<p class="lead">We developed a database to help the program easily access and visualize all of their data.
</p>
<p>The Verna J Kirkness program promotes the STEM fields among indigenous youth. Once a year, the program
partners with post-secondary institutions to pair high school aged indigenous students with graduate
students from across different scientific disciplines. The students spend a week performing experiments,
asking questions, and learning about the scientific process.</p>
<p>
<em>
Team: Angad Kalra, Ben Chugg, Tom Lee
</em>
</p>
<p class="m-0"><a class="btn btn-outline-secondary" href="https://github.com/CodeTheChangeUBC/vjk"
alt="VJK repo" target="_blank">See Project on GitHub</a></p>
</div>
</div>
<div class="project-container mb-4 order-md-4 order-lg-4 col-12 col-md-6 col-lg-4">
<a class="show-more-button" data-toggle="collapse" href="#collapseExample17" role="button"
aria-expanded="false" aria-controls="collapseExample17">
<div class="project-image" style="background-image: url('assets/images/proj/bcsmssa.jpg');">
<div class="project-description p-2">
<h6 class="m-0 text-white">BC Society for the Male Survivors of Sexual Assault</h6>
<p class="m-0 text-light font-weight-bold small">Data Intake and Analysis</p>
</div>
</div>
</a>
</div>
<div class="col-12 order-md-5 order-lg-5 collapse" id="collapseExample17">
<div class="mb-4 card card-body">
<p class="closeIcon" role="button"> × </p>
<h3 class="text-secondary pr-5">BC Society for the Male Survivors of Sexual Assault</h3>
<h5 class="mb-0">Data Intake and Analysis</h5>
<hr />
<p class="lead">We developed a database for the data collected by the organization. They needed to use the
data to carry out independent research on the statistics of sexual assaults across BC, so the site also
enabled basic data analysis and visualization.</p>
<p>The BCMSSA provides support and treatment for males who are victims of sexual abuse.</p>
<p>
<em>
Project Lead: Ben Chugg</br>
Team: Alexander Booth, Soo Kim, Sophia Nguyen, Xiaoxin
</em>
</p>
<p class="m-0"><a class="btn btn-outline-secondary" href="https://github.com/CodeTheChangeUBC/bcsmssa"
alt="BCSMSSA repo" target="_blank">See Project on GitHub</a></p>
</div>
</div>
</div>
</div>
</section>
</main>
<footer role="contentinfo" class="footer bg-light d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-12">
<p class="text-center text-muted m-0 small">© Code the Change Foundation 2019</p>
</div>
</div>
</div>
</footer>
<!--BootStrap JS Scripts -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script src="assets/scripts.js"></script>
</body>
</html>