About Us.html
10.2 KB
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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>EMOJI-HUMAN</title>
<link rel="stylesheet" href="/About Us/About Us.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<!-- 손흔들 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
</head>
<body>
<!-- 내비게이션 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><!--bootstrap-->
<!--css link-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--for icons-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><!--jquery script-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script><!--bootstrap script-->
<body id="page-top">
<!--creating a navigation bar-->
<nav id="main-nav" class="navbar navbar-default navbar-fixed-top navbar-custom">
<!--navigation bar with default view fixed on top specific class nav-bar custom-->
<div class="container"><!--gives padding of 16px on LHS and RHS-->
<div class="navbar-header page-scroll"><!--navigation bar header having proprty to scroll -->
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">
<span></span> Menu <i class="fa fa-bars"></i>
</button>
</div><!--end of button-->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><!--to collapse-->
<ul class="nav navbar-nav">
<li><a href="/index.html">Home></script> </a></li>
</ul>
<ul class="nav navbar-nav navbar-right page-scroll">
<!--second UL to go to right having proprty to scroll page-->
<li> <a href="/About Us/About Us.html">About Us</a></li>
<li><a href="/EMOJI-HUMAN/EMOJI-HUMAN.html">EMOJI-HUMAN</a></li>
<li><a href="/EMO-TI/EMO-TI.html">EMO-TI</a></li>
<li><a href="/EMO-SSAGE/EMO-SSAGE.html">EMO-SSAGE</a></li>
</ul>
</div>
</div>
</nav>
<!-- 내비게이션 -->
<!-- 1페이지 -->
<div id="container">
<div class="list">
<div class="one">
<div class="wave"><span>👋</span></div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p id="p1" class="animated fadeOutUp">Hello, Humans!</p>
<br>
<p id="p2" class="animated fadeOutUp">안녕하세요, 우리는 팀 이모지 인간입니다.</p>
<br>
<br>
<br>
<p id="p3" class="animated2 fadeIn">우리는 이모지 인간이 아닙니다.</p>
<p id="p4" class="animated2 fadeIn">진짜 인간이에요!</p>
</div>
</div>
<!-- 1페이지 -->
<!-- 2페이지 -->
<div class="list">
<div class="two">
<div style="float: left; width: 40%;">
<img src="/src/song.png" style="display: block; margin: 0 auto;">
<h3>Song Min Gyeom </h3>
</div>
<!-- 요소들 -->
<div style="float: left; width: 60%;">
<main class="page-content">
<!-- 1번칸 -->
<div class="card">
<div class="content">
<h2 class="title">Me</h2>
<p class="copy">안녕하세요 인간 흠터레스팅 송민겸입니다.
저는 경희대학교 디지털콘텐츠학과 휴학 중인 (현)백수입니다.
23년 새해를 맞아 갓-생을 살기 위해 노력하고 있지만...
네, 아무튼 열심히 노력해보았습니다. ^^
</p>
</div>
</div>
<!-- 2번칸 -->
<div class="card">
<div class="content">
<h2 class="title">Interest</h2>
<p class="copy">휴학을 한 후의 제 관심사는 해외 여행과 진로임니두.
놀 수 있을 때 많이 놀러다니고 싶어 티끌 모아 여행으로 탕진을 실천하고 있슴니다.
또 최근에는 UX/UI 디자인과 개발에 관심이 있어 이런 웹페이지도 만들었어욤!
나 이러다가 개발자가 되는 거 아닌가 몰루 '3'
</p>
</div>
</div>
<!-- 3번칸 -->
<div class="card">
<div class="content">
<h2 class="title">Summary</h2>
<p class="copy">이번 전시 후기는...정말 발등에 불이 아니라 메테오가 떨어진 수준 ^^;;
비전공자로 코딩의 ㅋ도 모르는 제가 정말 맨땅에 헤딩 수준으로 개발을 하게 되어서 더 고생했던 것 같습니다.
근데 솔직히 벼락치기로 이정도면 잘했어요 칭찬 스티커 받아야 한다고 생각함ㄹㅇㅋㅋ.
반박시 내 마음 찢어짐 ㅠ
</p>
</div>
</div>
</main>
</div>
<!-- 요소들 -->
</div>
</div>
<!-- 2페이지 -->
<!-- 3페이지 -->
<div class="list">
<div class="three">
<!-- 요소들 -->
<div style="float: left; width: 64%;">
<main class="page-content" style="justify-content: end;">
<!-- 1번칸 -->
<div class="card">
<div class="content">
<h2 class="title">Me</h2>
<p class="copy">안녕하세요,
한국 살고 있는
김유진이라고 합니다.
디지털 콘텐츠에 대해
공부하면서 다양한
작업들을 시도중입니다.
제 개인 작업물이
보고 싶으시다면,
@supernonvan49 계정에 놀러와주세요! </p>
</div>
</div>
<!-- 2번칸 -->
<div class="card">
<div class="content">
<h2 class="title">Interest</h2>
<p class="copy">현재 관심 분야는
3D,
특수효과,
UI&UX,
콘텐츠 기획
등 다양합니다.
궁금한 분야들이 많아서
이들을 각각
경험하고 공부해보는
과정에 있습니다.
(미래에 무슨 일을
하고 있을지 궁금하네요...)
</p>
</div>
</div>
<!-- 3번칸 -->
<div class="card">
<div class="content">
<h2 class="title">Summary</h2>
<p class="copy">그런 의미에서 이번
이모지 인간 프로젝트는
제게 큰 도움이 된
작업이었습니다.
색다른 시도와 고민도 많이 했고,
그 과정에서 새롭게 배우게 된
부분들도 많았습니다.
(ex : 개발...)
이렇게 탄생한
>>>이모지 인간<<< 재밌게 즐겨주시길 바라요! </p>
</div>
</div>
</main>
</div>
<!-- 요소들 -->
<div style="float: right; width: 36%;">
<img src="/src/kim.png" style="display: block; margin: 0 auto;">
<h3> Yujin Kim </h3>
</div>
</div>
</div>
<!-- 3페이지 -->
</body>
</html>