-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
896 lines (787 loc) · 49.5 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
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>COSADAMA</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/profile-img.PNG" rel="icon">
<link href="assets/img/profile-img.PNG" rel="apple-touch-icon">
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: MyResume - v2.1.0
* Template URL: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Mobile nav toggle button ======= -->
<button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
<!-- ======= Header ======= -->
<header id="header" class="d-flex flex-column justify-content-center">
<nav class="nav-menu">
<ul>
<li class="active"><a href="#hero"><i class="bx bx-home"></i> <span>Home</span></a></li>
<li><a href="#about"><i class="bx bx-user"></i> <span>About</span></a></li>
<li><a href="#resume"><i class="bx bx-book"></i> <span>Curriculum</span></a></li>
<li><a href="#portfolio"><i class="bx bx-shape-polygon"></i> <span>Community</span></a></li>
<li><a href="#services"><i class="bx bx-grid-alt"></i> <span>Projects</span></a></li>
<li><a href="#contact"><i class="bx bx-envelope"></i> <span>Contact</span></a></li>
</ul>
</nav><!-- .nav-menu -->
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex flex-column justify-content-center">
<div class="container" data-aos="zoom-in" data-aos-delay="100">
<h1>COSADAMA</h1>
<p>We're <span class="typed"
data-typed-items="programming beyond the truth, writing codes for rights, digging the truth"></span>
</p>
<div class="social-links">
<a href="https://www.facebook.com/cosadamasocio" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="https://github.com/Cosadama/cosadama-2020" class="github"><i class="bx bxl-github"></i></a>
<a href="mailto:[email protected]" class="google-plus"><i class="bx bxl-google"></i></a>
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>About</h2>
<p>Cosadama(2020-01-13~) is a programming boot camp by students of Chung-Ang university, Seoul,
Korea.
</p>
</div>
<div class="row">
<div class="col-lg-4">
<img src="assets/img/profile-img.PNG" class="img-fluid" alt="">
</div>
<div class="col-lg-8 pt-4 pt-lg-0 content">
<h3>What is COSADAMA?</h3>
<p class="font-italic">
The group name "Cosadama" comes from the compound of "CODING", and "好事多魔"
which is a proverb meaning that you need to hard work to go right way and sounds 'ho-sa-da-ma'.
The name means that we all finally go right way(maybe could be top programmer) after taking all the
struggles, such as endless errors, back-ache etc. Then, Look forward to what we are!
</p>
<!--
<div class="row">
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Birthday:</strong> 1 May 1995</li>
<li><i class="icofont-rounded-right"></i> <strong>Website:</strong> www.example.com</li>
<li><i class="icofont-rounded-right"></i> <strong>Phone:</strong> +123 456 7890</li>
<li><i class="icofont-rounded-right"></i> <strong>City:</strong> City : New York, USA</li>
</ul>
</div>
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Age:</strong> 30</li>
<li><i class="icofont-rounded-right"></i> <strong>Degree:</strong> Master</li>
<li><i class="icofont-rounded-right"></i> <strong>PhEmailone:</strong> [email protected]</li>
<li><i class="icofont-rounded-right"></i> <strong>Freelance:</strong> Available</li>
</ul>
</div>
</div>
-->
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Skiils Section ======= -->
<section id="facts" class="facts">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Skills</h2>
<p>We focus on Python based tools to deal with data. </p>
</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="count-box">
<i class="icofont-file-python"></i>
<!-- <span data-toggle="counter-up">15</span> -->
<p>Python Programming</p>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-5 mt-md-0">
<div class="count-box">
<i class="icofont-data"></i>
<!-- <span data-toggle="counter-up">15</span> -->
<p>Statistics & Visualization</p>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-5 mt-lg-0">
<div class="count-box">
<i class="icofont-database"></i>
<!-- <span data-toggle="counter-up">15</span> -->
<p>SQL</p>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-5 mt-lg-0">
<div class="count-box">
<i class="icofont-brainstorming"></i>
<!-- <span data-toggle="counter-up">15</span> -->
<p>Machine Learning</p>
</div>
</div>
</div>
</div>
</section><!-- End Facts Section -->
<!-- ======= Skills Section ======= -->
<!--
<section id="skills" class="skills section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Skills</h2>
<p>learn Python Based tools</p>
</div>
<div class="row skills-content">
<div class="col-lg-6">
<div class="progress">
<span class="skill">HTML <i class="val">100%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
<div class="progress">
<span class="skill">CSS <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
<div class="progress">
<span class="skill">JavaScript <i class="val">75%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="progress">
<span class="skill">PHP <i class="val">80%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
<div class="progress">
<span class="skill">WordPress/CMS <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
<div class="progress">
<span class="skill">Photoshop <i class="val">55%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Skills Section -->
<!-- ======= Curriculum Section ======= -->
<section id="resume" class="resume">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Curriculum</h2>
<p>Annual Curriculum</p>
</div>
<div class="row">
<div class="col-lg-6">
<h3 class="resume-title">Winter Camp</h3>
<div class="resume-item pb-0">
<h4>Python Basic Grammar</h4>
<p><em> For super python beginner, a person who has just begun the python or says 'Python is just all
greek to me.'</em></p>
<ul>
<li>List and Compound statements</li>
<li>Tuple, Dict, Set</li>
<li>All about String</li>
<li>Function & Read and Write files</li>
<li>Exception, Module and Class/Object</li>
</ul>
</div>
<h3 class="resume-title">Spring Rush</h3>
<div class="resume-item">
<h4>Introduction to Data Science</h4>
<p><em>For python beginners, who want to have sweet and bitter experiences to handle data based on
Python libraries. </em></p>
<ul>
<li>Analysis of CCTVs and Crimes in Seoul</li>
<li>Web-crawling & Regular Expression</li>
<li>Fact Check: Are Self oil stations cheaper than others?</li>
<li>Analysis of Population Crisis in Korea</li>
<li>19th Presidential Election Analysis</li>
<li>BlueHouse Petition Analysis with KoNLPy</li>
</ul>
</div>
<div class="resume-item">
<h4>COSADAMA Conference</h4>
<p>Members define what they want to solve, find related data, design how they prove their questions based
on data,
and verify their thoughts through their own projects.
</p>
</div>
</div>
<div class="col-lg-6">
<h3 class="resume-title">Summer Camp</h3>
<div class="resume-item">
<h4>SQL Basic</h4>
<p><em>For SQL beginner to interact with database. </em></p>
<ul>
<li>What is Structured Query Language?</li>
<li>Basic grammar of SQL</li>
<li>How to deal with SQL Using Python Libraries</li>
<li>Web-crawling & MySQL</li>
<li>Data Analysis with SQL</li>
</ul>
</div>
<h3 class="resume-title">Fall Rush</h3>
<div class="resume-item pb-0">
<h4>Machine Learning</h4>
<p><em>For junior python learners, who want to explore data mining methods.</em></p>
<ul>
<li>Classification & Regression</li>
<li>Clustering</li>
<li>Dimension Reduction</li>
<li>Text Analysis</li>
</ul>
</div>
<div class="resume-item">
<h4>COSADAMA Conference</h4>
<p>Members define what they want to solve, find related data, design how they prove their questions based
on data,
and verify their thoughts through their own projects.
</p>
</div>
</div>
</div>
</div>
</section><!-- End Resume Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>COSADAMA Community</h2>
<p></p>
</div>
<div class="row">
<div class="col-lg-12 d-flex justify-content-center" data-aos="fade-up" data-aos-delay="100">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">photo</li>
<li data-filter=".filter-card">data analysis</li>
<li data-filter=".filter-web">visualization</li>
</ul>
</div>
</div>
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/1.PNG" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>2020 Summer Camp Orientation</h4>
<p>PHOTO</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/1.PNG" data-gall="portfolioGallery" class="venobox" title="Photo"><i
class="bx bx-plus"></i></a>
<a href="portfolio-details-1.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
class="venobox" title="Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/github1.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>19대 대선 득표율 분석</h4>
<p>visualization</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/github1.png" data-gall="portfolioGallery" class="venobox"
title="Visualization"><i class="bx bx-plus"></i></a>
<a href="portfolio-details-4.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
class="venobox" title="Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/csdm_logo.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>COSADAMA logo</h4>
<p>PHOTO</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/csdm_logo.png" data-gall="portfolioGallery" class="venobox"
title="Photo"><i class="bx bx-plus"></i></a>
<a href="portfolio-details-2.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
class="venobox" title="Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/data1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Covid-19 | Society</h4>
<p>data analysis</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/data1.jpg" data-gall="portfolioGallery" class="venobox"
title="Data Analysis"><i class="bx bx-plus"></i></a>
<a
href="https://github.com/Open-Knowledge-Korea/covid-19-our-memory/wiki/%EB%B6%84%EC%84%9D%EB%AA%A9%ED%91%9C-%EB%AA%A9%EC%A0%81"><i
class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/github2.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>청와대 청원 분석</h4>
<p>visualization</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/github2.png" data-gall="portfolioGallery" class="venobox"
title="Visualization"><i class="bx bx-plus"></i></a>
<a href="portfolio-details-5.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
class="venobox" title="Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/photo3.JPG" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>2020 Summer Hackerthon</h4>
<p>PHOTO</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/photo3.JPG" data-gall="portfolioGallery" class="venobox"
title="Photo"><i class="bx bx-plus"></i></a>
<a href="portfolio-details-3.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
class="venobox" title="Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/data2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Covid-19 | Culture</h4>
<p>data analysis</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/data2.jpg" data-gall="portfolioGallery" class="venobox"
title="Data Analysis"><i class="bx bx-plus"></i></a>
<a
href="https://github.com/Open-Knowledge-Korea/covid-19-our-memory/wiki/5.1-%EB%AC%B8%ED%99%94%EC%82%B0%EC%97%85%EC%9D%98-%EC%9C%84%EA%B8%B0"><i
class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/data3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Covid-19 | Economy</h4>
<p>data analysis</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/data3.jpg" data-gall="portfolioGallery" class="venobox"
title="Data Analysis"><i class="bx bx-plus"></i></a>
<a href="https://github.com/Open-Knowledge-Korea/covid-19-our-memory/wiki/%EC%84%9C%EB%A1%A0"><i
class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/github3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>서울시 범죄 현황 분석</h4>
<p>visualization</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/github3.jpg" data-gall="portfolioGallery" class="venobox"
title="Visualization"><i class="bx bx-plus"></i></a>
<a href="portfolio-details-6.html" data-gall="portfolioDetailsGallery" data-vbtype="iframe"
class="venobox" title="Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Portfolio Section -->
<!-- ======= Work Section ======= -->
<section id="services" class="services">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>PROJECTS</h2>
<p></p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box iconbox-blue">
<div class="icon">
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<path stroke="none" stroke-width="0" fill="#f5f5f5"
d="M300,521.0016835830174C376.1290562159157,517.8887921683347,466.0731472004068,529.7835943286574,510.70327084640275,468.03025145048787C554.3714126377745,407.6079735673963,508.03601936045806,328.9844924480964,491.2728898941984,256.3432110539036C474.5976632858925,184.082847569629,479.9380746630129,96.60480741107993,416.23090153303,58.64404602377083C348.86323505073057,18.502131276798302,261.93793281208167,40.57373210992963,193.5410806939664,78.93577620505333C130.42746243093433,114.334589627462,98.30271207620316,179.96522072025542,76.75703585869454,249.04625023123273C51.97151888228291,328.5150500222984,13.704378332031375,421.85034740162234,66.52175969318436,486.19268352777647C119.04800174914682,550.1803526380478,217.28368757567262,524.383925680826,300,521.0016835830174">
</path>
</svg>
<i class="bx bx-tachometer"></i>
</div>
<h4><a href="http://okfn.kr/projects/covid-19-our-memory/">Hackerthon | Covid-19: Our Memory</a></h4>
<p>The fact that we have not recorded will disappear. Our memories remain different when needed. What does
COVID-19 mean to us?</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box iconbox-orange ">
<div class="icon">
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<path stroke="none" stroke-width="0" fill="#f5f5f5"
d="M300,582.0697525312426C382.5290701553225,586.8405444964366,449.9789794690241,525.3245884688669,502.5850820975895,461.55621195738473C556.606425686781,396.0723002908107,615.8543463187945,314.28637112970534,586.6730223649479,234.56875336149918C558.9533121215079,158.8439757836574,454.9685369536778,164.00468322053177,381.49747125262974,130.76875717737553C312.15926192815925,99.40240125094834,248.97055460311594,18.661163978235184,179.8680185752513,50.54337015887873C110.5421016452524,82.52863877960104,119.82277516462835,180.83849132639028,109.12597500060166,256.43424936330496C100.08760227029461,320.3096726198365,92.17705696193138,384.0621239912766,124.79988738764834,439.7174275375508C164.83382741302287,508.01625554203684,220.96474134820875,577.5009287672846,300,582.0697525312426">
</path>
</svg>
<i class="bx bx-layer"></i>
</div>
<h4><a href="https://youtu.be/kQ_cynq0Yik">Guest Lecture | Social Statistics Class</a></h4>
<p> We did a guest lecture in <a href="https://www.chansuh.net/">Prof. Chan S. Suh</a>'s social statistics class. Let's see what we've done!
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in"
data-aos-delay="300">
<div class="icon-box iconbox-pink">
<div class="icon">
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<path stroke="none" stroke-width="0" fill="#f5f5f5"
d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781">
</path>
</svg>
<i class="bx bxs-quote-alt-left"></i>
</div>
<h4><a href="">What's Next?</a></h4>
<p>If you'd like to cooperate with us, feel free to contact us! </p>
</div>
</div>
<!--
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box iconbox-yellow">
<div class="icon">
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<path stroke="none" stroke-width="0" fill="#f5f5f5"
d="M300,503.46388370962813C374.79870501325706,506.71871716319447,464.8034551963731,527.1746412648533,510.4981551193396,467.86667711651364C555.9287308511215,408.9015244558933,512.6030010748507,327.5744911775523,490.211057578863,256.5855673507754C471.097692560561,195.9906835881958,447.69079081568157,138.11976852964426,395.19560036434837,102.3242989838813C329.3053358748298,57.3949838291264,248.02791733380457,8.279543830951368,175.87071277845988,42.242879143198664C103.41431057327972,76.34704239035025,93.79494320519305,170.9812938413882,81.28167332365135,250.07896920659033C70.17666984294237,320.27484674793965,64.84698225790005,396.69656628748305,111.28512138212992,450.4950937839243C156.20124167950087,502.5303643271138,231.32542653798444,500.4755392045468,300,503.46388370962813">
</path>
</svg>
<i class="bx bxs-quote-alt-left"></i>
</div>
<h4><a href="">What's Next?</a></h4>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
consectetur velit.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="200">
<div class="icon-box iconbox-red">
<div class="icon">
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<path stroke="none" stroke-width="0" fill="#f5f5f5"
d="M300,532.3542879108572C369.38199826031484,532.3153073249985,429.10787420159085,491.63046689027357,474.5244479745417,439.17860296908856C522.8885846962883,383.3225815378663,569.1668002868075,314.3205725914397,550.7432151929288,242.7694973846089C532.6665558377875,172.5657663291529,456.2379748765914,142.6223662098291,390.3689995646985,112.34683881706744C326.66090330228417,83.06452184765237,258.84405631176094,53.51806209861945,193.32584062364296,78.48882559362697C121.61183558270385,105.82097193414197,62.805066853699245,167.19869350419734,48.57481801355237,242.6138429142374C34.843463184063346,315.3850353017275,76.69343916112496,383.4422959591041,125.22947124332185,439.3748458443577C170.7312796277747,491.8107796887764,230.57421082200815,532.3932930995766,300,532.3542879108572">
</path>
</svg>
<i class="bx bxs-quote-alt-left"></i>
</div>
<h4><a href="">What's Next?</a></h4>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
consectetur velit.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="300">
<div class="icon-box iconbox-teal">
<div class="icon">
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<path stroke="none" stroke-width="0" fill="#f5f5f5"
d="M300,566.797414625762C385.7384707136149,576.1784315230908,478.7894351017131,552.8928747891023,531.9192734346935,484.94944893311C584.6109503024035,417.5663521118492,582.489472248146,322.67544863468447,553.9536738515405,242.03673114598146C529.1557734026468,171.96086150256528,465.24506316201064,127.66468636344209,395.9583748389544,100.7403814666027C334.2173773831606,76.7482773500951,269.4350130405921,84.62216499799875,207.1952322260088,107.2889140133804C132.92018162631612,134.33871894543012,41.79353780512637,160.00259165414826,22.644507872594943,236.69541883565114C3.319112789854554,314.0945973066697,72.72355303640163,379.243833228382,124.04198916343866,440.3218312028393C172.9286146004772,498.5055451809895,224.45579914871206,558.5317968840102,300,566.797414625762">
</path>
</svg>
<i class="bx bxs-quote-alt-left"></i>
</div>
<h4><a href="">What's Next?</a></h4>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
consectetur velit.</p>
</div>
</div>
-->
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Reviews Section ======= -->
<section id="testimonials" class="testimonials section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Reviews</h2>
</div>
<div class="owl-carousel testimonials-carousel" data-aos="zoom-in" data-aos-delay="100">
<div class="testimonial-item">
<img src="assets/img/testimonials/haram.jpg" class="testimonial-img" alt="">
<h3>Haram Park</h3>
<h4>COSADAMA Leader</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
얼떨결에 만든 코사다마였지만, 함께 공부하면서 좋은 커뮤니티를 만들고 있는 것 같아요💖</br>
여러분들이 성장해가는 것이 곧 나의 행복👩💻앞으로도 잘 부탁해요🥰
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/paniel.png" class="testimonial-img" alt="">
<h3>Paniel Cho</h3>
<h4>COSADAMA Leader</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
혼자 파이썬을 공부해 외로웠던 하람과 이틀 이상 코딩 공부를 지속하지 못하던 제가 코딩 메이트를 찾으려 시작했던 코사다마가 어느새 네번째 커리를 진행하고 있네요! 데이터 분석에 관심이
있지만 어디서 시작해야 할지 막막해서, 동기가 부족해서, 코드를 봐줄 사람이 없어서 중간에 포기했거나 시작하지 못하고 계시다면 코사다마의 문을 두드려주세요 :)
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/chan.jpeg" class="testimonial-img" alt="">
<h3>Chan Jung</h3>
<h4>the first year of COSADAMA</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
저는 이론을 좋아합니다. 뭔가 똑부러지게 설명하고, "이건 이래!"라고 말할 수 있는 무기가 되기 때문이죠. 하지만 데이터가 뒷받침되지 않는 이론은 구호에 불과합니다. 다르게 말하면 네. 뇌피셜입니다. 언젠가부터 제가 하는 말들이 그저 망상에 불과하지 않나 하는 두려움에 말을 아끼게 되었습니다. 그러다가 정말 우연히 코사다마의 일원이 되었습니다. 데이터를 직접 수집하고 해석하면서 배운 것들을 확인하고, 또 새로운 사실들을 발굴해 낼 수 있었습니다. 데이터는 그 자체로는 그저 쓸모 없는 데이터지만 잘 조립하면 이론이나 생각을 뒷받침 하는 아주 좋은 무기가 될 수 있더군요. 데이터를 수집하고, 검증하고, 분석하는 과정에서 세상이 조금은 넓어졌습니다. 코사다마에서 배운 프로그래밍은 누군가에게는 무의미할 수도 있지만 적어도 저에게는 전환점이 되었습니다. 더 많은 사람들이 더 넓은 세상을 볼 수 있도록 코사다마가 오래 지속되었으면 하는 바람입니다.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/hm.png" class="testimonial-img" alt="">
<h3>Hyemin Song</h3>
<h4>the first year of COSADAMA</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
미래를 예측하기 위해 현대 사회의 현상들을 분석하고, 또 불평등과 같이 사회 속에 나타나는 여러 문제에 대해 탐구하기 위해서는 사회학적인 시선,
사고뿐만 아니라 기술적인 측면들도 필요하다고 생각하여 python 스터디에 참여하게 되었다. 스터디를 통해 데이터를 분석하는 방법을 배움으로써
기존에 관심있던 주제들에 대해 단순히 생각하는 것에 그쳤던 것과 달리 그를 구체적으로 다뤄보고 분석해볼 수 있는 방법을 터득했다는 점이 매우 좋았고,
배우는 내용 자체도 매우 흥미로워 코딩 자체에도 더욱 흥미를 가지게 되었다.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/sb.jpeg" class="testimonial-img" alt="">
<h3>Saetbyeol Leeyouk</h3>
<h4>the first year of COSADAMA</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
데이터 사이언스 입문 과정은 수많은 숫자들 사이에서 어떻게 사회현상을 증명할 증거를 찾는지 배우는 과정이었습니다. 덕분에 한 주 차씩 공부를 끝낼 때마다 관심을 가진 사회현상을 어떻게
데이터
분석으로 밝혀낼 수 있을지 상상하고, 적용해보는 힘을 얻었습니다. 한 학기 동안 숫자로 남겨진 데이터를 정제하고 시각화하여 스토리를 발굴해내는 데이터 사이언스의 매력에 푹 빠졌습니다:)
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/kayoon.png" class="testimonial-img" alt="">
<h3>Gayoon Kim</h3>
<h4>the first year of COSADAMA</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
코사다마의 데이터 사이언스 커리큘럼은 데이터를 다루기 위한 기술 뿐만 아니라 데이터 속에서 사회를 바라보는 시각을 겸비할 수 있게 합니다. 코사다마와 함께 하면서 실제 데이터를 통해
사회를
조망하고 제가 표현하고자 하는 것을 데이터로 표현하는 다양한 방법을 재미있게 배울 수 있었습니다. 앞으로의 코사다마의 행보가 더욱 기대됩니다.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/keum.jpeg" class="testimonial-img" alt="">
<h3>Bokeum Kim</h3>
<h4>the first year of COSADAMA</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
이론이 없는 데이터는 공허하고, 데이터 없는 이론은 허무맹랑합니다. 코사다마의 Data Science 커리큘럼은 그 둘을 지양하고 새롭게 사회를 볼 수 있도록 도와줍니다. 데이터 분석에
이제
겨우 한 걸음 내딛었지만 좋은 예감이 드네요. 더 열심히 해보겠습니다.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/gyuri.jpeg" class="testimonial-img" alt="">
<h3>Gyuri Kim</h3>
<h4>the first year of COSADAMA</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
이제 막 첫걸음을 내딛은 모임이라고는 생각하지 못할 정도로 스프링 러쉬의 커리큘럼과 운영이 체계적이었습니다. 이런 걸 그냥 받기만 해도 되나 생각하면서 잘 받아먹었습니다. 코사다마가
데굴데굴
잘 굴러가게 하는 힘은 코딩을 통해 강화된 체계적 사고능력에서 나오는 걸까요? 코사다마 나도 할래~!
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/Eunjin.jpeg" class="testimonial-img" alt="">
<h3>Eun Jin Kim</h3>
<h4>the first year of COSADAMA</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
연구질문에 대한 답을 찾아가는 과정에서 데이터를 다루고 분석하는 툴에 대한 갈망을 느꼈었습니다. 그러던 차에 코사다마 모집 공고를 보게 되고 파이썬 기초문법 스터디까지 마쳤네요. 기초적인
질문 여러 번 남기는게 귀찮으실 법도 한데 항상 답변 잘 해주셔서 항상 감사했어요. 그러다 데싸 입문 스터디에도 참여하게 되고, 첫 주 (아직 과제는 못 올렸지만) 하면서 판다스를 처음
다뤄보고 정말 감탄했어요. 이렇게 편할 수가 있구나 하구요... 언어가 손과 머리에 익기만 한다면 제가 보고자 하는 데이터를 얻는 가장 편한 방법이 될 수도 있겠다는 생각이 들었어요.
사회학도로 살아가면서 제 개인적 질문에 대해서든 일을 하면서든, 원하는 것을 스스로 얻는 것에 대한 계기가 될 것 같아요. 감사할 것 같아요 고맙습니다😭
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/gms.png" class="testimonial-img" alt="">
<h3>Min Seok Gim</h3>
<h4>the first year of COSADAMA</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
"사회과학에서 무슨 코딩이냐고요? 오히려 사회과학이니까 코딩이 필요할 것입니다." 저는 사회조사와 리서치 분야에 관심을 가지고 있던 학생이었습니다. SPSS, STATA와 같은 통계프로그램을 이용하여 사람들의 행동과 사회 현상에 대한 과학적 분석을 하는 것이 매력적으로 느껴졌기 때문입니다. 그런 상황에서 작년 초 처음으로 코딩을 접하게 되었습니다. 제가 생각하는 코딩은 양적 데이터를 이용한 분석을 할 수 있다는 점에서 위 통계프로그램들과 유사하다고 느꼈지만, 더 상위의 응용과 소통의 가능성이 있다는 것을 코사다마 활동을 하며 깨닫게 되었습니다. 코딩을 통해 데이터를 직접 발굴하여 다양한 데이터도 이용해볼 수 있었고, 지도와 워드클라우드 같은 다양한 시각화도 가능했으며, 다른 프로그램이나 사이트와 연동하여 나타낼 수도 있었습니다. 무엇보다도 코드 짜는 재미도 느낄 수 있었죠. 강의실과 논문 밖으로 이야기를 뱉어내어 사람들을 끌어당길 수 있으며, 더 가시적이고 자극적이게 사람들의 이목을 집중시킬 수 있고, 유저들로 하여금 분석 내용을 전유하여 가지고 놀 수 있는 기회를 제공해줄 수 있을 것이라는 사회과학적 의의 역시 생각해볼 수 있었습니다. 그런 의미에서 저는 코딩이야말로 정말 사회과학과 어울리다고 생각하게 되었습니다. 하지만 코딩을 혼자 배우는 것은 쉬운 일이 아닙니다. 처음에는 어디서부터 해야할지도 감이 잘 안오고 걱정이 더 앞섰죠. 그런 분들에게 코사다마를 추천드립니다. 노베이스에서 기초부터 함께 배우고, 대외활동도 경험하며 동료들과 질문하고 소통하고 놀 수 있는 흔치 않은 소모임입니다. 발만 담궈보려다가 코딩에 빠진 제가 그랬듯이 여러분들에게도 최고의 기회로 다가올 수 있을 것입니다.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
<div class="testimonial-item">
<img src="assets/img/testimonials/jeongyoon.jpeg" class="testimonial-img" alt="">
<h3>Jeong Yoon Lee</h3>
<h4>the first year of COSADAMA</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
공부를 할 때 가장 막막할 순간은 무엇을 공부해야 하는 지도 감이 잡히지 않을 때 입니다. 반년 전에 제가 딱 그랬습니다. 입학하고 알게 된 코딩은 뭔가 필요하고 중요한 거 같긴 한데 그래서 이걸로 뭘 하는지, 뭘 할 수 있는지 몰랐기 때문입니다. 데이터 수정이나 시각화는 엑셀로도 할 수 있지 않은가? 라는 생각에 엑셀에만 의존하기도 했죠. 뭔진 모르겠지만, 일단 한 번 해보자는 생각에 시작한 코사다마에서의 공부는 이후 다른 수업이나 프로젝트에서 '아, 이거 코사다마에서 들어본건데?!' 라는 생각으로 쉽게 접근할 수 있게 해주었습니다. 한 번 들어봤기 때문에 다시 한번 돌아보며 쌓아가는 공부의 효과는 실로 대단했습니다.
코사다마는 초행길을 가고 있는 저에게 조금 먼저 그 길을 다녀가 지름길, 평탄한 길을 알려주는 존재이기도 하고, 함께 걸어가주는 존재이기도 합니다. 앞으로 더 많은 사람들과 함께 그 길의 앞 뒤에서 만나고, 함께 하고 싶다는 바람입니다~!
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Contact</h2>
</div>
<div class="row mt-1">
<div class="col-lg-4">
<div class="info">
<div class="address">
<i class="icofont-google-map"></i>
<h4>Location:</h4>
<p>84, Heukseok-ro, Dongjak-gu, Seoul, Republic of Korea</p>
</div>
<div class="email">
<i class="icofont-envelope"></i>
<h4>Email:</h4>
<p>[email protected]</p>
</div>
<div class="phone">
<i class="icofont-phone"></i>
<h4>Call:</h4>
<p>02-820-6351</p>
</div>
</div>
</div>
<div class="col-lg-8 mt-5 mt-lg-0">
<img src="assets/img/portfolio/COSADAMA_LOGO(300).png" class="img-fluid" alt="">
<!--
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
<div class="form-row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name"
data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validate"></div>
</div>
<div class="col-md-6 form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email"
data-rule="email" data-msg="Please enter a valid email" />
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject"
data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validate"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required"
data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validate"></div>
</div>
<div class="mb-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
-->
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<h3>COSADAMA</h3>
<p>Programming Bootcamp by students of Chung-ang University. </p>
<div class="social-links">
<a href="https://www.facebook.com/cosadamasocio" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="https://github.com/Cosadama/cosadama-2020 class="instagram"><i class="bx bxl-github"></i></a>
<a href="mailto:[email protected]" class="google-plus"><i class="bx bxl-google"></i></a>
</div>
<div class="copyright">
© Copyright <strong><span>COSADAMA</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: [license-url] -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="bx bx-up-arrow-alt"></i></a>
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>