forked from cra16/cra16.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
474 lines (432 loc) · 27.9 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
<!DOCTYPE html>
<html>
<head>
<meta property="og:title" content="2022-2 CRA 리쿠르팅">
<meta property="og:description" content="CRA의 새로운 얼굴을 찾습니다.">
<meta property="og:image" content="https://cra16.github.io/assets/images/22-1-link-banner.png">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-37307093-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-37307093-3');
</script>
<meta charset="UTF-8">
<title>CRA 리쿠르팅</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="stylesheet" href="assets/gallery/style.css">
<link rel="stylesheet" href="assets/custom/css/mbr-additional.css" type="text/css">
<!-- custom css -->
<link rel="stylesheet" href="assets/custom/css/style.css" type="text/css">
</head>
<body>
<section class="cra-counter">
<nav class="navbar navbar-expand-sm fixed-top">
<div class="cra-font-white cra-font-air" id="d-day"></div>
</nav>
</section>
<section class="mbr-fullscreen mbr-parallax-background cra-gradient-color">
<div class="container align-left">
<div class="row justify-content-center cra-font-white">
<div class="cra-font-white col-md-12">
<!-- 타이핑 효과 시작 -->
<h4 class="mbr-section-subtitle align-left pb-2 display-typing typing cra-font-air" style="display: inline; color: white;"><strong></strong></h4>
<!-- 타이핑 효과 끝 -->
<h1 class="mbr-section-title cra-font-white align-left display-logo cra-font-air" style="color: rgb(238, 238, 238)">
22-1 <span class="cra-font-pro">CRA</span><br>RECRUITING
</h1>
<h5 class="mbr-section cra-font-white align-left display-logo cra-font-air" style="color: rgb(238, 238, 238); font-size: medium;">
모집 기간 : 2주차 금요일 03/11 23:59 까지
</h5>
<!-- <div class="mbr-section-btn align-left"><a class="btn btn-lg display-4 btn-apply cra-font-air" href="https://forms.gle/Vhqu8dTJNft1rx81A"><strong>지원하기!</strong></a></div> -->
<div class="mbr-section-btn align-left"><a class="btn btn-lg display-4 btn-apply cra-font-air" href="#recruiting"><strong>지원하기!</strong></a></div>
<!-- TODO: 구글 폼으로 이동 -->
</div>
</div>
</div>
</section>
<section class="mbr-section article content1 cra-section cra-section-intro">
<div class="container">
<h2 class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro">
👩💻 Computer Research Association 👨💻
</h2>
<div class="media-container-row">
<div class="col-md-12">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air">
1995년 창립된 <span class="cra-font-pro">CRA</span>는 한동대학교 전산 교육과정에 기초하여 한 분야에 국한되지 않는 신기술을 공부하고 프로젝트와 세미나 등의
활동을 가지는 동아리입니다.<br>이렇게 습득한 지식과 기술을 ‘배워서 남 주자’ 실천을 위해 교내 인트라넷 커뮤니티, 택시 공유, 배달 어플리케이션 등을 개발하고 운영하고 있습니다. 방학 중
동아리원들은 팀 단위로 프로젝트를 진행하여 학기 중 수업 시간에서 접해볼 수 없었던 것들을 배우고 실제로 서비스해보는 기회를 가집니다. 또 매년 ‘큰모임’을 통해 선배들과 정기적인 교류활동을
가지고 있습니다.
</p>
</div>
</div>
</div>
</section>
<section class="mbr-section article content1 cra-section section-intro" id="history">
<div class="container">
<h2 class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro">👣 HISTORY 👣</h2>
<div class="media-container-row">
<div class="col-md-12 cra-font-air">
<ul>
<li>
<span class="cra-font-pro">1995 CRA (전산연구회) 창립 🎉</span>
</li>
<li>
1997 인트라넷 1.0 초기 버전 완성 및 학교 배포
</li>
<li>
1999 인트라넷 2.0 <span class="cra-font-pro">i2</span> 완성
</li>
<li>
1999 <span class="cra-font-pro">i2</span> - 정보통신 소프트웨어 공모대전 학생부 우수상 수상
</li>
<li>
2006 인트라넷 3.0 <span class="cra-font-pro">i3</span> 완성
</li>
<li>
2010 Wizard XE - 제 1회 XE 공모전 대상 수상
</li>
<li>
2011 '그룹지향형 소셜네트워크 서비스'공개 소프트웨어 개발자 대회 기업상 수상
<div class="cra-history">인트라넷 i3 -> <span class="cra-font-pro">i7</span> 업그레이드</div>
<div class="cra-history">하/동계 C 캠프 주관</div>
</li>
<li>
2012 제24회 글로벌 소프트웨어 공모대전 삼성SDS 사장상
<div class="cra-history">하/동계 C 캠프 주관</div>
<div class="cra-history">공학교육페스티벌 한동대학교 대표 동아리 참가, 작품 출품(앤톡)</div>
</li>
<li>
2013 동계 C 캠프 주관
<div class="cra-history">삼성 software membership 2기</div>
<div class="cra-history">미래창조과학부 캠퍼스 CEO 육성사업, 게임 <span class="cra-font-pro">킹덤셀</span> 제작</div>
</li>
<li>
2014 동계 C 캠프 주관
</li>
<li>
2015 전공체험활동 프로그램, 전산전자공학부 진행
<div class="cra-history">동아리 홍보 및 리쿠르팅 플랫폼 <span class="cra-font-pro">iBelong</span> 웹 서비스 출시</div>
<div class="cra-history">학점 계산 서비스 <span class="cra-font-pro">iGrad</span> 웹 서비스 출시</div>
</li>
<li>
2016 동계 C 캠프 <span class="cra-font-pro">"Come and C!"</span> 주관
<div class="cra-history">택시 공유 서비스 <span class="cra-font-pro">아이택시</span> 웹 서비스 출시</div>
<div class="cra-history">강의 평가 시스템 <span class="cra-font-pro">SEAL</span> 웹 서비스 출시</div>
<div class="cra-history">전공체험활동 프로그램, 전산전자공학부 진행</div>
</li>
<li>
2017 동계 C 캠프 <span class="cra-font-pro">"Why so ‘C’rious?"</span> 주관
<div class="cra-history">기프티콘 서비스 <span class="cra-font-pro">i-gift</span> 웹 서비스 출시</div>
<div class="cra-history">전공체험활동 프로그램, 전산전자공학부 진행</div>
</li>
<li>
2018 동계 C 캠프 <span class="cra-font-pro">'나우 유 C 미'</span> 주관
<div class="cra-history"><span class="cra-font-pro">'CAKE - C언어 웹 에디터'</span> 경북대학교 SW전공동아리 전시회 우수상 수상</div>
<div class="cra-history">강의 평가 서비스 <span class="cra-font-pro">SEAL</span> 모바일 웹 리뉴얼</div>
<div class="cra-history"><span class="cra-font-pro">아이헝그리</span> iOS/Android 어플 출시</div>
<div class="cra-history">택시 공유 서비스 <span class="cra-font-pro">아이택시</span> iOS/Android 어플 출시</div>
<div class="cra-history">전공체험활동 프로그램, 전산전자공학부 진행</div>
</li>
<li>
2019 동계 C 캠프 <span class="cra-font-pro">'하늘과 바람과 별과 C'</span> 주관
<div class="cra-history">인트라넷 <span class="cra-font-pro">i7</span> 개발 리뉴얼</div>
<div class="cra-history">수강신청 도우미 <span class="cra-font-pro">histime</span> 웹 서비스 베타 출시</div>
</li>
<li>
2020 동계 C 캠프 <span class="cra-font-pro">'선배들과 함께하는 C 캠프'</span> 주관
<div class="cra-history">중고 거래 서비스 <span class="cra-font-pro">H-Safari </span> iOS/Android 어플 출시</div>
</li>
<li>
2021 동계 C 캠프 <span class="cra-font-pro">'선배들과 함께하는 C 캠프'</span> 주관
<div class="cra-history">수강신청 도우미 <span class="cra-font-pro">대학시간 </span> 웹 서비스 출시</div>
</li>
<li>
2022 동계 DS 캠프 <span class="cra-font-pro">'선배들과 함께하는 DS 캠프'</span> 주관
<div class="cra-history">동계 신입 프로젝트</div>
<div class="cra-history">주식 추천 애플리케이션 <span class="cra-font-pro">StocKid</span></div>
<div class="cra-history">찬양팀 보조 어플리케이션 <span class="cra-font-pro">Haring</span></div>
<div class="cra-history">대안학교 플랫폼 <span class="cra-font-pro">HILS</span></div>
<div class="cra-history">스터디 매칭 플래폼 <span class="cra-font-pro">Smapp</span></div>
<div class="cra-history">딥러닝 스터디 <span class="cra-font-pro">CIFAR Image Classifier</span></div>
</li>
<li>
그 외 지속적으로 다수의 기술 세미나 주최 (인공지능, 웹개발, Git 노하우 등)
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="mbr-section article content1 cra-section cra-section-intro">
<div class="container">
<h2 class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro">
CRA는<br>탄탄하고 끈끈한 네트워크을 갖고 있습니다.
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
CRA는 1995년에 만들어진 동아리로서 졸업생을 포함하여 선후배간의 네트워크가 탄탄합니다.<br>
현재는 재학생 대략 50명, 졸업생 대략 200명으로 구성되어있으며 재학생들은 소속된 랩실도 다양하고 관심있는 분야도 다양하기 때문에 재학생 선배들로부터 많은 도움을 받을 수 있습니다.<br>
그리고 졸업 후에 CRA 끝이 아니라, 졸업생들은 판교/강남 등 계속해서 작은 모임을 가지고 있고 <span class="cra-font-pro cra-impact">매년 재학생/졸업생 모두가 모이는 '큰모임'이 진행됩니다.</span><br>
졸업생 선배님들은 대기업, 공기업, 크고 작은 스타트업, 실리콘 밸리, 대학원 등 다양한 곳에서 일하시고 포지션 또한 개발자, 기획자, 디자이너, 연구원, 투자자 등 엄청나게 다양한 직군에 계시기 때문에 본인이 노력한다면 충분히 도움을 많이 받을 수 있습니다.
</p>
</div>
</div>
</div>
</div>
<div class="container">
<h2 class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro">
성장하기에 최고로 좋은 환경입니다.
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
성장을 하려면 주변에 좋은 자극을 줄 수 있는 사람들이 많아야 합니다. 선의의 경쟁을 펼쳐줄 동료들이 기다리고 있습니다.<br>
<span class="cra-font-pro">24시간 이용가능한 동방</span>에서 공부/개발을 하다가 모르는 것이 있으면 선배에게 물어보기도 하고 토론을 하기도 합니다.<br>
또한 교과목을 단순히 혼자서 공부하는 것이 아니라 <span class="cra-font-pro cra-impact">하브루타, "질문하고 토론하라!"</span>라는 공부법으로 서로 배운 내용을 더욱 심도있게 탐구하고 토론합니다.<br>
CRA 구성원들끼리 다양한 개발자 meet up을 가기도 하고, 모여서 해커톤도 하고, 공모전에 참가하기도 합니다.<br>
</p>
</div>
</div>
</div>
</div>
<div class="container">
<h2 class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro">
리얼로다가! 개발을 합니다.
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
신입회원은 방학동안 프로젝트를 진행하게 됩니다.<br>
프로젝트 동안 선배의 가이드와 함께 <span class="cra-font-pro cra-impact">배우고자 하는 지식을 공부하고 실제로 프로젝트를 직접 기획하고 개발을 하는 프로세스</span>가 진행됩니다.<br>
더 나아가서, 실제로 개발의 결과물을 바탕으로 서비스를 할 수도 있습니다. <br>
이때, <span class="cra-font-pro">동방에 물리적 서버 여러 대가 있고 Play Store, App Store에도 CRA 개발자 계정이 있어 언제나 서비스를 배포할 수 있는 환경</span>까지도 구축되어있습니다.<br>
또한 현재 서비스 중인 프로젝트에 투입이 되어 실제 개발 프로세스에 참여할 수도 있고 한동대학교 구성원 대다수가 사용하고 있는 서비스들이기 때문에, 실제로 서비스 중인 프로젝트를 유지보수하는 과정, 유저와 소통하는 법 등 학부생으로서 경험하기 쉽지 않은 것들을 할 수 있습니다.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="cra-section">
<div class="container">
<h2 class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro">On-Going 👀</h2>
<div class="row justify-content-center">
<div class="col-12 col-md-12 align-center">
<a href="http://itaxi.handong.edu">
<img class="align-center col-md-6 cra-img" src="assets/images/itaxi.png">
</a>
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">아이택시</span><br>
<!-- <span class="cra-font-pro">아이택시</span>는 한동 생활에 필수 어플입니다.<br> -->
한동인들의 교통비를 절감시켜주는 공유 카 매칭 서비스입니다.<br>
많은 CRA 동아리원들의 노력으로 빚어졌으며 현재에도 학기 중에 틈틈이 개발 발전시키고 있습니다.<br>
앞으로 카풀 및 ktx 동반석 모집에도 도움이 될 서비스로 확장 준비중에 있습니다.<br>
<a href = "http://itaxi.handong.edu"><b style="color: red">홈페이지로 이동</b></a><br>
<span class="cra-font-pro">개발스택: Ionic with Angualr, Firebase, AWS gateway API, Python, Javascript, Apache</span>
</p>
</div>
<div class="col-12 col-md-12 align-center">
<a href="https://play.google.com/store/apps/details?id=com.CRA.hSafari">
<img class="align-center col-md-6 cra-img" src="assets/images/hsafari.png">
</a>
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">H-Safari</span><br>
한동인들의 중고거래 플랫폼을 제공하는 서비스입니다.<br>
CRA의 전폭적인 지원으로 완성할 수 있었으며, 20-2학기에 version 2를 만들 예정입니다.<br>
공동구매 서비스로도 확장 해 보겠습니다. 감사합니다.<br>
<a href = "https://play.google.com/store/apps/details?id=com.CRA.hSafari"><b style="color: red">어플 다운받기</b></a><br>
<span class="cra-font-pro">개발스택: Flutter, Node.js, Firebase</span>
</p>
</div>
<div class="col-12 col-md-12 align-center">
<a href= "https://www.timetable.college/handong">
<img class="align-center col-md-6 cra-img" src="assets/images/timetable.png">
</a>
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">대학 시간</span><br>
Histime 재개발 프로젝트입니다!<br>
현재 이번학기 재학생 중 천명이 넘게 사용하고 있습니다.<br>
<a href = "https://www.timetable.college"><b style="color: red">홈페이지로 이동</b></a><br>
<span class="cra-font-pro">개발스택: React, Node, MySQL</span>
</p>
</div>
</div>
</div>
</section>
<section class="cra-section">
<div class="container">
<h2 class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro">21-2 Winter Project</h2>
<div class="row justify-content-center">
<div class="col-12 col-md-12 align-center">
<img class="align-center col-md-6 cra-img" src="assets/images/stockid.png">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">StocKid</span><br>
주식을 처음 시작하거나, 자신의 투자 방향에 알맞은 주식을 찾을 시간이 부족한 사람들을 위한 프로그램입니다.<br>
키움 증권에서 지원하는 API를 사용, 기업정보를 바탕으로 투자 기준에 맞는 주식을 PDF 형태로 사용자에게 제공합니다.<br>
<span class="cra-font-pro">개발스택: Python, 키움증권 Open API, MySQL</span>
</p>
</div>
<div class="col-12 col-md-12 align-center">
<img class="align-center col-md-6 cra-img" src="assets/images/haring.jpeg">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">Haring</span><br>
찬양팀으로 섬기는 분들을 위한 애플리케이션 입니다.<br>
악보를 업로드하여 그리기 도구를 통해 수정할 수 있고,<br>
수정사항을 팀원에게 실시간으로 공유하여 보다 나은 소통을 가능하게 합니다.<br>
<span class="cra-font-pro">개발스택: Flutter, Firebase</span>
</p>
</div>
<div class="col-12 col-md-12 align-center">
<img class="align-center col-md-6 cra-img" src="assets/images/hils.png">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">HILS</span><br>
대안학교에서 학부모와 교사의 소통을 원활하게 하기 위해<br>
각종 학교 행사, 게시판, 학생 성적 등을 한 눈에 파악하는 어플리케이션을 개발하고 있습니다.<br>
모든 대안학교가 신청을 할 경우 서비스를 제공하고자 했으나,<br>
DB 연결의 복잡성으로 포항 효자동에 위치한 HILS 대안학교를 기준으로 개발 중에 있습니다.<br>
<span class="cra-font-pro">개발스택: Flutter & Firebase</span>
</p>
</div>
<div class="col-12 col-md-12 align-center">
<img class="align-center col-md-6 cra-img" src="assets/images/smapp.jpeg">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">Smapp</span><br>
저희 Smapp팀의 명칭은 Study + matching + app의 줄인 말입니다.<br>
한동대 학생들이 언제 어디서나 어떤 전공 수업이고 교양 수업이든지 간에<br>
스터디 매칭을 할 수 있도록 도움을 주기 위해 프로젝트를 시작하였습니다.<br>
<span class="cra-font-pro">개발스택: Swift, Firebase</span>
</p>
</div>
<div class="col-12 col-md-12 align-center">
<img class="align-center col-md-6 cra-img" src="assets/images/cifar_image_classifier.png">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">CIFAR Image Classifier</span><br>
21학번 2명이 독학하며 제작한 이미지 분류기입니다.<br>
한동대학교 머신러닝 캠프 동영상을 시청하며 머신러닝과 딥러닝의 개념과 종류,<br>
신경망의 구조와 CNN의 구조를 배울 수 있었고 모델의 학습과정을 공부할 수 있었습니다.<br>
<span class="cra-font-pro">개발스택: Python, Pytorch</span>
</p>
</div>
</div>
</div>
</section>
<div id='recruiting'></div>
<section class="mbr-section article content1 cra-section cra-section-intro">
<div class="container">
<h2 class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro">
이런 사람과 함께 하고 싶어요 🧐
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">도전 의식</span>이 있는 사람<br>
<span class="cra-font-pro">함께 성장하고 싶은</span> 사람<br>
<span class="cra-font-pro">배우는 데 두려움이 없는</span> 사람<br>
많은 것을 <span class="cra-font-pro">배우고</span>, 많은 것을 <span class="cra-font-pro">나눠줄</span> 사람<br>
<span class="cra-font-pro">새내기</span>부터 고학번까지 모두 환영합니다.(학년 걱정하지 마세요.)<br>
</p>
</div>
</div>
</div>
</div>
<div class="container">
<h2 class="mbr-section-title align-center display-subtitle cra-subtitle cra-font-pro">
반드시 해야해요 🙏🏼
</h2>
<div class="media-container-row">
<div class="col-md-12">
<div class="col-12 col-md-12 align-center">
<p class="mbr-text m-0 cra-font-black display-7 cra-font-air cra-project-explanation">
<span class="cra-font-pro">하나. </span>신입 회원은 입부하는 학기 방학에 반드시 <span class="cra-font-pro">방학 프로젝트</span>를 해야합니다.<br>
<span class="cra-font-pro">둘. </span>신입 회원은 방학 프로젝트를 준비하는 매주 한 시간 가량의 <span class="cra-font-pro">스터디</span>에 참여해야 합니다.<br>
<span class="cra-font-pro">셋. </span>매학기 <span class="cra-font-pro">CRA 개강총회와 종강총회</span>에 반드시 참여해야합니다.<br>
</p>
</div>
</div>
</div>
</div>
<div class="mbr-section-btn align-center">
<h3 class="mbr-section-subtitle align-center pb-2 display-5 cra-font-black cra-font-air">위의 사람에 해당한다면 아래 버튼을 눌러 바로 지원하세요!</h3>
<a class="btn btn-lg display-4 btn-apply cra-font-air cra-font-white cra-gradient-color cra-btn-apply" href="https://forms.gle/AFVd7RsKEvG4JoxF6">
지원하기!
</a>
</div>
</section>
<section class="cra-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-12 align-center">
<h3 class="mbr-section-subtitle align-center pb-2 display-5 cra-font-air">더 궁금하신 것이 있으시다면</h3>
<h2 class="mbr-section-title align-center display-2 cra-font-pro">아래의 오픈 채팅방으로 들어오세요! 성심성의껏 답변해드리겠습니다.</h2>
<a href="https://open.kakao.com/o/sL8XEc1d">
<!-- 20-2 TODO: QR코드 이미지 교체 -->
<img style="width: 30%" src="assets/images/kakaoOpenChatQRcode22-1.png">
<h3 class="mbr-section-subtitle align-center pb-2 display-5 cra-font-air">클릭하셔도 됩니다!</h3>
</a>
</div>
</div>
</div>
</section>
<!-- footer -->
<section class="cra-footer cra-gradient-color">
<div class="container">
<div class="row align-left justify-content-left align-items-center">
<div class="col-sm-12 col-lg-4 mbr-text mbr-light cra-font-white">
<p class="footer-p display-bot cra-font-pro">CRA</p><br>
<p class="footer-p display-7 cra-font-air">한동대학교 학생회관 206호</p><br>
<p class="footer-p display-bot cra-font-air">DEVELOPED BY CRA</p>
</div>
</div>
</div>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/masonry/masonry.pkgd.min.js"></script>
<script src="assets/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/bootstrapcarouselswipe/bootstrap-carousel-swipe.js"></script>
<!-- <script src="assets/parallax/jarallax.min.js"></script> -->
<script src="assets/theme/js/script.js"></script>
<!-- <script src="assets/gallery/player.min.js"></script> -->
<script src="assets/gallery/script.js"></script>
<!-- unityping -->
<script src="assets/web/assets/unityping/unityping.js"></script>
<script>
// Month - start from 0 (0 - Jan, 11 - Dec)
var countDownDate = new Date(2022,2,11,23,59).getTime(); // 1초마다 갱신되도록 함수 생성,실행
var x = setInterval(function () { // 오늘 날짜 등록
var now = new Date().getTime(); // 종료일자에서 현재일자를 뺀 시간
var distance = countDownDate - now;
var d = Math.floor(distance / (1000 * 60 * 60 * 24));
var h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var s = Math.floor((distance % (1000 * 60)) / 1000);
var innerHtmlContent =
d < 0 ?
"지원이 마감되었습니다." :
"지원마감까지 " + d + "일 " + h + "시간 " + m + "분 " + s + "초 남았습니다.";
document.getElementById("d-day").innerHTML = innerHtmlContent;
});
$(function () {
$('.typing').unityping({
string: ['크으으으으으으으으으으으으으으랑', '고학번도 새내기도 모두 환영', 'Computer Research Association',],
typingSpeed: 1000, // 타/분 (CPM; Characters per Minute)
startDelay: 1000, // ms
backSpeed: 50, // ms
backDelay: 1000, // ms
});
});
</script>
</body>
</html>