-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
212 lines (205 loc) · 8.97 KB
/
index.php
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="个人,主页,个人主页,简历,招聘,企业招聘,人才,求职,作品展示"/>
<meta name="description" content="天生我材必有用,千金散尽还复来.是金子总会发光"/>
<title>个人,主页,个人主页,简历,招聘,企业招聘,人才,求职,作品展示</title>
<link href="css/reset.css" rel="stylesheet" charset="utf-8">
<link href="css/layout.css" rel="stylesheet" charset="utf-8">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<script type="text/jscript" src="js/jquery.js"></script>
</head>
<body>
<div class="section header clear">
<div class="sticker clear"><img src="images/sticker.gif" alt="头像" title=""></div>
<div class="text">
<p>前端设计师 @ 江西财经大学</p>
<p>Web Designer</p>
</div>
</div>
<div class="section self_introduction clear">
<div class="container pb60">
<div class="tag"><img src="images/self_introduction.png" alt="自我介绍"></div>
<div class="icon_arrow"></div>
<div class="my_info clear">
<ul>
<li><span>姓 名：</span>Mr. Mao</li>
<li><span>籍 贯：</span>江 西</li>
<li><span>性 别：</span>男</li>
<li><span>政治面貌：</span>群 众</li>
<li><span>民 族：</span>汉</li>
<li><span>电 话：</span>暂不公开</li>
<li><span>毕业院校：</span>江西财经大学</li>
<li><span>邮 箱：</span>[email protected]</li>
<li><span>座右铭：</span>有志者事竟成</li>
<li><span>职 业：</span>前端设计师</li>
<li><span>自我评价：</span>Bug并不可怕，可怕的是没有信心……</li>
</ul>
</div>
</div>
</div>
<div class="section occupation_skill clear">
<div class="container pb60">
<div class="tag"><img src="images/occupation_skill.png" alt="职业技能"></div>
<div class="icon_arrow"></div>
<ul class="skills clear">
<li>
<span>HTML</span>
<div class="blood"><div class="inner" style="width:98%"></div></div>
</li>
<li>
<span>HTML5</span><div class="blood"><div class="inner" style="width:80%"></div></div>
</li>
<li>
<span>CSS</span><div class="blood"><div class="inner" style="width:98%"></div></div>
</li>
<li>
<span>CSS3</span><div class="blood"><div class="inner" style="width:80%"></div></div>
</li>
<li>
<span>JAVASCRIPT</span><div class="blood"><div class="inner" style="width:90%"></div></div>
</li>
<li>
<span>PHOTOSHOP</span><div class="blood"><div class="inner" style="width:80%"></div></div>
</li>
<li>
<span>FLASH</span><div class="blood"><div class="inner" style="width:20%"></div></div>
</li>
<li>
<span>PHP</span><div class="blood"><div class="inner" style="width:60%"></div></div>
</li>
<li>
<span>LARAVEL</span><div class="blood"><div class="inner" style="width:40%"></div></div>
</li>
<li>
<span>MYSQL</span><div class="blood"><div class="inner" style="width:45%"></div></div>
</li>
</ul>
</div>
</div>
<div class="section work_experience clear">
<div class="container pb60">
<div class="tag"><img src="images/work_experience.png" alt="工作经验"></div>
<div class="icon_arrow"></div>
<div class="clear pt60"></div>
<div class="work_box">
<div class="work_tag">
<i>-</i>
<em></em>
</div>
<div class="work_tag">
<label>2011.7</label>
<p>江西财经大学</p>
<i>-</i>
<em></em>
</div>
<div class="work_tag">
<label>2011-2012</label>
<p>厦门新科技</p>
<i>-</i>
<em></em>
</div>
<div class="work_tag">
<label>2012-2013</label>
<p>厦门都飞科技</p>
<i>-</i>
<em></em>
</div>
<div class="work_tag">
<label>2013-至今</label>
<p>厦门优选传媒</p>
<i>-</i>
</div>
</div>
</div>
</div>
<div class="section works clear">
<div class="container pb20">
<div class="tag"><img src="images/works.png" alt="作品集"></div>
<div class="icon_arrow"></div>
<div class="work_type clear pt60">
<div class="title mt20"><i></i>一APP类<a href="javascript:;" class="more">更多>></a></div>
<ul class="app_list worklist">
<li><img src="images/works/app2.jpg" alt=""></li>
<li><img src="images/works/app3.jpg" alt=""></li>
<li><img src="images/works/bwy.jpg" alt="伴我游"></li>
<li><img src="images/works/app5.jpg" alt=""></li>
<li><img src="images/works/qmyx.jpg" alt="全名游戏"></li>
<li><img src="images/works/ABpdhd.jpg" alt="AB配对活动"></li>
<li><img src="images/works/super_star.jpg" alt="super_star"></li>
<li><img src="images/works/bwy-dl.jpg" alt="伴我游-登录"></li>
<li><img src="images/works/dddc-yd.jpg" alt="滴滴打车-元旦"></li>
<li><img src="images/works/dtjr.jpg" alt="地图接入"></li>
<li><img src="images/works/gdyx-app.jpg" alt="勾搭一下-app"></li>
<li><img src="images/works/gglhd.jpg" alt="刮刮乐活动"></li>
<li><img src="images/works/gwAPPnl.jpg" alt="官网APP内嵌"></li>
<li><img src="images/works/ggtdhd.jpg" alt="光棍脱单活动"></li>
<li><img src="images/works/hymxph.jpg" alt="韩娱明星排行"></li>
<li><img src="images/works/htcc.jpg" alt="话题吹吹"></li>
<li><img src="images/works/kbx-1.jpg" alt="开宝箱-1"></li>
<li><img src="images/works/kbx-2.jpg" alt="开宝箱-2"></li>
<li><img src="images/works/khd.jpg" alt="客户端"></li>
<li><img src="images/works/nslm.jpg" alt="女神联盟"></li>
<li><img src="images/works/pyapp1.jpg" alt="朋友app1"></li>
<li><img src="images/works/pyapp2.jpg" alt="朋友app2"></li>
<li><img src="images/works/prpqbshd.jpg" alt="拼人品抢宝石活动"></li>
<li><img src="images/works/payh-ddhd.jpg" alt="平安银行-点灯活动"></li>
<li><img src="images/works/qmfkyx.jpg" alt="全名疯狂游戏"></li>
<li><img src="images/works/sdj-lw.jpg" alt="圣诞节-礼物"></li>
<li><img src="images/works/sjb.jpg" alt="世界杯"></li>
<li><img src="images/works/tcs.jpg" alt="贪吃蛇"></li>
<li><img src="images/works/wxyxlb.jpg" alt="微信游戏列表"></li>
<li><img src="images/works/xzyyr.jpg" alt="寻找有缘人"></li>
</ul>
</div>
<div class="work_type clear">
<div class="title"><i></i>一web类<a href="javascript:;" class="more">更多>></a></div>
<ul class="web_list worklist">
<li><img src="images/works/web1.jpg" alt="网商群"></li>
<li><img src="images/works/web2.jpg" alt=""></li>
<li><img src="images/works/web3.jpg" alt="球天下APP下载"></li>
<li><img src="images/works/xkjrjgw.jpg" alt="新科技软件官网"></li>
<li><img src="images/works/ecsc.jpg" alt="易城商城"></li>
<li><img src="images/works/sjb2.jpg" alt="世界杯2"></li>
<li><img src="images/works/xsgwgb.jpg" alt="星树官网改版"></li>
</ul>
</div>
</div>
</div>
<div class="showImg"><img src="" alt="" id="showImg" width="auto" height="auto"></div>
<script>
$(function(){
var oLi = $('.app_list li');
for(var i=1;i<oLi.length;i++){
if(i%4 == 3){
$(oLi[i]).css('margin-right','0');
}
}
var oImgLay = $('.showImg');
var oImg = $('#showImg')
$('.worklist li').click(function(){
var oSrc = $(this).find('img').attr('src');
$('.showImg').show();
oImg.attr('src',oSrc);
oImgLay.css('height',oImg.height()+'px');
//alert(oImg.height())
});
$('.showImg').click(function(){
$(this).hide();
});
});
</script>
<div class="footer clear">
<div class="container">
<h3>版权所有 @ wmaos.com</h3>
<p class="warm">使用IE9及以上版本浏览器访问效果更佳</p>
<ul class="contact_way">
<li class="forqq">605677545</li>
<li class="forphone">暂不公开</li>
<li class="foremail">[email protected]</li>
</ul>
</div>
</div>
</body>
</html>