-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
211 lines (193 loc) · 8.03 KB
/
portfolio.html
File metadata and controls
211 lines (193 loc) · 8.03 KB
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- # CODED by jurgelenas.lt -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="lt-LT">
<head>
<title>PeachFolio - Portfolio Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Core Meta Tags -->
<meta name="description" content="" />
<meta name="keywords" content="" />
<!-- Style -->
<link rel="stylesheet" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!-- javascript -->
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/jquery.bxSlider.js"></script>
<script type="text/javascript" src="js/jquery.slides.js"></script>
<script type="text/javascript" src="js/jquery.blackAndWhite.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/less.js"></script>
</head>
<body>
<!-- Dead simple image preloading without javascript ;-) -->
<div id="preload">
<img src="img/service_hover.png" alt="" />
</div>
<div id="top-footer">
<div id="top-footer-inner" class="container clearfix">
<div class="left-widget">
<h3>About <span>ME</span></h3>
<p>
欢迎来到我的网站
</p>
</div>
<div class="right-widget">
<h3>Stay <span>connected</span></h3>
<div class="social">
<a href="https://github.com/MoveLikeRabbit"><i class="iconfont"></i></a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><i class="iconfont" title="点击这里给我发消息"></i></a>
<a href="http://blog.csdn.net/movelikerabbit"><i class="iconfont"></i></a>
<a href="mailto:772798270@qq.com"><i class="iconfont"></i></a>
</div>
</div>
<a class="top-footer-up"></a>
</div>
</div><!-- #top-footer end -->
<div class="top-footer-control clearfix container">
<a class="top-footer-down"></a>
</div>
<div id="portfolio-inner" class="container">
<div id="header">
<h1 class="title"><a href="index.html">首页</a> > <a href="#">我的作品</a></h1>
<ul id="filters">
<li class="selected">
<a data-filter="*">All</a> /
</li>
<li>
<a data-filter=".web-design">电商网站</a> /
</li>
<li>
<a data-filter=".print-works">游戏</a> /
</li>
<li>
<a data-filter=".logotypes">应用</a> /
</li>
<li class="last">
<a data-filter=".freebies">效果</a>
</li>
</ul>
</div>
<div class="clear"></div>
<ul id="portfolio-items" class="clearfix">
<li class="web-design">
<a class="item-1" href="作品/电商网站/MI/mi.html" target="blank">
<img src="img/work/MI.jpg" width="230" height="150" alt="" />
<span class="title">小米官网-探索黑科技，小米为发烧而生！</span>
<span class="cat">网页制作 / 电商网页</span>
</a>
</li>
<li class="logotypes">
<a class="item-2" href="作品/应用程序/weather-pc/weather.html" target="blank">
<img src="img/work/weather.png" width="230" height="150" alt="" />
<span class="title">实况天气预报-出行、穿衣指南</span>
<span class="cat">应用程序 / 天气预报</span>
</a>
</li>
<li class="print-works">
<a class="item-3" href="作品/游戏/打字游戏/type-jq.html" target="blank">
<img src="img/work/type.png" width="230" height="150" alt="" />
<span class="title">打字游戏-手速UP</span>
<span class="cat">游戏 / 打字游戏</span>
</a>
</li>
<li class="freebies">
<a class="item-4" href="作品/效果/轮播图/旋转木马.html" target="blank">
<img src="img/work/lunbo1.png" width="230" height="150" alt="" />
<span class="title">轮播图-旋转木马1</span>
<span class="cat"> 效果/ 轮播图</span>
</a>
</li>
<li class="web-design">
<a class="item-5" href="作品/电商网站/JD/JD.html" target="blank">
<img src="img/work/JD.jpg" width="230" height="150" alt="" />
<span class="title">京东官网-多快好省 只为品质生活</span>
<span class="cat">网页制作 / 电商网页</span>
</a>
</li>
<li class="logotypes">
<a class="item-6" href="作品/应用程序/音乐播放器/music.html" target="blank">
<img src="img/work/music.png" width="230" height="150" alt="" />
<span class="title">音乐播放器-put your hands up</span>
<span class="cat">应用程序 / 音乐播放器</span>
</a>
</li>
<li class="print-works">
<a class="item-7" href="作品/游戏/贪食蛇/贪吃蛇.html" target="blank">
<img src="img/work/snake.jpg" width="230" height="150" alt="" />
<span class="title">贪食蛇-</span>
<span class="cat">游戏 / 贪吃蛇</span>
</a>
</li>
<li class="freebies">
<a class="item-4" href="作品/效果/轮播图/旋转木马2.html" target="blank">
<img src="img/work/lunbo2.png" width="230" height="150" alt="" />
<span class="title">轮播图-旋转木马2</span>
<span class="cat"> 效果/ 轮播图</span>
</a>
</li>
<li class="web-design">
<a class="item-5" href="作品/电商网站/TMALL/tmall.html" target="blank">
<img src="img/work/Tmall.jpg" width="230" height="150" alt="" />
<span class="title">天猫官网-理想生活上天猫</span>
<span class="cat">网页制作 / 电商网页</span>
</a>
</li>
<li class="logotypes">
<a class="item-6" href="作品/应用程序/画板/Painting.html" target="blank">
<img src="img/work/paint.jpg" width="230" height="150" alt="" />
<span class="title">绘图工具-释放你内心的毕加索</span>
<span class="cat">应用程序 / 绘图工具</span>
</a>
</li>
<li class="print-works">
<a class="item-7" href="作品/游戏/扑克牌/puke.html" target="blank">
<img src="img/work/pk.jpg" width="230" height="150" alt="" />
<span class="title">扑克牌-</span>
<span class="cat">游戏 / 扑克牌</span>
</a>
</li>
<li class="freebies">
<a class="item-4" href="作品/效果/轮播图/手风琴.html" target="blank">
<img src="img/work/sfq.jpg" width="230" height="150" alt="" />
<span class="title">轮播图-手风琴</span>
<span class="cat"> 效果/ 轮播图</span>
</a>
</li>
</ul><!-- #portfolio-items end -->
</div><!-- #portfolio-inner end -->
<div id="footer">
<div id="footer-inner" class="clearfix container">
<div id="our-clients" class="clearfix">
<h1 class="title"> <span>我的follow</span></h1>
<a href="https://www.liaoxuefeng.com/" target="_blank">廖雪峰</a>
<a href="http://www.ruanyifeng.com/blog/" target="_blank">阮一峰</a>
<a href="http://www.zhangxinxu.com/" target="_blank">张鑫旭</a>
<a href="http://www.cnblogs.com/rubylouvre" target="_blank">司徒正美</a>
<a href="http://taobaofed.org/" target="_blank">taobao FED</a>
<a href="http://www.alloyteam.com/" target="_blank">AlloyTeam</a>
<a href="http://www.w3cplus.com/" target="_blank">W3Cplus</a>
</div><!-- #our-client end -->
<div id="footer-text">
<div class="footer-copyright">
<p class="top">
Copyright © 2017.movelikerabbit All rights reserved.<a target="_blank" href="#"></a>.<a href="#" target="_blank" title="模板之家"></a>
</p>
</div>
<div class="footer-social">
<p class="top">
联系我
</p>
<div class="clear"></div>
<a href="https://github.com/MoveLikeRabbit"><i class="iconfont"></i></a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><i class="iconfont" title="点击这里给我发消息"></i></a>
<a href="http://blog.csdn.net/movelikerabbit"><i class="iconfont"></i></a>
<a href="mailto:772798270@qq.com"><i class="iconfont"></i></a>
</div>
</div><!-- #footer-text -->
</div><!-- #footer-inner end -->
</div><!-- #footer end -->
</body>
</html>