-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
786 lines (749 loc) · 63.2 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
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
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
<!-- title -->
<title>Project Code - Empowering the Future Generation of Coders</title>
<meta name="description" content="Project Code is a non profit that aims to help young students explore their interest in STEM.>" />
<!-- favicon -->
<link rel="shortcut icon" href="images/logoRocket.png">
<!-- animation -->
<link rel="stylesheet" href="css/animate.css" />
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<!-- font-awesome icon -->
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- themify-icons -->
<link rel="stylesheet" href="css/themify-icons.css" />
<!-- owl carousel -->
<link rel="stylesheet" href="css/owl.transitions.css" />
<link rel="stylesheet" href="css/owl.carousel.css" />
<!-- magnific popup -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- base -->
<link rel="stylesheet" href="css/base.css" />
<!-- elements -->
<link rel="stylesheet" href="css/elements.css" />
<!-- responsive -->
<link rel="stylesheet" href="css/responsive.css" />
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->
<!--[if IE]>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
<style>
.btn-dual .btn { margin: 0 12px 0 0;}
</style>
</head>
<body>
<header class="header-style5" id="header-section12">
<!-- nav -->
<nav class="navbar tz-header-bg black-header alt-font no-margin shrink-transparent-header-dark dark-header header-border-light">
<div class="container navigation-menu">
<div class="row">
<!-- logo -->
<div class="col-md-3 col-sm-4 col-xs-6">
<a href="#home" class="inner-link"><img alt="" src="images/projectcodeicon2.png" data-img-size="(W)195.6px X (H)48px"></a>
</div>
<!-- end logo -->
<div class="col-md-9 col-sm-8 col-xs-6 position-inherit xs-no-padding-left">
<button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- social elements -->
<div class="social float-right pull-right">
</div>
<!-- end social elements -->
<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse pull-right">
<ul class="nav navbar-nav">
<li class="propClone"><a class="inner-link" href="#feature-section27">HOW IT WORKS</a></li>
<li class="propClone"><a class="inner-link" href="#content-section44">PHOTOS</a></li>
<li class="propClone"><a class="inner-link" href="#yeayea">SPONSORS</a></li>
<li class="propClone"><a class="inner-link" href="#hero-section20">ABOUT US</a></li>
<li class="propClone"><a class="inner-link" href="#pricing-table4">GET INVOLVED</a></li>
<li class="propClone"><a class="inner-link" href="#subscribe-section6">JOIN NOW</a></li>
<li class="propClone"><a class="inner-link" href="#contact-section5">CONTACT</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!-- end nav -->
</header>
<section class="position-relative hero-style19 cover-background tz-builder-bg-image hero-style19 hero-style2 border-none bg-img-one" id="home" data-img-size="(W)1920px X (H)800px" style="background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) repeat scroll 0% 0%, transparent url('https://image.ibb.co/iAfrWk/hero_bg12.jpg') repeat scroll 0% 0%;">
<div class="container one-sixth-screen xs-height-auto position-relative">
<div class="row">
<div class="slider-typography xs-position-static text-center">
<div class="slider-text-middle-main">
<div class="slider-text-middle text-center xs-padding-fifteen xs-no-padding-lr">
<div class="col-md-9 col-sm-12 col-xs-12 center-col margin-twenty-five-top">
<!-- title -->
<h1 class="title-extra-large-3 md-title-extra-large-2 xs-title-extra-large-3 letter-spacing-minus-1 text-white alt-font margin-one-bottom sm-margin-three-bottom tz-text center-col">Project Code</h1>
<div class="text-white text-extra-large font-weight-300 center-col xs-text-extra-large tz-text margin-eight-bottom sm-margin-six-bottom xs-margin-eleven-bottom sm-margin-nine-bottom"><p class="sm-width-80 center-col"><p>Initiating a culture change in the future generation of youth coders</p></div>
<!-- end title -->
<div class="btn-dual">
<a class="btn btn-large propClone bg-golden-yellow text-black btn-circle xs-margin-ten-bottom xs-width-100" href="#subscribe-section6"><span class="tz-text">LEARN TO CODE</span><i class="fa fa-shopping-basket text-extra-medium tz-icon-color"></i></a>
<a class="btn btn-large propClone bg-white text-black btn-circle xs-margin-ten-bottom xs-width-100" href="#pricing-table4"><span class="tz-text">GET INVOLVED</span><i class="fa fa-angle-right text-extra-medium tz-icon-color"></i></a>
</div>
</div>
<!-- image -->
<div class="col-md-11 col-sm-12 col-xs-12 center-col margin-seven-top">
<iframe src="https://drive.google.com/file/d/1U096TNXZpiV0WMbh5NRsBf-ZhEf6zYYD/preview" width="768" height="576"></iframe>
</div>
<br>
<br>
<br>
<!-- end image -->
</div>
</div>
</div>
</div>
</div>
</section>
<section class="padding-60px-tb bg-light-gray builder-bg" id="callto-action2">
<div class="container">
<div class="row equalize">
<div class="col-md-12 col-sm-12 col-xs-12 text-center">
<div class="display-inline-block sm-display-block vertical-align-middle margin-five-right sm-no-margin-right sm-margin-ten-bottom tz-text alt-font text-dark-gray text-extra-large sm-text-extra-large">Become a part of Project Code! Join our free classes or sign up as a volunteer. </div>
<a class="btn-medium btn text-fast-blue2 border-2-fast-blue2 btn-circle" href="#subscribe-section6"><span class="tz-text">JOIN NOW</span><i class="fa fa-long-arrow-right text-extra-medium tz-icon-color"></i></a>
</div>
</div>
</div>
</section>
<section class="builder-bg padding-110px-tb xs-padding-60px-tb bg-white" id="feature-section27">
<div class="container">
<div class="row four-column">
<!-- feature box -->
<div class="col-md-3 col-sm-6 col-xs-12 sm-margin-nine-bottom xs-margin-fifteen-bottom text-center">
<div class="feature-box">
<div class="margin-fifteen-bottom xs-margin-five-bottom"><i class="fa ti-desktop text-fast-blue2 icon-large tz-icon-color"></i></div>
<h3 class="feature-title text-dark-gray text-medium alt-font display-block margin-three-bottom xs-margin-five-bottom tz-text">Sign Up For Free!</h3>
<div class="feature-text text-medium center-col tz-text"><p class="no-margin-bottom">The first step in joining the initiative is signing up, either as a parent, student or volunteer.</p></div>
</div>
</div>
<!-- end feature box -->
<!-- feature box -->
<div class="col-md-3 col-sm-6 col-xs-12 sm-margin-nine-bottom xs-margin-fifteen-bottom text-center">
<div class="feature-box">
<div class="margin-fifteen-bottom xs-margin-five-bottom"><i class="fa ti-clipboard text-fast-blue2 icon-large tz-icon-color"></i></div>
<h3 class="feature-title text-dark-gray text-medium alt-font display-block margin-three-bottom xs-margin-five-bottom tz-text">Wait For Our Response</h3>
<div class="feature-text text-medium center-col tz-text"><p class="no-margin-bottom">Our volunteers will get back to you within 24 hours on available sessions near you.</p></div>
</div>
</div>
<!-- end feature box -->
<!-- feature box -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center xs-margin-fifteen-bottom">
<div class="feature-box">
<div class="margin-fifteen-bottom xs-margin-five-bottom"><i class="fa ti-settings text-fast-blue2 icon-large tz-icon-color"></i></div>
<h3 class="feature-title text-dark-gray text-medium alt-font display-block margin-three-bottom xs-margin-five-bottom tz-text">Begin the Learning Process</h3>
<div class="feature-text text-medium center-col tz-text"><p class="no-margin-bottom">You will be invited to the next free coding class where you'll begin learning with MIT Scratch.</p></div>
</div>
</div>
<!-- end feature box -->
<!-- feature box -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="feature-box">
<div class="margin-eleven-bottom xs-margin-five-bottom"><i class="fa ti-panel text-fast-blue2 icon-large tz-icon-color"></i></div>
<h3 class="feature-title text-dark-gray text-medium alt-font display-block margin-three-bottom xs-margin-five-bottom tz-text">Come Back For More</h3>
<div class="feature-text text-medium center-col tz-text"><p class="no-margin-bottom">Our programming sessions follow MIT's Scratch curriculum, so we have classes once a week throughout the entire year.</p></div>
</div>
</div>
<!-- end feature box -->
</div>
</div>
</section>
<section class="padding-110px-tb feature-style29 bg-light-gray builder-bg xs-padding-60px-tb" id="content-section44">
<div class="container">
<div class="row equalize xs-equalize-auto equalize-display-inherit">
<div class="col-md-6 display-table col-sm-12 col-xs-12 xs-margin-nineteen-bottom sm-height-auto">
<script src="https://cdn.jsdelivr.net/npm/publicalbum/dist/pa-embed-player.min.js" async></script>
<div class="pa-embed-player" style="width:90%; height:480px; display:none;"
data-link="https://photos.app.goo.gl/mgyvaPaK2Pryfyzx2"
data-title="Project Code Monroe 1"
data-description="38 new photos added to shared album">
<img data-src="https://lh3.googleusercontent.com/J2dvwr1CVX44CnDqzmNdxaTZucBsEtIN_RfSYC41zp8zQ__c3FItunCuNy-7LYm_cUrnSkCl8HUhMgc9l6UdA4_4W9g_UhvxteO0u-yVegsLP60eaxvVlOzrPLBdlALEeZ1ajGf-kFM=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/K9ZJBTreYeiNH28a4jeKM4B6hRhpzVsZV-CKU4aj-87IDGQB1SSCx3Ip5h065Pn9X0Fln7BUs3MA3YF2OVkCp6A9Pw9eWsB8juN2Xx6PRnZHpShJSchzYanxwyvhs5Q8vr7c4DNdVYg=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/LdiJNrOOfpaDTfSQ9J6fZLrLfDcb0D3_6_BPEZ-AV-uoe2uhAtTOgyxyn18fpg_HEYBskUURW82i7hzfnKfrLQVDgG_-cYR8Hzx7qZk33chgAZ8XBMENJwOIVn4b8UP4Y_s6Dt2zIps=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/4reAorMjBUnvUjjd6p8VHftTWwIE7LxG33tnHoDO6AKE0CnsFt5lkOmOn0KEovZwEFValx9JxkeuUoZ0k5S-vLGDI_ZYyuXYc4Ee6Z_QKqs85IMj9wCvFQnkqMU-TtTeDD0yh6eBh8c=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/wwOliSUgt1jjqB7V1k6sPXZpMgM09i0wadiH6qWbUodr7uBQcGDIrBxLlInUSG5sL646jQNSOph9gxAXHK_sAuXpVIhjjcrG31s_NxkXyDsV32jxkkxtcF9YAYYDjV1PbxNAtf9D6b4=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/XXWc7XM0z5M30Nh_BRyTe2SCx24yw5-Pudbzrzz5tE5X9PvkpgHnIxmlsw9iMPuX1O1MaXloZxfdx51xdmkD4l7to1h5xQttOD9pILXr_eaW6D4LiUuGevj0y3uwVNEAkpsWwvo-Trk=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/o_KtvSrB0ziBMCDTHVSaPJ6omPQFefX4ryGTGHNZ-2rAuN6kuyeRP6Wh5pjsX6TVp2GZGl9gqohWhNrEMjfebo-qVv0QxbEMfz6FOjcuJdCe1jfEP8hQHKxLD3p4f9fO2al3SUa9rpU=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/3gHa0ebfa2IJW-w-BVkjjjAR4FjGD52GiKADjk53zZu-Btys3SBDwPjf8ofvR2tbk5MdvnZTvUBUlQ5MEZMXxB09VmSMhtr6xKkCAn0AwROdOsi-kc35ll20_JEK55mEfW0NpcepSyw=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/UE_1AMhLZIDlrceqc-9DSL3gRjoZJypvCk_pHq3gBfEf609s4vJk5eoEk4KtKjI2agBEAWdjeMebJkuF65Q0Ps7k-GYqYppx4SDu7otQoV7g4F0oc3LneoX8B_m1E-qjhsH1rraQ6E4=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/4ke6NMK0dZKclKVbQgoWLwawpO97xumJbzqw_JlL7nyRW5xsOzjvHDAiiNidwxqbgCSiiVNrMX7ikQknf0f0Q0AqP5JVDuHMA7yj14wE0PcNZ7-vJUGSeq24q-kyir_o1in3dD6h48g=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/sdicqRrjVKJNQ0fb4_aQjAkdSfgb0mlxpE5agoBtyjOpjmN6awThlHQezykcpz300HaIjsYv_mikmfLAoZbry3xepxHXkA714DB7ifzx5dIzttGh-ExAIQDiBPgRFFqeS0LDSyMD7ZQ=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/9o78YqONosptE8Ptt3YcJO1i2fR0TK9G3D5fPa6jYqVxUbpTeHp-lJvs_33vcQO60NstA3eN6Js3tYVCOe9wz5YRcxIP5oIIOKqe3g-9pl3XI6PTU5h53vdVOAGfQlMK_c4HQ3Tix-Q=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/8y4IBQQ7xmFm4geeFbkHtCtTxt0z_ydgbEwgfXs9tTIkWlhbOF09hSoT1-rgKBadlteuuv9XzcnT_V6-ItQNDwz0X2eynpTGPCGBx-IJedAZywT1toKakt2lmKvPmA9SDHJgdReqx7s=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/U9lxBJpU1app0dtsRL5AyNT9pT6L79fMXfQhC-v8ThGawVJZUz1hF4xyGuzH6q35EdicWmWZdDsFwVsIIlzJGktTvBK5cNeW1EnfnI6KCW_RLOKhvgh2Nn3lsai1W-dBLKqVca3ucTc=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/ATHCNDbkjui1yS7tZd42nmr_tQo3CadSzkgba4g-6VQ54f6PyT3fjH-5Ifeg8YZX03C6j1Ct_2iaZEm1slVqkU_5epE-SS7EgYDfSz2dWlz_vy7r1L1vauq618R4tHbbppbzyk3kBOQ=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/6J94jS79UYwLSWAVoCOE3b19T0FnD1hqzAKZSJrnUYIIqYMSHpzwEKx0ReGi-UTYXh9Nmb0CxjbNIgeNmWyzwgC7V2oJn2r3r6pvrJOknb8eFw0i8kTcYy_Pzt0E42RYyY5V8k31fs0=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/_vYsnacHd0QX8MRBsNP8UZyzJDenq1fKRIJAidEbHUvtMH54KSNICXZJclludGfY_KsbOtJ5ToY9Zb96swgUYUyKvk2lS1J7-i4L7aFn1vwNvJ48a9R-aGJRzgBH_1ogaHQDODpyUFU=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/mUkZUd8ps7D-tW8qnMqJmYKvnMYHcGo6Qkw3oujMC4J9fWWTgCcKRfrKSCteDkVAQNHD_x6pNTF7jdumweQdXBcjjClzJWEzwy67Nf8oV14-vojG1N_1y_SjGLVYEpAY_hOXjXVs-_0=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/1hMllEyNWw3d4OExQr5rvUUXHlQWeD_kngkhyB3ViR5PMfq9MrL7iqyGqTV4vGv99WaECsggaw3CZGYxNi_uiIAgwNQYmsV9yQNI4gCH6o34wtYZSSCFPiiq3Auslz0lwS6DVproHhk=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/6d9UTj71FOxcpmgwZLTQ88n7bJTOh7avMdoTW__QmymMk8_U7uoO9_lcE9fq2RUEx0lc0WjaW0AuvBeZ2xC8N_gSuvc_Hqb-c4nrlEBVlPUA9U2pThBpNn1p30lpbPzNT7TWFmIKrbU=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/3uAAzXpYFjk4MFx5ONL1Qta1tdVENDE-I9TmpdkLrmDeeCQdsjCfAhXVMQXlAlQJUR9vee-B1VpGSHrrnyIPMyU7WOSCd_mRyY01ooaY4UQZyBp1zZideBX_t93S2rOnbDtk2XknFZ8=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/8wjzpmeUvpmOcA5d8Paue1Ih095hEdBY5lovdn6Je1K-Pu0hmoYk8XpMreNo4hbS1PXsh9MPHNHEF-tO1ifMNJ1-w3VBjuYf8wfm_Qo4fK_EXlAegWm1tuqHzxKSfLwKoxYo6B2lnLE=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/F6Y3vhE1DI_CvcA2NRhn7BVgi8tiycn1EsVKT6nAw-qTmq0Lo9ATD690smIRCEuEptVbfogkKBRZJryQOrr4jhFCT7pi0bT4ySM-h_GYQwA8AUF6Ot2McSAaCbI7uDgsZlrp-q6ksik=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/JqCD1UY_-FAr9I_HSr_eMdsDtfpb2AZSzRcPnRaKWIL4FaJ2rLJ5YoRwFxBd0hknzqBbVDlXEh-ZO1w1gvvObVM08daJZcSH8ODAKXE56HBxUAwYV2CzTci9aXOIiSuqbGkgDHn2Skw=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/IFG6pCkudD20emOYbO2W_vSbMZrd6DDxPuD_cwHvksIAhunI9A-3rUo0GMQFDLKGmxBGDqruNsUN2XzKg_Hin5ET7pJHHfWnWdC5FY9LRgdr8LeoFuwQ9sdwQ19HLZkVtIGG_qxMJSw=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/uguCqR-KjH0lbV5CHd8v7FWA7ljEqv6bimTuHL6Wq-UozT9h23Zh19ShkS5_aHIDyolQozAWx5VeNVHYiJNju-dRubRUkKmHa-EeIqFhUfKEcZmaArwbuaeQvsnQKrK6sJTs04_P7VM=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/SG9kHDi_yQXDmDAdw9ykmVkWkppNjLi8jYTwayXk5Xpf_-JOA4vl1eZj16mx8UUDqbSXDwIjEZ3e8YCipZDh9OGZe8uxVTi1HacBIcVzMChUyKJAxaPK3lUxGaVOVMgXoc2nloNDVzc=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/kIVDY1rEChbCnDUTnIbtGjZuqJURWHf6LgUmBYm7el_59IocgOzInw3sR7yJEIUybZTlin8jxqA4zVzN8odMwbRTKlgAu2kAyCbwHoQLLeDe5ASOvCmUrhHZy4kndRvaBPKgYpWwodM=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/pF__V_jC8GWD62pGJlHiNm6jqUprTN25R-Ha0YuBo7TgB_8odEUTHCBtpZM_uUrWAkH4E2nd1q_lKZApgsKnUzj8JeAwg3E_-9yHfQ95RGqGtq7zEgjvWZl21Z7EOFk94QBGQ-CVUEY=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/UVAeUqPpp5fPH74hCa0MqeOV05XH2SA1H4y42rqmI_odPz_7snfzjNMirCoJobHNUMFRCiBY6sR-IW-Wd3rLfQLswgoIaFDONkw2Q_Gjk3NXd0arMh0yAUb-bDxq4cmHunhaqdF-yyo=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/wUxLWuFDmJedCZIj9LohBoW1vtxitXiBRpdK09E82OR898zcRJDeN_WjMAy455MeUN9nYUcN_2mypxemaTVW5v8z4n_ueWMtEVhF-Cvdfsf0z0aOFrGnuTSo_4f27tgTbb14zoPdidI=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/-lsmBRYU_nSXb6HjYvL50uHzadl9LN74HUaB615NvHZQqc1wJPZbLxan8oRzgKA_xtc5Nzv3_c6dErxUPWd93vC8GZZ2zMycNysMOjDSd6Bq0i_7MRNgDlvnAgzvqxrZMeq83aLUlHY=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/Hf86L8_Dw0btfX2UGVZ1-8qADGWlAfb40Y3KPprfsYqmgJRrPIf6bUrGJlJb9tuLb-IhFgAicMlajBH4xLSnr3JNZH6_fgHsNQpthjBEOXf1pl-y0dEdQ73qS1EUrsCMmyuxNjaX7gc=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/aqxoz2y2kegcupTuLgID-5ZeWnmnC6yJ2rt_Dvl3cO5ivSArBuFeY7itDWJVkYu6UrrqiRLLXMwTY0ywxD3P9tsXPyTX44_Jntu4ufcONubAPS8qjhybTvnuq_ugLw_wZLvxX4TLm2A=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/s63CxLrGL7sCetD4_HfyKl8exWFH6jhUHGu0QnHSWt6kJQJMciYURk_wtZVd9ewAo0uY3c1Ri6OVn_rpqNXz4XMNa8JpXN8qDv9AdumD_sdrSZ7Ajxo--sNjhp-2zqo1gd42pV_FJ9E=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/msZoGFGH_ERfwstR5caP_qmNbNqQSOuw2oK5IgGdNOniIsw305tdTTNBLAehLkPxwVIW78lplUOqGW_dmR12afVTVgJQ-POadZcQi4ovFED3qRz0uAzJQ6aAs_x_UPgHeQefV1d3M-E=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/EkZbue5_J8NVGRt7JNlvKGw-jpSZXlMKedMi9sl0Va22j4o5YTspzkpQZcrQ9hoSmR4ZFZ6uNOfT0ppvK25XkTo-l1kjKZ6m_5-m70AH6s0-eya51eRAAT8-wImufSHS1iEu4vn6kdw=w1920-h1080" src="" alt="" />
<img data-src="https://lh3.googleusercontent.com/YGiifPv1DlXESknvHy5x-gofRsW05dKAMkHjKu5ouEEcbVqzFik9VzHkgvvSreSADiOqTkHOn-RkNGP3Y8-TTji4MZ4QDRer1HTs5xzKkEnWr7taDp517lmRCG4sNEEf-kfJ1t6Y5YA=w1920-h1080" src="" alt="" />
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 display-table sm-height-auto">
<div class="display-table-cell-vertical-middle">
<!-- section title -->
<div class="col-md-12 col-sm-12 col-xs-12">
<h2 class="title-extra-large alt-font sm-section-title-small letter-spacing-minus-1 xs-section-title-large text-dark-gray margin-four-bottom xs-text-center tz-text">MIT Scratch Curriculum</h2>
<p class="text-extra-large font-weight-300 margin-fifteen-bottom xs-margin-nineteen-bottom xs-text-center tz-text">Scratch is a free programming language developed by the MIT Media Lab. It provides a stepping stone to the more advanced realm of computer programming.</p>
</div>
<!-- end section title -->
<!-- feature box -->
<div class="row two-column no-margin">
<div class="col-md-6 col-sm-6 col-xs-12 margin-eight-bottom xs-margin-fifteen-bottom xs-text-center">
<div class="float-left xs-margin-lr-auto xs-float-none xs-margin-seven-bottom"><i class="fa ti-crown text-fast-blue2 title-extra-large tz-icon-color"></i></div>
<div class="info xs-no-margin xs-width-100 xs-clear-both">
<h3 class="text-large alt-font margin-two-bottom text-dark-gray tz-text font-weight-500">Recommended Age</h3>
<div class="text-medium tz-text"><p>Scratch is primarily designed for students between 8 and 16 years old, but we also welcome younger students.</p></div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 margin-eight-bottom xs-margin-fifteen-bottom xs-text-center">
<div class="float-left xs-margin-lr-auto xs-float-none xs-margin-seven-bottom"><i class="fa ti-bookmark-alt text-fast-blue2 title-extra-large tz-icon-color"></i></div>
<div class="info xs-no-margin xs-width-100 xs-clear-both">
<h3 class="text-large alt-font margin-two-bottom text-black tz-text font-weight-500">Curriculum</h3>
<div class="text-medium tz-text"><p>Throughout the classes, students will learn how to make apps, games, and animations.</p></div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 xs-margin-fifteen-bottom xs-text-center">
<div class="float-left xs-margin-lr-auto xs-float-none xs-margin-seven-bottom"><i class="fa ti-filter text-fast-blue2 title-extra-large tz-icon-color"></i></div>
<div class="info xs-no-margin xs-width-100 xs-clear-both">
<h3 class="text-large alt-font margin-two-bottom text-black tz-text font-weight-500">Schedule</h3>
<div class="text-medium tz-text"><p> Classes are held once a week. Timings vary based on location. Contact us for more details. </p></div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 xs-no-margin-bottom xs-text-center">
<div class="float-left xs-margin-lr-auto xs-float-none xs-margin-seven-bottom"><i class="fa ti-heart text-fast-blue2 title-extra-large tz-icon-color"></i></div>
<div class="info xs-no-margin xs-width-100 xs-clear-both">
<h3 class="text-large alt-font margin-two-bottom text-black tz-text font-weight-500">Current Locations</h3>
<div class="text-medium tz-text"><p> - Hamilton Public Library, NJ <br>
- Monroe Public Library, NJ <br>
- West Windsor Library, NJ <br>
- East Windsor Library, NJ <br>
- Montgomery Library, NJ
</p></div>
</div>
</div>
</div>
<!-- end feature box -->
</div>
</div>
</div>
</div>
</section>
<section id="yeayea" class="bg-white builder-bg padding-110px-tb testimonial-style11 xs-padding-60px-tb">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 text-center">
<h2 class="title-extra-large-2 letter-spacing-minus-1 text-dark-gray alt-font margin-three-bottom xs-margin-fifteen-bottom tz-text">Sponsors</h2>
<div class="text-medium width-60 margin-lr-auto md-width-70 sm-width-100 tz-text margin-thirteen-bottom xs-margin-nineteen-bottom">Here are our wonderful sponsors who provide us with the laptops, projectors, tables, advertising materials, and meeting space needed!</div>
</div>
<!-- testimonial item -->
<div class="col-md-7 col-sm-9 col-xs-12 xs-text-center center-col">
<div class="col-md-3 col-sm-3 col-xs-12 xs-margin-eleven-bottom">
<img class="width-95 xs-width-40" src="images/monroe.jpg" data-img-size="(W)20px X (H)200px" alt=""/>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 xs-margin-eleven-bottom">
<img class="width-95 xs-width-40" src="images/hamilton.png" data-img-size="(W)149px X (H)149px" alt=""/>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 xs-margin-eleven-bottom">
<img class="border-radius-100 width-95 xs-width-40" src="images/westwindsor.jpeg" data-img-size="(W)149px X (H)149px" alt=""/>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 xs-margin-eleven-bottom">
<img class="border-radius-100 width-95 xs-width-40" src="images/hickory.jpg" data-img-size="(W)149px X (H)149px" alt=""/>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 xs-margin-eleven-bottom">
<img class="border-radius-100 width-95 xs-width-40" src="images/mont.png" data-img-size="(W)149px X (H)149px" alt=""/>
</div>
</div>
<!-- end testimonial item -->
</div>
</div>
</section>
<section class="padding-110px-tb xs-padding-60px-tb bg-white builder-bg border-none" id="title-section13">
<div class="container">
<!-- section title -->
<div class="row">
<div class="col-md-7 col-sm-12 col-xs-12 title-small sm-title-small text-center center-col">
<span class="text-large text-fast-blue2 alt-font tz-text xs-margin-seven-bottom">START YOUR OWN!</span>
<h2 class="title-extra-large-2 letter-spacing-minus-1 text-dark-gray alt-font display-block tz-text xs-margin-seven-bottom">Bring Project Code near you!</h2>
<div class="col-md-11 col-sm-12 col-xs-12 center-col margin-fourteen-top">
<img src="images/kids.jpg" data-img-size="(W)1700px X (H)981px" alt="">
</div>
<div class="text-medium display-block margin-three-top margin-six-bottom tz-text xs-margin-nine-bottom"><p>If Project Code is not currently operating in a location near you, you are welcome to start your own! If you're interested in taking lead and directing your own classes, we would love to help! Contact us to register for all the required materials. </p></div>
<a href="#subscribe-section6" class="btn-medium btn-circle btn border-2-fast-blue2 btn-border text-fast-blue2"><span class="tz-text">START NOW</span><i class="fa fa-long-arrow-right text-extra-medium tz-icon-color"></i></a>
</div>
</div>
<!-- end section title -->
</div>
</section>
<section class="no-padding cover-background tz-builder-bg-image border-none header-style25 bg-img-two" id="hero-section20" data-img-size="(W)1920px X (H)900px" style="background:linear-gradient(rgba(0,0,0,0.01), rgba(0,0,0,0.01)), url('https://image.ibb.co/moV0rk/header_25.jpg')">
<div class="container one-fourth-screen sm-height-auto position-relative">
<div class="slider-typography text-center sm-position-relative">
<div class="slider-text-middle-main">
<div class="slider-text-middle text-left sm-padding-nineteen sm-no-padding-lr xs-text-center">
<!-- slider text -->
<div class="col-md-6 col-sm-12 col-xs-12 sm-text-center xs-no-padding-lr">
<h1 class="title-extra-large-4 md-title-extra-large-3 line-height-65 sm-title-extra-large alt-font letter-spacing-minus-1 xs-title-extra-large text-white margin-eight-bottom sm-margin-four-bottom tz-text">Who We Are</h1>
<div class="text-white title-small line-height-34 font-weight-100 width-100 xs-text-extra-large tz-text margin-thirteen-bottom sm-margin-six-bottom xs-margin-eleven-bottom sm-margin-nine-bottom"><p>Project Code is a nonprofit organization founded on the principle of creating a culture change within the STEM community by providing access to free programming classes.</p></div>
<div class="btn-dual">
<a class="btn btn-large btn-circle propClone bg-white text-dark-gray xs-margin-lr-auto xs-float-none xs-display-block" href="#subscribe-section6"><span class="tz-text">JOIN US</span><i class="fa fa-play-circle text-extra-medium tz-icon-color"></i></a>
</div>
</div>
<!-- end slider text -->
<!-- image -->
<div class="col-md-6 col-sm-12 col-xs-12 text-center outside-image sm-position-relative xs-no-padding-lr">
<div class="outside-image-sub height-80 margin-twenty-three-top">
<img src="images/scratchComputer.png" data-img-size="(W)1420px X (H)793px" alt="" class="sm-width-100"/>
</div>
</div>
<!-- end image -->
</div>
</div>
</div>
</div>
</section>
<section id="testimonials-section10" class="bg-white builder-bg padding-110px-tb testimonial-style10 xs-padding-60px-tb">
<div class="container">
<div class="row">
<!-- testimonial item -->
<div class="col-md-7 col-sm-9 col-xs-12 xs-text-center center-col">
<div class="col-md-3 col-sm-3 col-xs-12 sm-no-padding xs-margin-eleven-bottom">
<img class="border-radius-100 width-95 xs-width-40" src="images/raju.jpg" data-img-size="(W)149px X (H)149px" alt=""/>
</div>
<div class="col-md-9 col-sm-9 col-xs-12 feature-box-details">
<div class="text-medium float-left width-100 tz-text"><p>"The ability to program is quickly starting to become a requirement in today's industry. Project Code is taking the right step in preparing tomorrow's generation by exposing students to programming early on."</p></div>
<span class="tz-text font-weight-500 alt-font text-dark-gray sm-text-medium display-inline-block">VISWANATHA RAJU</span>
<span class="tz-text alt-font text-extra-small display-block">SRP SYSTEMS</span>
</div>
</div>
<!-- end testimonial item -->
</div>
</div>
</section>
<section class="padding-110px-tb xs-padding-60px-tb bg-light-gray builder-bg" id="content-section32">
<div class="container">
<div class="row equalize xs-equalize-auto equalize-display-inherit">
<div class="col-lg-5 col-md-6 col-sm-6 xs-12 xs-text-center xs-margin-nineteen-bottom display-table">
<div class="display-table-cell-vertical-middle">
<div class="sm-margin-five-bottom alt-font text-fast-blue2 font-weight-400 text-extra-large tz-text">Our Mission Statement.</div>
<!-- section title -->
<h2 class="alt-font title-extra-large sm-title-large xs-title-large text-dark-gray margin-eight-bottom tz-text sm-margin-ten-bottom letter-spacing-minus-1">To change the culture of the STEM community</h2>
<!-- end section title -->
<div class="text-medium tz-text width-90 sm-width-100 margin-seven-bottom sm-margin-ten-bottom"><p>
Computing makes up 71% of projected new jobs in Science, Technology, Engineering, and Math, yet only 8% of STEM graduates are in Computer Science. Only 1 in 4 schools throughout the nation teach programming classes. Only 22% of AP Computer Science students are women, and only 13% are African American or Hispanic/Latino.</p></div>
<div class="text-medium tz-text width-90 sm-width-100 margin-fifteen-bottom sm-margin-ten-bottom"><p>Studies show that women are 10 times more likely to major in computer science if they were exposed to it in high school, while African Americans and Hispanics are 7 times more likely.</p></div>
<div class="text-medium tz-text width-90 sm-width-100 margin-fifteen-bottom sm-margin-ten-bottom"><p>Project Code was founded on the principle of inspiring a future generation of STEM leaders by providing access to a fundamental skillset: programming. Our vision is to spark a technological interest within under-priveledged communities, while providing resources to disadvantaged students throughout the nation.</p></div>
<a class="btn btn-medium propClone btn-circle bg-fast-blue2 text-white" href="#pricing-table4"><span class="tz-text">GET INVOLVED</span><i class="fa fa-angle-right text-extra-medium tz-icon-color"></i></a>
</div>
</div>
<div class="col-lg-7 col-md-6 col-sm-6 xs-12 xs-text-center display-table">
<div class="display-table-cell-vertical-middle">
<img src="images/sda.png" data-img-size="(W)149px X (H)149px" alt=""/>
</div>
</div>
</div>
</div>
</section>
<section class="bg-white builder-bg padding-110px-tb xs-padding-60px-tb" id="pricing-table4">
<div class="container">
<div class="row">
<!-- section title -->
<div class="col-md-12 col-sm-12 col-xs-12 text-center">
<h2 class="title-extra-large-2 letter-spacing-minus-1 text-dark-gray alt-font margin-three-bottom xs-margin-fifteen-bottom tz-text">Get Involved!</h2>
<div class="text-medium width-60 margin-lr-auto md-width-70 sm-width-100 tz-text margin-thirteen-bottom xs-margin-nineteen-bottom">There are many different ways to get involved. Join the project as a student to start learning how to code. Become a volunteer and help teach programming classes at our operating locations. Take initiative and start your own Project Code classes near you.</div>
</div>
<!-- end section title -->
</div>
<div class="row">
<div class="pricing-box-style4 display-inline-block width-100">
<!-- pricing item -->
<div class="col-md-4 col-sm-4 col-xs-12 text-center xs-margin-nine-bottom">
<div class="pricing-box builder-bg tz-border border-2-fast-blue2">
<!-- pricing title -->
<div class="pricing-title text-center">
<h3 class="alt-font text-large text-dark-gray tz-text">STUDENT</h3>
</div>
<!-- end pricing title -->
<!-- pricing price -->
<div class="pricing-price bg-white builder-bg">
<h4 class="title-extra-large-2 sm-title-extra-large-2 alt-font font-weight-400 text-fast-blue2 tz-text">Learn</h4>
<div class="text-small2 alt-font tz-text no-margin-bottom"> <p>HOW TO CODE</p> </div>
</div>
<!-- end pricing price -->
<!-- pricing features -->
<div class="pricing-features padding-top-15px">
<ul class="margin-twenty-three-bottom list-style-none">
<li class="tz-border"><span class="tz-text">One Class Per Week</span></li>
<li class="tz-border"><span class="tz-text">60 Minute Sessions</span></li>
<li class="tz-border"><span class="tz-text">Make Apps</span></li>
<li class="tz-border"><span class="tz-text">Create Games</span></li>
<li class="tz-border"><span class="tz-text">Design Animations</span></li>
</ul>
<!-- pricing action -->
<div class="pricing-action">
<a class="btn-medium btn btn-circle bg-fast-blue2 text-white no-letter-spacing" href="#subscribe-section6"><span class="tz-text">JOIN NOW</span></a>
</div>
<!-- end pricing action -->
</div>
<!-- end pricing features -->
</div>
</div>
<!-- end pricing item -->
<!-- pricing item -->
<div class="col-md-4 col-sm-4 col-xs-12 text-center xs-margin-nine-bottom">
<div class="pricing-box builder-bg tz-border border-2-fast-blue2">
<!-- pricing title -->
<div class="pricing-title text-center">
<h3 class="alt-font text-large text-dark-gray tz-text">VOLUNTEER</h3>
</div>
<!-- end pricing title -->
<!-- pricing price -->
<div class="pricing-price bg-white builder-bg">
<h4 class="title-extra-large-2 sm-title-extra-large-2 alt-font font-weight-400 text-fast-blue2 tz-text">Teach</h4>
<div class="text-small2 alt-font tz-text no-margin-bottom"> <p>CODING CLASSES</p> </div>
</div>
<!-- end pricing price -->
<!-- pricing features -->
<div class="pricing-features padding-top-15px">
<ul class="margin-twenty-three-bottom list-style-none">
<li class="tz-border"><span class="tz-text">One Class Per Week</span></li>
<li class="tz-border"><span class="tz-text">60 Minute Sessions</span></li>
<li class="tz-border"><span class="tz-text">Earn Volunteer Hours</span></li>
<li class="tz-border"><span class="tz-text">Connect With Students</span></li>
<li class="tz-border"><span class="tz-text">Make a Change</span></li>
</ul>
<!-- pricing action -->
<div class="pricing-action">
<a class="btn-medium btn btn-circle bg-fast-blue2 text-white no-letter-spacing" href="#subscribe-section6"><span class="tz-text">VOLUNTEER</span></a>
</div>
<!-- end pricing action -->
</div>
<!-- end pricing features -->
</div>
</div>
<!-- end pricing item -->
<!-- pricing item -->
<div class="col-md-4 col-sm-4 col-xs-12 text-center">
<div class="pricing-box builder-bg tz-border border-2-fast-blue2">
<!-- pricing title -->
<div class="pricing-title text-center">
<h3 class="alt-font text-large text-dark-gray tz-text">LEADER</h3>
</div>
<!-- end pricing title -->
<!-- pricing price -->
<div class="pricing-price bg-white builder-bg">
<h4 class="title-extra-large-2 sm-title-extra-large-2 alt-font font-weight-400 text-fast-blue2 tz-text">Create</h4>
<div class="text-small2 alt-font tz-text no-margin-bottom"> <p>A LOCAL CHAPTER</p> </div>
</div>
<!-- end pricing price -->
<!-- pricing features -->
<div class="pricing-features padding-top-15px">
<ul class="margin-twenty-three-bottom list-style-none">
<li class="tz-border"><span class="tz-text">Take Initiative</span></li>
<li class="tz-border"><span class="tz-text">Become a Leader</span></li>
<li class="tz-border"><span class="tz-text">Learn Management Skills</span></li>
<li class="tz-border"><span class="tz-text">Be the Voice</span></li>
<li class="tz-border"><span class="tz-text">Pave the Future</span></li>
</ul>
<!-- pricing action -->
<div class="pricing-action">
<a class="btn-medium btn btn-circle bg-fast-blue text-white no-letter-spacing" href="#subscribe-section6"><span class="tz-text">CONTACT US</span></a>
</div>
<!-- end pricing action -->
</div>
<!-- end pricing features -->
</div>
</div>
<!-- end pricing item -->
</div>
</div>
</div>
</section>
<section class="bg-gray builder-bg team-style8 padding-110px-tb xs-padding-60px-tb" id="team-section8">
<div class="container">
<div class="row four-column">
<!-- team member -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-fifteen-bottom">
<div class="team position-relative overflow-hidden box-shadow">
<div class="team-img">
<img class = "profile" alt="" src="images/sahit.jpg" data-img-size="(W)750px X (H)893px">
</div>
<div class="team-details bg-white builder-bg text-center">
<div class="team-name padding-twenty no-padding-lr">
<span class="alt-font text-dark-gray tz-text font-weight-500">Sahit Penmatcha</span>
<span class="text-extra-small alt-font display-block tz-text">Co-founder</span>
</div>
</div>
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-fifteen-bottom">
<div class="team position-relative overflow-hidden box-shadow">
<div class="team-img">
<img class = "profile" alt="" src="images/hanish.jpg" data-img-size="(W)750px X (H)893px">
</div>
<div class="team-details bg-white builder-bg text-center">
<div class="team-name padding-twenty no-padding-lr">
<span class="alt-font text-dark-gray tz-text font-weight-500">Hanish Mutyala</span>
<span class="text-extra-small alt-font display-block tz-text">Co-founder</span>
</div>
</div>
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-fifteen-bottom">
<div class="team position-relative overflow-hidden box-shadow">
<div class="team-img">
<img class = "profile" alt="" src="images/akshit.png" data-img-size="(W)750px X (H)893px">
</div>
<div class="team-details bg-white builder-bg text-center">
<div class="team-name padding-twenty no-padding-lr">
<span class="alt-font text-dark-gray tz-text font-weight-500">Akshit Dewan</span>
<span class="text-extra-small alt-font display-block tz-text">Vice President</span>
</div>
</div>
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-fifteen-bottom">
<div class="team position-relative overflow-hidden box-shadow">
<div class="team-img">
<img class = "profile" alt="" src="images/ashank.png" data-img-size="(W)750px X (H)893px">
</div>
<div class="team-details bg-white builder-bg text-center">
<div class="team-name padding-twenty no-padding-lr">
<span class="alt-font text-dark-gray tz-text font-weight-500">Ashank Kumar</span>
<span class="text-extra-small alt-font display-block tz-text">Branch Manager</span>
</div>
</div>
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-fifteen-bottom">
<div class="team position-relative overflow-hidden box-shadow">
<div class="team-img">
<img class = "profile" alt="" src="images/praneet.png" data-img-size="(W)750px X (H)893px">
</div>
<div class="team-details bg-white builder-bg text-center">
<div class="team-name padding-twenty no-padding-lr">
<span class="alt-font text-dark-gray tz-text font-weight-500">Praneet Kota</span>
<span class="text-extra-small alt-font display-block tz-text">Media and PR</span>
</div>
</div>
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-fifteen-bottom">
<div class="team position-relative overflow-hidden box-shadow">
<div class="team-img">
<img class = "profile" alt="" src="images/hari.png" data-img-size="(W)750px X (H)893px">
</div>
<div class="team-details bg-white builder-bg text-center">
<div class="team-name padding-twenty no-padding-lr">
<span class="alt-font text-dark-gray tz-text font-weight-500">Hari Kumaresan</span>
<span class="text-extra-small alt-font display-block tz-text">Teacher</span>
</div>
</div>
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-fifteen-bottom">
<div class="team position-relative overflow-hidden box-shadow">
<div class="team-img">
<img class = "profile" alt="" src="images/ashwin.png" data-img-size="(W)750px X (H)893px">
</div>
<div class="team-details bg-white builder-bg text-center">
<div class="team-name padding-twenty no-padding-lr">
<span class="alt-font text-dark-gray tz-text font-weight-500">Ashwin Mathukumar</span>
<span class="text-extra-small alt-font display-block tz-text">Head of Outreach</span>
</div>
</div>
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-fifteen-bottom">
<div class="team position-relative overflow-hidden box-shadow">
<div class="team-img">
<img class = "profile" alt="" src="images/jagdeep.png" data-img-size="(W)750px X (H)893px">
</div>
<div class="team-details bg-white builder-bg text-center">
<div class="team-name padding-twenty no-padding-lr">
<span class="alt-font text-dark-gray tz-text font-weight-500">Jagdeep Gill</span>
<span class="text-extra-small alt-font display-block tz-text">Teacher</span>
</div>
</div>
</div>
</div>
<!-- end team member -->
<!-- team member -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center sm-margin-fifteen-bottom">
<div class="team position-relative overflow-hidden box-shadow">
<div class="team-img">
<img class = "profile" alt="" src="images/mihir.png" data-img-size="(W)750px X (H)893px">
</div>
<div class="team-details bg-white builder-bg text-center">
<div class="team-name padding-twenty no-padding-lr">
<span class="alt-font text-dark-gray tz-text font-weight-500">Mihir Patade</span>
<span class="text-extra-small alt-font display-block tz-text">Teacher</span>
</div>
</div>
</div>
</div>
<!-- end team member -->
</div>
</div>
</section>
<section class="padding-110px-tb xs-padding-60px-tb bg-white builder-bg" id="subscribe-section6">
<div class="container">
<div class="row">
<div class="col-md-8 center-col col-sm-12 text-center">
<h2 class="title-extra-large-2 letter-spacing-minus-1 text-dark-gray alt-font margin-four-bottom tz-text">Join Project Code!</h2>
<div class="text-extra-large sm-text-extra-large text-medium-gray width-80 xs-width-100 center-col margin-twelve-bottom xs-margin-nineteen-bottom tz-text">Please indicate whether you are in interested in signing up for our programming sessions, becoming a volunteer, or starting a chapter near you.</div>
</div>
<div class="col-md-6 center-col col-sm-12 text-center">
<form action="https://docs.google.com/forms/d/e/1FAIpQLSf8Hrpdkpc5is7ra95lI94ioWY1r1VTEMiB_L4C2CiEos8mRA/viewform" method="get" >
<button type="submit" class="btn btn-extra-large2 propClone bg-golden-yellow btn-3d text-dark-gray width-100 builder-bg tz-text" style="padding-bottom: 30px;">BECOME A STUDENT! </button>
</form>
<form action="https://docs.google.com/forms/d/e/1FAIpQLSdi0ITGUlqtPTcUfU_yeQmIvxo7nBtuyf6KYgvtJlJEJitUNQ/viewform" method="get" >
<button type="submit" class=" margin-one-top btn btn-extra-large2 propClone bg-fast-blue2 btn-3d text-white width-100 builder-bg tz-text">BECOME A VOLUNTEER!</button>
</form>
<form action="https://docs.google.com/forms/d/e/1FAIpQLSdRUp8lPS5Dn2TzxMlQ2aCqmtukqvTOPel1m5ARjtbqurPSnQ/viewform" method="get" >
<button type="submit" class="margin-one-top btn btn-extra-large2 propClone bg-dark-gray btn-3d text-white width-100 builder-bg tz-text">START A CHAPTER!</button>
</form>
<div class="margin-seven-top text-small2 sm-width-100 center-col tz-text xs-line-height-20">* We don't share your personal info with anyone. Check out our <a href="https://www.google.com/policies/privacy/" class="text-decoration-underline tz-text">Privacy Policy</a> for more information.</div>
</div>
</div>
</div>
</section>
<section class="padding-110px-tb bg-light-gray builder-bg xs-padding-60px-tb" id="contact-section5">
<div class="container">
<div class="row four-column">
<!-- feature box -->
<div class="col-md-3 col-sm-6 col-xs-12 sm-margin-nine-bottom xs-margin-fifteen-bottom text-center sm-clear-both">
<div class="feature-box xs-margin-thirteen xs-no-margin-tb">
<i class="fa ti-location-pin text-fast-blue2 icon-large tz-icon-color margin-ten-bottom xs-margin-seven-bottom"></i>
<h3 class="feature-title text-dark-gray text-medium alt-font display-block margin-three-bottom xs-margin-five-bottom tz-text font-weight-500">Contact Address</h3>
<div class="feature-text text-medium center-col tz-text">Princeton Junction<br>New Jersey, 08540. United States</div>
</div>
</div>
<!-- end feature box -->
<!-- feature box -->
<div class="col-md-3 col-sm-6 col-xs-12 sm-margin-nine-bottom xs-margin-fifteen-bottom text-center">
<div class="feature-box xs-margin-thirteen xs-no-margin-tb">
<i class="fa ti-mobile text-fast-blue2 icon-large tz-icon-color margin-ten-bottom xs-margin-seven-bottom"></i>
<h3 class="feature-title text-dark-gray text-medium alt-font display-block margin-three-bottom xs-margin-five-bottom tz-text font-weight-500">Call Us Today!</h3>
<div class="feature-text text-medium center-col tz-text">(1) 732-630-6492<br> (1) 609-721-3862</div>
</div>
</div>
<!-- end feature box -->
<!-- feature box -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center xs-margin-fifteen-bottom sm-clear-both">
<div class="feature-box xs-margin-thirteen xs-no-margin-tb">
<i class="fa ti-email text-fast-blue2 icon-large tz-icon-color margin-ten-bottom xs-margin-seven-bottom"></i>
<h3 class="feature-title text-dark-gray text-medium alt-font display-block margin-three-bottom xs-margin-five-bottom tz-text font-weight-500">Email</h3>
<div class="feature-text text-medium center-col"><a class="tz-text" href="mailto:[email protected]">[email protected]</a><br><a class="tz-text" href="mailto:[email protected]">[email protected]</a></div>
</div>
</div>
<!-- end feature box -->
<!-- feature box -->
<div class="col-md-3 col-sm-6 col-xs-12 text-center">
<div class="feature-box xs-margin-thirteen xs-no-margin-tb">
<i class="fa ti-time text-fast-blue2 icon-large tz-icon-color margin-ten-bottom xs-margin-seven-bottom"></i>
<h3 class="feature-title text-dark-gray text-medium alt-font display-block margin-three-bottom xs-margin-five-bottom tz-text font-weight-500">Working Hours</h3>
<div class="feature-text text-medium center-col tz-text">Mon to Fri - 3 PM to 12 AM<br>Sat to Sun - 8 AM to 6 PM</div>
</div>
</div>
<!-- end feature box -->
</div>
</div>
</section>
<footer id="footer-section4" class="bg-light-gray builder-bg padding-60px-tb xs-padding-40px-tb footer-style4">
<div class="container">
<div class="row equalize sm-equalize-auto">
<!-- logo -->
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 sm-text-center sm-margin-five-bottom xs-margin-nine-bottom display-table">
<div class="display-table-cell-vertical-middle">
<a href="#home" class="inner-link"><img src="images/projectcodeLogoBlack.png" alt="" data-img-size="(W)163px X (H)39px"></a>
</div>
</div>
<!-- end logo -->
<div class="col-lg-6 col-md-5 col-sm-12 col-xs-12 sm-margin-three-bottom text-center xs-text-center display-table">
<div class="display-table-cell-vertical-middle">
<span class="tz-text">© 2016-18 Project Code.</span>
</div>
</div>
<!-- social elements -->
<div class="col-lg-3 col-md-4 col-sm-12 col-xs-12 text-right sm-text-center display-table">
<div class="social icon-extra-small display-table-cell-vertical-middle">
</div>
</div>
<!-- end social elements -->
</div>
</div>
</footer>
<!-- javascript libraries -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/smooth-scroll.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- wow animation -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- owl carousel -->
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<!-- images loaded -->
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<!-- isotope -->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<!-- magnific popup -->
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<!-- navigation -->
<script type="text/javascript" src="js/jquery.nav.js"></script>
<!-- equalize -->
<script type="text/javascript" src="js/equalize.min.js"></script>
<!-- fit videos -->
<script type="text/javascript" src="js/jquery.fitvids.js"></script>
<!-- number counter -->
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<!-- time counter -->
<script type="text/javascript" src="js/counter.js"></script>
<!-- twitter Fetcher -->
<script type="text/javascript" src="js/twitterFetcher_min.js"></script>
<!-- main -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>