-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
309 lines (266 loc) · 10.7 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
305
306
307
308
309
<!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>婚否：未婚</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开发者工具等工具辅助开发。</li>
</ul>
</div>
</li>
<li id="list2">
<h4>Javascript</h4>
<div class="list2_detail">
<ul>
<li>熟练掌握JavaScript、DOM，以及BOM相关技术，可实现页面交互动效等功能</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">
<p><strong>北京中科九章软件有限公司-----MSTR工程师</strong></p>
</div>
<div class="company_job">
<ul >
<li>负责mstr的建模、实体、度量等，以及报表的开发将数据以图形化的方式展示在web页面上。</li>
<li>负责项目门户网站的开发以及相关功能的实现</li>
<li>使用Webstorm代码编辑工具，配合Chrome辅助工具使用Arcgis进行所需要的地图插件开发。</li>
<li>负责服务器上所使用环境的部署，tomcat等。</li>
</ul>
</div>
</div>
<div class="work_list_point">
<div class="work_list_point_bar"></div>
<p>2015年9月</p>
</div>
<div class="work_list_detail">
<div class="company_name">
<p><strong>保定市漫时光软件有限责任公司------网站编辑</strong></p>
</div>
<div class="company_job">
<ul >
<li>负责公司网站的开发以及网站的测试工作。</li>
<li>负责上线网站的维护，以及产品的编辑和上传工作。</li>
<li>负责商城无线的覆盖以及交换机的调试等工作。</li>
</ul>
</div>
</div>
<div class="work_list_point">
<div class="work_list_point_bar"></div>
<h4>2015年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="oneshop/index.html" target="_blank"><img src="images/one.jpg" alt="一号店官网" /></a>
<a href="oneshop/index.html" target="_blank"><p>一号店首页</p></a>
</div>
<div class="demo_list">
<a href="bank/index.html" target="_blank"><img src="images/bank.jpg" alt="农业银行首页" /></a>
<a href="bank/index.html" target="_blank"><p>农业银行首页</p></a>
</div>
<div class="demo_list">
<a href="sfq.html" target="_blank"><img src="images/sfq.jpg" alt="手风琴" /></a>
<a href="sfq.html" target="_blank"><p>手风琴特效</p></a>
</div>
<div class="demo_list">
<a href="lunbo/lunbo.html" target="_blank"><img src="images/lunbo.jpg" alt="轮播效果" /></a>
<a href="lunbo/lunbo.html" target="_blank"><p>渐变轮播特效</p></a>
</div>
<div class="demo_list">
<a href="lb/index.html" target="_blank"><img src="images/zp.jpg" alt="项目图片" /></a>
<a href="lb/index.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>
<!--百度统计代码结束-->
<!--客服-->
<!--script type='text/javascript'>
var qimoClientId = {userId: '123abc', nickName:'哈喽',agent:'8001'};
</script-->
<script type='text/javascript' src='http://webchat.7moor.com/javascripts/7moorInit.js?accessId=6636bc40-0311-11e7-bfba-c5f2f47e8409&autoShow=true' async='async'></script>
</body>
</html>