-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
566 lines (566 loc) · 22.4 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
<!DOCTYPE html>
<html lang="ko">
<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" />
<!-- meta -->
<meta property="og:type" content="website" />
<meta property="og:title" content="위니브 엠버서더" />
<meta
name="description"
content="개발자로서의 성장을 원한다면? 위니브 엠버서더"
/>
<meta property="og:site_name" content="위니브 엠버서더" />
<meta
property="og:description"
content="개발자로서의 성장을 원한다면? 위니브 엠버서더"
/>
<meta property="og:image" content="./src/assets/og-img.png" />
<meta property="og:url" content="https://ambassador.weniv.co.kr/" />
<title>위니브 엠버서더</title>
<!-- favicon -->
<link rel="shortcut icon" type="image/x-icon" href="./src/assets/fav.svg" />
<link rel="stylesheet" href="./src/style/common.css" />
<link rel="stylesheet" href="./src/style/index.css" />
</head>
<body>
<header class="header">
<div class="wrap max-width">
<h1 class="logo">
<a href="http://www.paullab.co.kr"
><img
class="logo-img"
src="./src/assets/weniv-logo.svg"
alt="위니브 엠버서더"
/></a>
</h1>
<a
href="https://weniv.link/Glgs9Y"
class="btn-apply btn-m"
target="_blank"
>지원하기</a
>
</div>
</header>
<section class="banner">
<h2 class="sr-only">배너</h2>
<ul class="banner-list">
<li class="banner-full active" data-id="0">
<div class="contents">
<strong>공부도 하고 스펙도 쌓고<br />지원금도 받자!</strong>
<a
href="https://weniv.link/Glgs9Y"
class="btn-apply btn-l"
target="_blank"
><span>4기</span> 지원하기</a
>
</div>
</li>
<li class="banner-talk" data-id="1">
<div class="contents">
<p>개발자로서의 성장을 원한다면?</p>
<strong>위니브 엠버서더<br />지금 바로 지원하세요.</strong>
<a
href="https://weniv.link/Glgs9Y"
class="btn-apply btn-l"
target="_blank"
><span>4기</span> 지원하기</a
>
</div>
</li>
</ul>
<ul class="banner-btn-list">
<li>
<button type="button" class="banner-btn active" data-id="0"></button>
</li>
<li><button type="button" class="banner-btn" data-id="1"></button></li>
</ul>
</section>
<main class="main">
<section class="ambassador-notice">
<div class="wrap max-width">
<h2 class="notice-title">공지</h2>
<time class="notice-time" datetime="2024.04.22">2024.11.25</time>
<p class="notice-text">
위니브 엠버서더 4기 모집이 완료되었습니다. 많은 관심과 성원에
감사드립니다.
</p>
</div>
</section>
<section class="section ambassador-intro">
<div class="wrap max-width border-bottom">
<h2 class="section-title intro-title">
<strong class="txt-highlight">위니브 엠버서더 소개</strong>
</h2>
<ul class="intro-list">
<li>
<h3>🤔 위니브 엠버서더가 무엇인가요?</h3>
<p class="intro-contents">
위니브 엠버서더는 3개월 동안 위니브의 다양한 콘텐츠와 강의를
체험하고 홍보하는 역할을 수행합니다. 엠버서더 활동을 통해,
위니브의 유/무료의 교육자료를 제공받고 온/오프라인 행사에
우선적으로 참여할 수 있는 기회를 누려보세요! 또한, 수료자에게는
활동비도 지급됩니다 :) <br /><br />
지금 바로 위니브 엠버서더가 되어 여러분의 지식과 경험을 널리
공유해 보세요!
</p>
</li>
<li>
<h3>✍️ 위니브 엠버서더는 이런 활동을 합니다.</h3>
<ul class="intro-contents applicant">
<li>위니브 콘텐츠 활용 후기 월 4회 이상 포스팅</li>
<li>위니브 주관 온/오프라인 행사 참여 후기 포스팅</li>
<li>엠버서더 선정 인증 글 1회 작성</li>
<li>강의 수강 시 수강평 작성</li>
<li>
엠버서더 커뮤니티 내 미니 경진대회 <위-니드(We-Need)
이벤트> 참여
</li>
</ul>
</li>
</ul>
</div>
</section>
<section class="section ambassador-benefit">
<div class="wrap max-width">
<h2 class="section-title benefit-title">
<strong class="txt-highlight">위니브 엠버서더 혜택</strong>
</h2>
<ul class="benefit-list">
<li>
<img src="./src/assets/icon/icon-benefit-1.svg" alt="" />
<p>위니브 굿즈 제공</p>
</li>
<li>
<img src="./src/assets/icon/icon-benefit-2.svg" alt="" />
<p>수료증, 활동비 지급</p>
</li>
<li>
<img src="./src/assets/icon/icon-benefit-3.svg" alt="" />
<p>온라인 강의 제공</p>
</li>
<li>
<img src="./src/assets/icon/icon-benefit-4.svg" alt="" />
<p>엠버서더 커뮤니티 초대</p>
</li>
<li>
<img src="./src/assets/icon/icon-benefit-5.svg" alt="" />
<p>위니브 행사 우선 선발</p>
</li>
</ul>
</div>
</section>
<section class="ambassador-activity">
<div class="wrap max-width">
<h2 class="section-title">위니브 엠버서더 활동 안내</h2>
<p>
위니브 엠버서더는 시간, 장소에 관계없이 <span></span>자유롭게 활동이
가능합니다.
</p>
<a
class="btn-l"
href="https://paullabworkspace.notion.site/021b293b78424e7086a6a7ff58cd6f8c"
target="_blank"
>활동 안내 보기</a
>
</div>
</section>
<section class="section ambassador-schedule">
<div class="wrap max-width">
<h2 class="section-title">
<span>위니브 엠버서더 4기</span>
<strong class="txt-highlight">진행 일정</strong>
</h2>
<ol class="schedule-list">
<li>
<div class="content">
<p>선정자 발표</p>
<strong>11월 25일</strong>
</div>
</li>
<li>
<div class="content">
<p>OT</p>
<strong>11월 27일</strong>
</div>
</li>
<li>
<div class="content">
<p>활동 시작</p>
<strong>12월 ~ 2월(3개월)</strong>
</div>
</li>
<li>
<div class="content">
<p>결과보고서 제출</p>
<strong>활동 종료 ~ 3월 첫째주</strong>
</div>
</li>
<li>
<div class="content">
<p>활동비/수료증 지급</p>
<strong>3월 말 지급</strong>
</div>
</li>
</ol>
</div>
</section>
<section class="section ambassador-past-activity">
<div class="wrap max-width">
<h2 class="section-title activity-title">
<strong class="txt-highlight">지난 활동 살펴보기</strong>
</h2>
<ul class="activity-list">
<li class="shadow-box">
<a
href="https://velog.io/@tett_77/위니브-엠버서더-합격-후기"
target="_blank"
>
<div class="activity-info">
<div>
<span class="tag">위니브 소개</span
><strong class="name">목**님</strong>
</div>
<p class="multi-ellipsis">
[위니브 엠버서더] 위니브가 뭐하는 곳이야?
</p>
</div>
<div class="thumbnail">
<img src="./src/assets/activity-img-1.png" alt="" />
</div>
</a>
</li>
<li class="shadow-box">
<a
href="https://blog.naver.com/itsmelsabel/223247621704"
target="_blank"
>
<div class="activity-info">
<div>
<span class="tag">굿즈 후기</span
><strong class="name">이**님</strong>
</div>
<p class="multi-ellipsis">
Weniv 위니브 엠버서더 2기 위니브 굿즈 스티커, 클리너, 캘린더
후기
</p>
</div>
<div class="thumbnail">
<img src="./src/assets/activity-img-2.png" alt="" />
</div>
</a>
</li>
<li class="shadow-box">
<a
href="https://blog.naver.com/itsmelsabel/223279183173"
target="_blank"
>
<div class="activity-info">
<div>
<span class="tag">위니드 이벤트</span
><strong class="name">이**님</strong>
</div>
<p class="multi-ellipsis">
생성형 AI 미드저니 Midjourney & 프롬프트베이스 PromptBase
활용하여 이미지 만들기
</p>
</div>
<div class="thumbnail">
<img src="./src/assets/activity-img-3.png" alt="" />
</div>
</a>
</li>
<li class="shadow-box">
<a
href="https://velog.io/@tett_77/위니브-엠버서더-어떤-강의를-들어야-할까"
target="_blank"
>
<div class="activity-info">
<div>
<span class="tag">온라인 강의 소개</span
><strong class="name">목**님</strong>
</div>
<p class="multi-ellipsis">
[위니브 엠버서더] 어떤 강의를 들어야 할까?
</p>
</div>
<div class="thumbnail">
<img src="./src/assets/activity-img-4.png" alt="" />
</div>
</a>
</li>
<li class="shadow-box">
<a href="https://hydiary.tistory.com/57" target="_blank">
<div class="activity-info">
<div>
<span class="tag">온라인 강의 소개</span
><strong class="name">이**님</strong>
</div>
<p class="multi-ellipsis">
인프런 제주코딩베이스캠프 무료 강의 추천
</p>
</div>
<div class="thumbnail">
<img src="./src/assets/activity-img-5.png" alt="" />
</div>
</a>
</li>
</ul>
</div>
</section>
<section class="section ambassador-review">
<div class="wrap max-width">
<h2 class="section-title review-title">
<strong class="txt-highlight">활동 후기</strong>
</h2>
<ul class="review-list">
<li class="shadow-box">
<div class="profile">
<img
class="profile-img"
src="./src/assets/profile-img-3.png"
alt=""
/>
<div>
<span class="profile-class">엠버서더 3기</span
><strong class="name">장**님</strong>
</div>
</div>
<p>
단순히 지식을 늘리는 것이 아니라 경험을 늘려가며 개발에 친숙해질
수 있었고 코딩에 대한 즐거움을 느낄 수 있었습니다.
</p>
</li>
<li class="shadow-box">
<div class="profile">
<img
class="profile-img"
src="./src/assets/profile-img-1.png"
alt=""
/>
<div>
<span class="profile-class">엠버서더 2기</span
><strong class="name">이**님</strong>
</div>
</div>
<p>
다양하고 수준 높은 강의를 수강할 수 있는 혜택도 좋았다. 평소라면
접하지 않을 타분야 강의들도 수강 기회가 생기니 부담없이 가벼운
마음으로 수강할 수 있었고 그 덕분에 흥미가 생겨 좋은 순환
사이클이 되지 않았을까 하는 생각이 든다
</p>
</li>
<li class="shadow-box">
<div class="profile">
<img
class="profile-img"
src="./src/assets/profile-img-2.png"
alt=""
/>
<div>
<span class="profile-class">엠버서더 2기</span
><strong class="name">이**님</strong>
</div>
</div>
<p>
위니브 엠버서더 2기 활동을 하며 양질의 강의를 제공받아 더욱
성장할 수 있어 감사했고, 혹시나 또 다시 기회가 주어진다면 꼭
참여하고 싶은 좋은 경험이었어요. 갈수록 다양해지는 위니브
엠버서더 이벤트들이 더욱 기대가 되고, 앞으로의 더욱 더 발전할
위니브의 미래도 기대되고 응원합니당!!
</p>
</li>
<li class="shadow-box">
<div class="profile">
<img
class="profile-img"
src="./src/assets/profile-img-3.png"
alt=""
/>
<div>
<span class="profile-class">엠버서더 2기</span
><strong class="name">장**님</strong>
</div>
</div>
<p>
배우고자 하는 마음만 있으면 충분히 좋은 경험이 될 활동이다! 나
역시 위니브 엠버서더를 통해 다양한 강의를 접하고 다양한 분들의
공부 과정을 구경할 수 있어 너무 뜻깊고 소중한 경험을 얻었다
</p>
</li>
<li class="shadow-box">
<div class="profile">
<img
class="profile-img"
src="./src/assets/profile-img-1.png"
alt=""
/>
<div>
<span class="profile-class">엠버서더 1기</span
><strong class="name">정**님</strong>
</div>
</div>
<p>
앞으로도 이런 기회가 많이 제공되어서 많은 분들이 좋은 강의를
접하고 그 후로 내가 필요한게 무엇인지 감을 잡아서 이후에도
꾸준히 공부해갈 수 있도록 좋은 영향을 많이 받으셨으면 좋겠어요!
앞으로도 좋은 강의 많이 부탁드립니다~!
</p>
</li>
</ul>
</div>
</section>
<section class="ambassador-contents">
<div class="wrap max-width">
<h2 class="section-title">
“어떤 콘텐츠를<span></span> 제공받을 수 있는지 궁금하신가요?”
</h2>
<p>위니브의 다양한 ICT 콘텐츠를 모아 보세요!</p>
<a class="btn-l" href="https://archive.weniv.co.kr/" target="_blank"
>위니브 콘텐츠 아카이브</a
>
</div>
</section>
<section class="ambassador-faq">
<div class="wrap max-width">
<h2 class="section-title faq-title">
<strong class="txt-highlight">FAQ</strong>
</h2>
<ul class="faq-list">
<li class="active">
<p class="question">
‘제주코딩베이스캠프 서포터즈’와 같은 프로그램인가요?
</p>
<p class="answer">
네! 같은 프로그램입니다. 2023년부터 ‘제주코딩베이스캠프
서포터즈’가 ‘위니브 엠버서더’로 이름과 시스템이 변경되었습니다.
</p>
<button class="btn-faq">
<span class="sr-only">질문 여닫기</span>
</button>
</li>
<li>
<p class="question">
온라인 강의를 제공받을 시 수강평 작성은 필수인가요?
</p>
<p class="answer">
제주코딩베이스캠프, 더 오름 강의를 요청하여 제공받았을 경우 해당
강의의 수강평 작성은 필수입니다.
</p>
<button class="btn-faq">
<span class="sr-only">질문 여닫기</span>
</button>
</li>
<li>
<p class="question">위-니드(We-Need) 이벤트가 무엇인가요?</p>
<p class="answer">
위니브 엠버서더 커뮤니티 내에서 진행되는 미니 경진대회로, 이벤트
참여자에게는 푸짐한 상품을 받을 수 있는 기회를 제공합니다.
엠버서더 디스코드 서버 참여자는 모두 참여가 가능하며, 이벤트마다
내용과 상품은 변경될 수 있습니다.
</p>
<button class="btn-faq">
<span class="sr-only">질문 여닫기</span>
</button>
</li>
<li>
<p class="question">활동비 지급 기준이 어떻게 되나요?</p>
<p class="answer">
월 4회 이상, 3개월 총 12회 이상의 포스팅 작성 등 엠버서더 활동을
성실히 활동해 주신 분께 활동비 10만원이 지급됩니다.(활동 종료 후
지급)
<br /><br />
또한, ‘이달의 BEST 엠버서더’로 선정되실 경우 해당 월 5만원의
추가 활동비가 적립되기 때문에 총 최대 25만원의 활동비를 받으실
수 있습니다.
<br /><br />
※ 이 과정에서 엠버서더 여러분의 개인정보(계좌번호, 예금주 명
등)을 수집할 수 있습니다.<br />
※ 활동비는 기타소득세 8.8% 공제 후 지급됩니다.
</p>
<button class="btn-faq">
<span class="sr-only">질문 여닫기</span>
</button>
</li>
<li>
<p class="question">
‘이달의 BEST 엠버서더’는 무엇이고, 선정 기준이 어떻게 되나요?
</p>
<p class="answer">
엠버서더 여러분의 열정과 노력에 보답하는 작은 선물로, 매월
우수한 활동을 펼쳐주시는 분들 중 2명을 선정하여 특별한 보상을
드립니다. 자세한 내용은 활동 안내를 참고해 주세요 :)
</p>
<button class="btn-faq">
<span class="sr-only">질문 여닫기</span>
</button>
</li>
</ul>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-top">
<div class="wrap max-width">
<div class="weniv-greeting">
<h2 class="section-title">
안녕하세요.<br /><strong class="txt-highlight"
>주식회사 위니브입니다.</strong
>
</h2>
<p>
<strong>주식회사 위니브는 ‘ICT 교육 콘텐츠 기업’입니다.</strong>
지역과 가진 것에 차등 없이 누구나 ICT 교육을 받을<wbr /> 수
있도록<wbr /> 진로, 직업, 진학, 취업의 길을 열어갑니다.
</p>
</div>
<ul class="link-list">
<li>
<a href="https://weniv.co.kr" class="weniv" target="_blank"
><span>위니브 공식 홈페이지</span></a
>
</li>
<li>
<a
href="https://www.inflearn.com/users/@jejucoding"
class="inflearn"
target="_blank"
><span>인프런 온라인 강의</span></a
>
</li>
<li>
<a
href="https://www.instagram.com/weniv_official/"
class="instagram"
target="_blank"
><span>위니브 인스타그램</span></a
>
</li>
<li>
<a
href="https://blog.naver.com/paul-lab"
class="naver"
target="_blank"
><span>위니브 네이버 블로그</span></a
>
</li>
</ul>
<a
href="https://weniv.link/Glgs9Y"
class="btn-apply btn-l btn-blue"
target="_blank"
>엠버서더 지원하기</a
>
</div>
</div>
<div class="copyright">
<p>Copyright © WENIV All rights reserved.</p>
</div>
</footer>
<button type="button" class="top-btn">
<span class="sr-only">최상단으로 이동하기</span>
</button>
<script src="./src/js/index.js"></script>
</body>
</html>