-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
265 lines (265 loc) · 13 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
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="web前端，web前端个人简历，前端开发" />
<meta name="description" content="李明华的web前端工程师个人简历">
<title>李明华的简介</title>
<link rel="icon" type="img/x-icon" href="images/1.ico">
<link rel="stylesheet" href="fullPage/css/jquery.fullPage.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="dowebok">
<div class="section section1">
<div class="head_wrap">
<a target="_blank" href="https://github.com/mrlionline" class="link head_github">
<img src="images/github.png">
</a>
<div class="head">
<img src="images/head.jpg" alt="" class="head_img">
</div>
<a target="_blank" href="https://www.zhihu.com/people/mrlionline" class="link head_zhihu">
<img src="images/知乎.png">
</a>
</div>
<div class="profile">
<div class="profile_l">
<p>
<span class="l_item_name">姓名</span>
<i class="line">|</i>
<span class="l_item_content l_item_myname">李明华</span>
</p>
<p>
<span class="l_item_name">手机</span>
<i class="line">|</i>
<a href="tel://15633026314" class="l_item_content">15633026314</a href="tel://15633026314">
</p>
<p>
<span class="l_item_name">邮箱</span>
<i class="line">|</i>
<span class="l_item_content">[email protected]</span>
</p>
<p>
<span class="l_item_name">微信</span>
<i class="line">|</i>
<a href="javascript:void(0)" class="l_item_content weixin_link">
C3F7BBAA
<img src="images/weixin.png" alt="" class="weixin_img">
</a>
</p>
<p>
<span class="l_item_name">所在地</span>
<i class="line">|</i>
<span class="l_item_content">石家庄</span>
</p>
<p>
<span class="l_item_name">GitHub</span>
<i class="line">|</i>
<a target="_blank" href="https://github.com/mrlionline" class="l_item_content">点击进入</a>
</p>
<p>
<span class="l_item_name">知乎</span>
<i class="line">|</i>
<a target="_blank" href="https://www.zhihu.com/people/mrlionline" class="l_item_content">点击进入</a>
</p>
<p>
<span class="l_item_name">个人主页</span>
<i class="line">|</i>
<a target="_blank" href="http://www.mrli.online:8000" class="l_item_content">点击进入</a>
</p>
</div>
<div class="profile_r">
<dl>
<dt>个人简介</dt>
<ol>
<li>性格幽默，做事认真</li>
<li>计算机网络专业，自学WEB前端，有较强的主动学习能力，喜欢钻研新技术，有较强的查文档能力。</li>
<li>享受编码的快感 !</li>
</ol>
</dl>
<dl>
<dt>专业技能</dt>
<ol>
<li>精通HTML+CSS(3)页面布局与样式，了解HTML5。</li>
<li>熟练使用JavaScript语言，jQuery框架。</li>
<li>熟练使用Ajax，JSON等通信技术。</li>
<li>了解BootStrap前端框架，了解AngularJS框架。</li>
<li>了解node.js后台技术。</li>
<li>熟练使用PhotoShop，Sublime，Hbuilder等常用网页设计制作软件。</li>
</ol>
</dl>
</div>
</div>
</div>
<div class="section section2">
<div class="title"><span>专业技能</span></div>
<div class="s2_table">
<ul class="s1_l">
<li class="s1_l_item1">HTML</li>
<li class="s1_l_item2">CSS(3)</li>
<li class="s1_l_item3">JavaScript</li>
<li class="s1_l_item4">jQuery</li>
<li class="s1_l_item5">AJAX</li>
<li class="s1_l_item6">JSON</li>
<li class="s1_l_item7">Bootstrap</li>
<li class="s1_l_item8">AngularJS</li>
<li class="s1_l_item9">Node.js</li>
<li class="s1_l_item10">PhotoShop</li>
</ul>
<ul class="s1_r">
<li class="s1_r_item1">
<div class="progress">
<div class="progress_color" id="progress_color1"></div>
<span class="degree" id="degree1"></span>
<span class="expression" id="expression1"></span>
</div>
</li>
<li class="s1_r_item2">
<div class="progress">
<div class="progress_color" id="progress_color2"></div>
<span class="degree" id="degree2"></span>
<span class="expression" id="expression2"></span>
</div>
</li>
<li class="s1_r_item3">
<div class="progress">
<div class="progress_color" id="progress_color3"></div>
<span class="degree" id="degree3"></span>
<span class="expression" id="expression3"></span>
</div>
</li>
<li class="s1_r_item4">
<div class="progress">
<div class="progress_color" id="progress_color4"></div>
<span class="degree" id="degree4"></span>
<span class="expression" id="expression4"></span>
</div>
</li>
<li class="s1_r_item5">
<div class="progress">
<div class="progress_color" id="progress_color5"></div>
<span class="degree" id="degree5"></span>
<span class="expression" id="expression5"></span>
</div>
</li>
<li class="s1_r_item6">
<div class="progress">
<div class="progress_color" id="progress_color6"></div>
<span class="degree" id="degree6"></span>
<span class="expression" id="expression6"></span>
</div>
</li>
<li class="s1_r_item7">
<div class="progress">
<div class="progress_color" id="progress_color7"></div>
<span class="degree" id="degree7"></span>
<span class="expression" id="expression7"></span>
</div>
</li>
<li class="s1_r_item8">
<div class="progress">
<div class="progress_color" id="progress_color8"></div>
<span class="degree" id="degree8"></span>
<span class="expression" id="expression8"></span>
</div>
</li>
<li class="s1_r_item9">
<div class="progress">
<div class="progress_color" id="progress_color9"></div>
<span class="degree" id="degree9"></span>
<span class="expression" id="expression9"></span>
</div>
</li>
<li class="s1_r_item10">
<div class="progress">
<div class="progress_color" id="progress_color10"></div>
<span class="degree" id="degree10"></span>
<span class="expression" id="expression10"></span>
</div>
</li>
</ul>
</div>
</div>
<div class="section section3">
<div class="title"><span>工作经历</span></div>
<div class="s3_body">
<div id="mask" class="mask"></div>
<div class="time time1">2008 - 2011</div>
<div class="time time2">2012 - 2016</div>
<div class="time time3">2016.7 - Now</div>
<div class="part part1">
<dl>
<dt>河北建材职业技术学院</dt>
<dd>计算机网络技术 专业</dd>
</dl>
</div>
<div class="part part2">
<dl>
<dt>石家庄智库科技有限公司</dt>
<ol>
<li>为北京万方数据股份有限公司制作数字化期刊</li>
<li>图像的编辑排版，提升用户阅读体验</li>
<li>数据库的录入，纠错等</li>
</ol>
</dl>
</div>
<div class="part part3">
<dl>
<dt>自学web前端</dt>
<dd>每天沉迷于代码中无法自拔</dd>
</dl>
</div>
</div>
</div>
<div class="section section4">
<div class="title"><span>项目经验</span></div>
<div class="s4_body">
<ul>
<li class="item1">
<a target="_blank" href="https://mrlionline.github.io/jd/" class="item_box">
<div class="item_img">
<img src="images/jd.png">
</div>
<div class="txt_wrap">
<h4>商城主页</h4>
<p>1∶1制作电商首页，负责页面的模块化划分，公用函数的提取编写，页面的布局、交互、动画与后台通信等。独立开发。</p>
</div>
</a>
</li>
<li class="item2">
<a target="_blank" href="https://mrlionline.github.io/chatroom/" class="item_box">
<div class="item_img">
<img src="images/chatroom.png">
</div>
<div class="txt_wrap">
<h4>聊天室</h4>
<p>具有即时通讯功能的WEB聊天室,具有登录功能，公共聊天功能，一对一聊天功能，未读消息提醒功能等。node.js+socket.io实现公共广播和定向广播。独立开发。</p>
</div>
</a>
</li>
<li class="item3">
<a target="_blank" href="https://mrlionline.github.io/sinobase" class="item_box">
<div class="item_img">
<img src="images/sinobase.png">
</div>
<div class="txt_wrap">
<h4>赛诺贝斯主页</h4>
<p>数字营销网站赛诺贝斯主页，相应式布局开发，适配不同尺寸的设备。</p>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="section section5">
<div class="s5_title">Call me<span class="dot_l"></span><span class="dot_r"></span></div>
<div id="s5_tel" class="s5_tel">
</div>
</div>
</div>
</body>
<script type="text/javascript" src="fullPage/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="fullPage/js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</html>