-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (135 loc) · 7.92 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>멋쟁이 사자 조경민입니다람쥐:)</title>
<link rel="icon" type="image/x-icon" href="./favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet"
type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="./styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">LIKELION</span>
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2"
src="./profile.jpg" alt="..." /></span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span
class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">Home</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">History</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="container-fluid p-0">
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">
LIKE
<span class="text-primary">LION</span>
</h1>
<div class="subheading mb-5">
멋쟁이사자처럼
</div>
<p class="lead mb-5"> HACK YOUR LIFE!</p>
<div class="social-icons">
<a class="social-icon" href="https://www.youtube.com/channel/UCYaDkwVaOhuoe_LuFr3lWkA/featured" target="_black"><i class="fab fa-youtube"></i></a>
<a class="social-icon" href="https://www.instagram.com/likelion.official/?hl=ko" target="_black"><i class="fab fa-instagram"></i></a>
<a class="social-icon" href="https://www.facebook.com/likelion.net/" target="_black"><i class="fab fa-facebook-f"></i></a>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Experience-->
<section class="resume-section" id="experience">
<div class="resume-section-content">
<h2 class="mb-5">History</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">STEP 1</h3>
<div class="subheading mb-3">멋쟁이사자처럼 대학 1기 진행(서울대)</div>
<p></p>
</div>
<div class="flex-shrink-0"><span class="text-primary">2013.03 - 현재</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">STEP 2</h3>
<div class="subheading mb-3">사단법인 멋쟁이사자처럼 설립</div>
<p></p>
</div>
<div class="flex-shrink-0"><span class="text-primary">2016.10</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">STEP 3</h3>
<div class="subheading mb-3">Google Impact Challenge People's Choice & Judge's Choice 1등</div>
<p></p>
</div>
<div class="flex-shrink-0"><span class="text-primary">2016.12</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">STEP 4</h3>
<div class="subheading mb-3">주식회사 멋쟁이사자처럼 설립</div>
<p></p>
</div>
<div class="flex-shrink-0"><span class="text-primary">2018.05</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Education-->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">멋쟁이사자처럼 직장인 서울 1기</h3>
<div class="subheading mb-3">인생을 바꾸는 아이디어 실현</div>
<div>프로젝트 매니징을 기반으로 한 교육과 아이디어톤, 해커톤 등의 멋쟁이사자처럼 시그니처 행사를 함께 진행합니다.</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">2019.06</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">온라인 코딩 교육 플랫폼 'codelion' 런칭</h3>
<div class="subheading mb-3">오프라인의 한계를 극복할 수 있는 테크 기반 온라인 코딩 교육 플랫폼</div>
<div>코드라이언은 프로그래머 이두희, 20만 유튜버 조코딩 등 다양한 실무 경험의 개발자가 프로젝트 위주의 코스를 통해 수강완료 후 바로 서비스 제작 가능하도록 하여 코딩을 쉽게 배울 수 있게 합니다.</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">2020.03</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">광주 인공지능사관학교 1기 진행</h3>
<div class="subheading mb-3">전국 1045명 지원 / 1기 최종 경쟁률 5.8 대 1 기록 / 180명 선발 155명 수료</div>
<div>광주 인공지능사관학교는 취창업을 목표로 하는 교육으로 Pre 과정부터 중고급 과정을 거쳐, 프로젝트 과정까지 진행하는 교육으로 6개월 동안 960 시간의 커리큘럼을 제공받게 됩니다.</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">2020.07</span></div>
</div>
</div>
</section>
<hr class="m-0" />
</div>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="./scripts.js"></script>
</body>
</html>