-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
304 lines (264 loc) · 10.9 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>刘利波个人简历-web前端工程师</title>
<meta name="keywords" content="刘利波,叶晓青简历,web前端,web前端简历,web前端工程师,web前端招聘,北京web前端招聘,web前端工程师简历" />
<meta name="description" content="刘利波的个人简历，职业定位为web前端工程师。" />
<link rel="stylesheet" href="css/ddfullscreenslider.css"/>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/ddfullscreenslider.js"></script>
<script src="js/index.js"></script>
</head>
<!--[if lt IE 9]>
<script>
!function(body) {
body.style.width = body.style.height = '100%';
body.parentNode.style.overflow = body.style.overflow = 'hidden';
}(document.body);
</script>
<iframe src="40ie.html" frameborder="0" scrolling="no" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999;"></iframe>
<![endif]-->
<body>
<section id="dowebok" class="dd_fullscreenslider">
<div class="slidewrapper">
<article class="slide">
<div class="about">
<div class="photo">
</div>
<div class="person_info">
<h2>刘利波 <br/>
<small>web前端工程师</small></h2>
<p>籍贯：河北省石家庄市</p>
<p>出生日期：1993年2月6日</p>
<p>电话：15028289116</p>
<p>邮箱：<a href="mailto:[email protected]">[email protected]</a></p>
<p></p>
</div>
</div>
</article>
<article class="slide">
<div class="skill">
<div class="skill_text">
<h2>不忘初心，从Web前端开始<br/>
<small>精通布局，熟悉特效</small></h2>
</div>
<div class="skill_form">
<ul>
<li id="list1">
<h4>HTML & CSS</h4>
<div class="list1_detail">
<ul>
<li>熟练HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解；</li>
<li>能够独立完成对设计页面进行网页代码输出；</li>
<li>能适当运用CSS3使页面在现代浏览器上效果更佳；</li>
<li>能使用合适的结构编写兼容主流浏览器的页面布局；</li>
<li>能熟练使用Chrome开发者工具、FireBug、Fiddler等工具辅助开发。</li>
</ul>
</div>
</li>
<li id="list2">
<h4>Javascript</h4>
<div class="list2_detail">
<ul>
<li>对JavaScript基础知识的掌握，包括基本语法以及DOM操作；</li>
<li>对 JavaScript 面向对象编程的思想有一定的了解。</li>
</ul>
</div>
</li>
<li id="list3">
<h4>jQuery.js</h4>
<div class="list3_detail">
<ul>
<li>可以通过使用 jQuery 应用 JavaScript 效果；</li>
<li>可以熟练执行类似隐藏、移动以及操作其内容等任务；</li>
<li>可以使用相应的jQuery 对象和函数来实现网页的动态效果。</li>
</ul>
</div>
</li>
<li id="list4">
<h4>Html5 & bootstrap</h4>
<div class="list4_detail">
<ul>
<li>深入理解H5语义化标记的含义；</li>
<li>对HTML5的移动Web应用有一定的了解；</li>
<li>掌握了bootstrap的基础知识。</li>
</ul>
</div>
</li>
<li id="list5">
<h4>PhotoShop</h4>
<div class="list5_detail">
<ul>
<li>能进行简单的图片处理和平面设计；</li>
<li>能独立进行切图工作；</li>
<li>能根据图片特征存成最优的格式。</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</article>
<!--article class="slide">
<div class="work_list">
<div class="work_list_title">
<h2>三年工作经验，互联网科技行业</h2>
</div>
<div class="work_list_contain">
<div class="work_list_point">
<div class="work_list_point_bar"></div>
<h4>现在</h4>
</div>
<div class="work_list_detail">
<div class="company_name">
<img src="images/boyue.png" alt="博阅科技股份" />
<p><strong>深圳市博阅科技股份有限公司——网络推广主管兼Web前端</strong></p>
</div>
<div class="company_job">
<ul >
<li>负责公司品牌官网策划，建设，维护以及推广工作。</li>
<li>负责部门团队建设，管理、激励员工（SEO专员1名，网络推广1名，自媒体1名，文案1名，媒介1名），实施绩效考核，提升绩效水平。</li>
<li>使用EditPlus代码编辑工具，配合Chrome、firebug辅助工具对官网移动端及PC端手机类目web页面开发工作。</li>
<li>利用博阅手机官网模板代码进行修改，重新构建博阅教育官网模块，并使用jQuery插件，实现页面效果，提高用户体验。</li>
</ul>
</div>
</div>
<div class="work_list_point">
<div class="work_list_point_bar"></div>
<p>2014年5月</p>
</div>
<div class="work_list_detail">
<div class="company_name">
<img src="images/21ke.png" alt="21KE老人手机" />
<p><strong>深圳市卡迪尔通讯技术有限公司(21克手机)——网络推广专员</strong></p>
</div>
<div class="company_job">
<ul >
<li>负责21克手机网站的SEO及网站性能优化，包括meta标签、图片及链接的优化，善用CSS Sprites，以减少http请求等。</li>
<li>使用wordpress框架搭建了老人手机淘宝客网站。</li>
<li>利用discuz建站工具，搭建了21克老人手机论坛，并修改模板样式，使页面更漂亮。</li>
<li>负责21克手机网站，微博，微信的线上推广工作。</li>
</ul>
</div>
</div>
<div class="work_list_point">
<div class="work_list_point_bar"></div>
<h4>2012年8月</h4>
</div>
</div>
</div>
</article-->
<article class="slide">
<div class="Education">
<div class="Education_title">
<h2>大学生活改变了我</h2>
<h2>学的不仅是技术，还有思维</h2>
</div>
<div class="Education_detail">
<ul >
<li id="major1" >
<div id="myMajor1">2012年9月-2016年7月</div>
<div id="myMajor2">河北农业大学</div>
<div id="myMajor2">网络工程</div>
<div id="myMajor3">本科</div>
</li>
<li id="major2" >
<img src="images/communicate.png" alt="通信技术"/>
<h3>MySql技术</h3>
<p>掌握MySql的基础命令，具备一定的操作能力。掌握了对数据库的增、删、改、查的基本能力。</p>
</li>
<li id="major3" >
<img src="images/java.png" alt="java基础知识"/>
<h3>Java基础知识</h3>
<p >主要学习了Java语言概述,Java语言基础,类和对象,继承和接口,数组和字符串等基础知识。</p>
</li>
<li id="major4">
<img src="images/singlechip.png" alt="web基础知识"/>
<h3>web基础知识</h3>
<p>主要学习了最基础的web基础知识，HTML+CSS+ASP技术的学习，对CSS样式产生了浓厚的兴趣。利用所学的知识完成阶段性的结课作业。</p>
</li>
</ul>
</div>
</div>
</article>
<article class="slide">
<div class="reason">
<div class="reason_title">
<h2>为什么我要从事Web前端？</h2>
</div>
<div class="reason_detail">
<div class="reason_tab_contain">
<div class="reason_tab_list1">
<p>曾经我一直都有一个想法就是做一个自己的网站，大学时因为某些问题，没去深入学习web前端课程。然而毕业之后，慢慢增加了对web前端的了解，后续自己下载关于html和css教学视频，同时自学JavaScript知识，并深入了解这个行业。如今才发现，Web前端就是我真正感兴趣的行业，在学习练习的过程，为了达到自己想要的效果，坚持不懈的在网上搜寻资料，甚至有时会熬夜。这也是我发现，自从上班以来从来没为哪一份工作比这付出的多的原因————web才是我的兴趣。</p>
</div>
<div class="reason_tab_list2">
<p>为什么会有成就感？其实很简单，知识永无止境。特别对web前端来说，当我自己想实现一个页面效果，而恰恰这个页面效果我不会，于是我会请教身边的web前端大神或者自己上网查询，并通过不同方法去实现，直到页面输出自己想要的效果时候，我会觉得自己心里满满的成就感。同时也会让我觉得自己又Get到一个新技能。</p>
</div>
</div>
<div class="reason_tab">
<ul>
<li id="reason_tab_bar1">兴趣</li>
<li id="reason_tab_bar2">成就感</li>
</ul>
</div>
</div>
</div>
</article>
<article class="slide">
<div class="demo">
<div class="demo_title">
<h2>练习案例</h2>
</div>
<div class="demo_detail">
<div class="demo_list">
<a href="bang5mai/index.html" target="_blank"><img src="images/bang5mai.png" alt="帮5买"/></a>
<a href="bang5mai/index.html" target="_blank"><p>帮5买官网首页</p></a>
</div>
<div class="demo_list">
<a href="jd/jd_index.html" target="_blank"><img src="images/jd.png" alt="jd官网" /></a>
<a href="jd/jd_index.html" target="_blank"><p>jd官网首页</p></a>
</div>
<div class="demo_list">
<a href="kfl/index.html" target="_blank"><img src="images/kfl.png" alt="kfl官网" /></a>
<a href="kfl/index.html" target="_blank"><p>开饭了订餐首页</p></a>
</div>
<div class="demo_list">
<a href="2048/2048.html" target="_blank"><img src="images/2048.png" alt="2048game" /></a>
<a href="2048/2048.html" target="_blank"><p>2048游戏</p></a>
</div>
<div class="demo_list">
<a href="fly/index.html" target="_blank"><img src="images/fly.png" alt="飞机game" /></a>
<a href="fly/index.html" target="_blank"><p>飞机大战游戏</p></a>
</div>
<div class="demo_list">
<a href="tetris/tetris.html" target="_blank"><img src="images/e.jpg" alt="俄罗斯方块" /></a>
<a href="tetris/tetris.html" target="_blank"><p>俄罗斯方块游戏</p></a>
</div>
</div>
</div>
</article>
<article class="slide" >
<div class="thank">
<div class="thank_text">
<h2>致谢</h2>
<p>非常感谢您花时间阅读我的简历，期待有机会能和您一起做事!</p>
</div>
</div>
</article>
</div>
</section>
<!--百度统计代码开始-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?a0a4d85a7c53a13fedc3e0ae5899a2fb";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!--百度统计代码结束-->
</body>
</html>