-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
262 lines (242 loc) · 9.05 KB
/
project.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
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的项目</title>
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/project.css">
<script src="js/jquery.min.js"></script>
<script src="js/project.js"></script>
</head>
<body>
<!--导航-->
<div class="nav">
<div class="nav_con">
<a href="index.html"><img class="logo fl" src="images/logo_liang.png" /></a>
<ul>
<a href="index.html"><li >我的首页</li></a>
<a href="project.html"><li class="show">我的项目</li></a>
<div class="nav_bottom"></div>
</ul>
<a href="http://wpa.qq.com/msgrd?v=3&uin=815289027&site=qq&menu=yes"target="_blank">
<img class="tu-1" src="images/tu-1.png" />
</a>
<img class="tu-2" src="images/tu-2.png" />
<img class="erweima" src="images/er.png" />
</div>
</div>
<div class="content">
<p class="title">
<span class="span01">我的项目 </span>
<span class="span02">PROJECT</span>
<img src="images/xiangmu_title.png" />
</p>
<div class="qiehuan">
<ul>
<li class="show" attr_id="li1"><p>全部</p></li>
<li class="noshow" attr_id="li2"><p>PC端</p></li>
<li class="noshow" attr_id="li3"><p>移动端</p></li>
<li class="noshow" attr_id="li4"><p>平面设计</p></li>
<li class="noshow" attr_id="li5"><p>标志设计</p></li>
</ul>
</div>
<!--pc项目-->
<div class="xiangmu fl type01">
<p><img src="images/example01.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">伊莱瑞特官方网站</p>
<a target="_blank" href="http://ylrt.shopyz.cn/"https://www.elabscience.com/><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：伊莱瑞特网站主页以及详情页面的改版和搭建，以及产品的相应设计。</p>
<p class="p2">项目时间：2016.12 - 2017.02 </p>
<p class="p3">项目职责：UI／网页设计师</p>
</div>
</div>
</div>
<div class="xiangmu fl type01">
<p><img src="images/example02.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">云彩控股集团有限公司</p>
<a target="_blank" href="http://yuncaigroup.zrcase.com/"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括： 云彩控股集团下属四个业务板块——"云彩园区、云彩产业、云彩地产、云彩投资"，板块间相互协调和呼应，成为科技产业园区的有机整体。 </p>
<p class="p2">项目时间：2016.06 - 2016.06 </p>
<p class="p3">项目职责：UI／网页设计师</p>
</div>
</div>
</div>
<div class="xiangmu fl type01">
<p><img src="images/example04.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">时刻宝_官网</p>
<a target="_blank" href="http://shikebao.cn/"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：时刻宝专注于一站式手表服务建设，是一家集腕表技术服务平台搭建与电子商务运营于一体的多元化新型企业。</p>
<p class="p2">项目时间：2015.9 - 2015.9</p>
<p class="p3">项目职责：UI／网页设计师</p>
</div>
</div>
</div>
<!--移动端项目-->
<div class="xiangmu fl type02">
<p><img src="images/yd_01.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">指间宝-微信端</p>
<a target="_blank" href="http://wx.zhijianbao.com/Index.aspx"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：通过微信端引导用户购买商品提供押金，并参与理财项目，对接微众银行数据接口，后台管理。</p>
<p class="p2">项目时间：2016.5 - 2016.06</p>
<p class="p3">项目职责：UI／网页设计师</p>
</div>
</div>
</div>
<div class="xiangmu fl type02">
<p><img src="images/yd_02.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">爱原创艺术-微信端</p>
<a target="_blank" href="http://wx.aycys.com/index.aspx"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：针对喜爱艺术的朋友设定平台通过艺术馆台展示自己的书法和绘画作品，和进行商品竞拍，购买服务。</p>
<p class="p2">项目时间：2016.04 - 2016.04</p>
<p class="p3">项目职责：UI／网页设计师</p>
</div>
</div>
</div>
<div class="xiangmu fl type02">
<p><img src="images/yd_03.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">H5活动页面_练习</p>
<a target="_blank" href="http://www.zcool.com.cn/u/14803795"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：通过移动端微信引导用户，展现形式以H5活动页面为主。</p>
<p class="p2">项目时间：2016.11 - 2016.11 </p>
<p class="p3">项目职责：UI／网页设计师</p>
</div>
</div>
</div>
<div class="xiangmu fl type02">
<p><img src="images/yd_04.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">悠然一指 APP设计</p>
<a target="_blank" href="https://www.yryz.com"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：外包于融众集团的悠然一指项目，该公司主业务的互联网拓展，在线金融体系圈体系下的APP产品。</p>
<p class="p2">项目时间：2017.01 - 2017.01 </p>
<p class="p3">项目职责：UI／网页设计师</p>
</div>
</div>
</div>
<!--平面设计项目-->
<div class="xiangmu fl type03">
<p><img src="images/pm_01.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">向晖建筑 logo设计</p>
<a target="_blank" href="http://www.zcool.com.cn/u/14803795"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：《向晖建筑建筑公司-鲁班精神》</p>
<p class="p2">项目时间：2017.02 - 2017.02 </p>
<p class="p3">项目职责：设计师</p>
</div>
</div>
</div>
<div class="xiangmu fl type03">
<p><img src="images/pm_02.jpg" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">平面设计 海报</p>
<a target="_blank" href="http://www.zcool.com.cn/u/14803795"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：以设计参赛为主的平面设计海报作品。</p>
<p class="p2">项目时间：2016.05 - 2016.09 </p>
<p class="p3">项目职责：设计师</p>
</div>
</div>
</div>
<div class="xiangmu fl type03">
<p><img src="images/pm_03.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">电商 专题页</p>
<a target="_blank" href="http://www.zcool.com.cn/u/14803795"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：用于电商宝贝专题页面。</p>
<p class="p2">项目时间：2015.6 - 2016.10 </p>
<p class="p3">项目职责：设计师</p>
</div>
</div>
</div>
<!--手绘插画项目-->
<div class="xiangmu fl type04">
<p><img src="images/sh_01.png" /></p>
<div class="nr">
<div class="name">
<p class="p1 fl">标志设计 LOGO</p>
<a target="_blank" href="http://my.zcool.com.cn/tomyWorks.do"><p class="p2 fr">相关链接</p></a>
</div>
<div class="xiangxi">
<p class="p1">
项目概括：餐饮与商场logo设计。</p>
<p class="p2">项目时间：2017.03 - 2017.12 </p>
<p class="p3">项目职责：设计师</p>
</div>
</div>
</div>
<div class="lianxi fl">
<p class="p1 fl">以上项目即作品，均为部分展示，详细了解，请联系我</p>
<a href="javascript:dibu2();"><p class="p2 fr">联系方式</p></a>
</div> <embed src="caihua.mp3" controls="stopbutton" style="float: right; color: aliceblue;"; units="pixels" height=1; width=1; >
</div>
<!--底部-->
<div class="foot cl">
<div class="foot_con">
<img class="erweima2" src="images/er.png" />
<p class="im">
<a><img class="img1 fl" src="images/we.png" /></a>
<a href="http://wpa.qq.com/msgrd?v=3&uin=815289027&site=qq&menu=yes"target="_blank">
<img class="img2 fr" src="images/qq.png" />
</a>
</p>
<p class="xiangxi fl">
<span class="span1">电话：186 7049 7803</span>
<span class="span2">邮箱：8152890272@qq.com</span>
<span class="span3">地址：武汉市洪山区</span>
</p>
</div>
</div>
<!---->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/script.js" type="text/javascript"></script>
<div style="display:none;" id="rocket-to-top">
<div style="opacity:0;display:block;" class="level-2"></div>
<div class="level-3"></div>
</div>
</body>
</html>