-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
246 lines (205 loc) · 9.14 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
<!DOCTYPE html>
<html lang="ko">
<head>
<title>BH - StartUp</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/project.static.portfolio-1/images/ico/favicon.ico">
<link rel="stylesheet" href="/project.static.portfolio-1/css/style.css">
<script src="/project.static.portfolio-1/js/main.js"></script>
</head>
<body>
<div class="wrapper">
<header id="header">
<div class="upper">
<div class="upper_inner"> <!--padding none:200px 1500:70px, 1200:30px-->
<div class="menu">
<div class="logo"><h1 id=logo><a href=""><img src="/project.static.portfolio-1/images/logo.png" alt="logo"></a></h1></div>
<div class="main_menu">
<nav id="gnb">
</nav>
</div>
<div class="side"><a href="">Say Hello<span></span></a></div>
<div class="mobile_menu" id="mobile_menu">
<a class="btn_all_menu" href="">
<span class="barTop"></span>
<span class="barMid"></span>
<span class="barBot"></span>
</a>
</div>
<div id="mobile_gnb">
</div>
</div>
</div>
</div>
<div class="fixed_upper">
<div class="fixed_upper_inner"> <!--padding none:200px 1500:70px, 1200:30px-->
<div class="menu">
<div class="logo"><h1 id=logo><a href=""><img src="/project.static.portfolio-1/images/logo.png" alt="logo"></a></h1></div>
<div class="main_menu">
<nav id="fixed_gnb">
</nav>
</div>
<div class="side"><a href="">Say Hello<span></span></a></div>
<div class="fixed_mobile_menu" id="fixed_mobile_menu">
<a class="btn_all_menu" href="">
<span class="barTop"></span>
<span class="barMid"></span>
<span class="barBot"></span>
</a>
</div>
<div id="fixed_mobile_gnb">
</div>
</div>
</div>
</div>
<div class="slider">
<img src="/project.static.portfolio-1/images/slider.png" alt="slider">
<div class="slider_text">
<span>Webs you want to have<br>I can present for you<br>without error.</span>
<a class="slider_btn" href="">Visit My Works</a>
</div>
</div>
</header>
<section id="contents">
<div id="skills">
<div class="skills_inner clearfix">
<h3>Skills</h3>
<div class="title">
<dl>
<dt>What can a do <br class="last_mobileBr">for you</dt>
<dd>자산에 튼튼한 기반이 될 제 테크닉을 소개합니다.<br>이 기술들을 통합하여 조직의 니즈에 최적화된 <br class="last_mobileBr">솔루션을 도출합니다.</dd>
</dl>
</div>
<div class="list">
</div>
</div>
</div>
<div id="about">
<div class="about_inner">
<div class="explain">
<span>About Me</span>
<h3>' 애정은 열정을, <br class="last_mobileBr">열정은 성과를 불러온다. '</h3>
<p>
일에 대한 애정은 열정을 불러오고, 열정은 성과를 만들어 내는 것을 경험하여<br>
프론트엔드 역시 디자인 및 코딩 부분에 애정과 열정으로 임하고 있습니다.<br>
보유기술을 응용하여 자산에 튼튼한 기반이 될 작업물을 도출해냅니다.<br>
조직에 대한 적응과, 소통이 원활한 긍정에너지 김병현입니다.<br>
프론트엔드에 대한 제 열정 귀사의 힘이 되게끔 발휘하겠습니다.<br>
</p>
<a href="">About Me</a>
</div>
</div>
</div>
<div id="portfolio">
<div class="portfolio_inner clearfix">
<div class="title">
<dl>
<dt>Featured Works</dt>
<dd>작품들을 소개하는 란입니다, 클릭하시면 <br class="last_mobileBr">구현한 언어 및 사용한 기술 등<br>
보다 더 상세하게 확인해 보실 수 있습니다.
</dd>
</dl>
</div>
<div class="category">
<ul>
<li>All</li>
<li>PC</li>
<li>Mobile</li>
<li>Reactive</li>
<li>Graphic</li>
</ul>
</div>
<div class="list">
</div>
</div>
</div>
<div id="feedback">
<div class="feedback_inner">
<div class="slider_list">
<ul>
<li>
<img src="/project.static.portfolio-1/images/feedback_ico.png" alt="feedback_ico">
<p>프로젝트 진행 시에 어려운 일에 직면했을 때도 자신만의 방식으로 풀어나가는 것이 인상적이였으며<br>자신만의 루틴으로 극복하는 과정을 통해 더 나은 가능성이 보인다.<br>새로운 내용을 습득하는 것도 익숙해 보여 개발자로서의 자질이 충분해 보인다.</p>
<div class="profile1"></div>
<span>김기민</span>
<h3>(주)하나 대표</h3>
</li>
<li>
<img src="/project.static.portfolio-1/images/feedback_ico.png" alt="feedback_ico">
<p>웹/앱 디자인에 대한 이해도가 뛰어나고, 마이크로 인터랙션과 작은 디테일에 강점을 갖고 있다.<br>
또한 프로젝트의 본질을 꿰뚫는 통찰력과 이를 슬기롭게 해결하고자 하는 옳은 자세를 보여주는 사람이다.</p>
<div class="profile2"></div>
<span>윤동준</span>
<h3>(주)102 이사 / 국민대 Entertainment Design. PhD</h3>
</li>
<li>
<img src="/project.static.portfolio-1/images/feedback_ico.png" alt="feedback_ico">
<p>"공학도가 디자인을 만나면 이런 퍼포먼스가 나오는구나"<br>
나에게 있어 김병현은 두 가지의 역량이 혼합된 베스트사례였고 융합시대에 걸맞는 인재다.</p>
<div class="profile3"></div>
<span>이문숙</span>
<h3>(주)아르케 이사</h3>
</li>
<li>
<img src="/project.static.portfolio-1/images/feedback_ico.png" alt="feedback_ico">
<p>전공 분야는 물론이고 타 분야에도 열정을 보이며 폭넓은 지식을 습득하는 배움의 자세가 되어있는 인상깊은 제자다.<br>실무에 대한 이해도가 높아 즉각적인 투입은 물론, 감각도 좋아 트렌드를 캐치하는 능력이 탁월하다.</p>
<div class="profile4"></div>
<span>심소연</span>
<h3>(주)위하여 대표</h3>
</li>
</ul>
</div>
<div class="slider_left">
<img src="/project.static.portfolio-1/images/feedback_left.png" alt="feedback_left">
</div>
<div class="slider_right">
<img src="/project.static.portfolio-1/images/feedback_right.png" alt="feedback_right">
</div>
</div>
</div>
<div id="contact">
<div class="contact_inner">
<div class="title">
<dl>
<dt>Get in Touch</dt>
<dd>궁금하신 사항은 아래 연락을 통하여 문의해 주세요<br>최선을 다해 답변드리겠습니다.
</dd>
</dl>
</div>
<div class="list">
<input class="name" type="text" placeholder="Your Name">
<input class="email" type="text" placeholder="Email">
<input class="subject" type="text" placeholder="Subject">
<textarea placeholder="Message"></textarea>
<a href="">Send Message</a>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="footer_inner">
<img class="logo" src="/project.static.portfolio-1/images/logo.png" alt="logo">
<div class="main">
<ul>
<li><a href="">Skills</a></li>
<li><a href="">About</a></li>
<li><a href="">Portfolio</a></li>
<li><a href="">Feedback</a></li>
<li><a href="">Contact</a></li>
</ul>
</div>
<div class="sns">
<ul>
<li><a href=""><img src="/project.static.portfolio-1/images/facebook.png" alt="facebook"></a></li>
<li><a href=""><img src="/project.static.portfolio-1/images/insta.png" alt="insta"></a></li>
<li><a href=""><img src="/project.static.portfolio-1/images/call.png" alt="call"></a></li>
</ul>
</div>
<p>Copyright ⓒ2020 All rights reserved l This portfolio is made by <span>Byung Hyun</span></p>
</div>
</footer>
<div class="dim"></div>
</div>
</body>
</html>