-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
295 lines (286 loc) · 9.2 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
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<title>中国计量学院UXC | 中国计量学院UXC用户体验设计中心</title>
<script type="text/javascript">var t1 = new Date;</script>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<header id="header">
<div class="container">
<div class="topbar clearfix">
<div class="logo">
<h1>MIL</h1>
<p>Mobile Internet Lab</p>
</div>
<nav class="top-nav">
<ul>
<li class="current"><a href="#">首页</a></li>
<li><a href="#" module="runto" data-to="#intro">团队介绍</a></li>
<li><a href="#" module="runto" data-to="#join">加入我们</a></li>
<li><a href="#" id="login">登录</a></li>
</ul>
</nav>
</div>
<section id="focus">
<div class="fouse-des">
<h1>中国计量大学移动互联网实验室</h1>
<p>
我们是一支充满极客文化的团队，崇尚技术，喜爱移动互联网，因喜欢而学习，源动力即产生。</br>
我们是一支友爱的团队，让我们葆有激情，并肩奋斗，创造出改变世界的产品吧！
</p>
</div>
<div class="shequ">
<a href="#" target="_blank" title="" class="ico ico-1"></a>
<a href="#" target="_blank" title="" class="ico ico-2"></a>
<a href="#" target="_blank" title="" class="ico ico-3"></a>
</div>
<div class="mouse">
</div>
</section>
</div>
</header>
<section id="blog">
<div class="container">
<div class="mod-cate">
<ul class="clearfix">
<li class="cat-item all ">
<a href="#">
全部
</a>
</li>
<li class="cat-item vd"><a href="#">博文分享<strong>(22)</strong></a></li>
<li class="cat-item tw"><a href="#">学生作品<strong>(22)</strong></a></li>
<li class="cat-item ws"><a href="#">获奖荣誉<strong>(22)</strong></a></li>
<li class="cat-item py"><a href="#">团队活动<strong>(22)</strong></a></li>
</ul>
</div>
<div class="js-page">
<ul class="clearfix">
<li class="page-item">
<a href="detail-show.html" class="item-head">
<img src="http://p0.qhimg.com/d/inn/d8e63f8e/280x180.jpg" alt="" title=""/>
</a>
<div class="item-body">
<span>UXC总动员 五月踏春行</span>
<ol class="clearfix">
<li><a href="#">团队活动</a></li>
</ol>
<div class="blog-other">
<p class="time">2015年7月7日</p>
<div class="blog-share">
<a href="#" class="ico ico-1"></a>
<a href="#" class="ico ico-2"></a>
<a href="#" class="ico ico-3"></a>
</div>
</div>
</div>
<div class="item-foot">
<p class="watch-num">
<i class="icon-view"></i>
3,540人看过
</p>
</div>
</li>
<li class="page-item">
<a href="#" class="item-head">
<img src="http://p0.qhimg.com/d/inn/d8e63f8e/280x180.jpg" alt="" title=""/>
</a>
<div class="item-body">
<span>UXC总动员 五月踏春行</span>
<ol class="clearfix">
<li><a href="#">团队活动</a></li>
</ol>
<div class="blog-other">
<p class="time">2015年7月7日</p>
<div class="blog-share">
<a href="#" class="ico ico-1"></a>
<a href="#" class="ico ico-2"></a>
<a href="#" class="ico ico-3"></a>
</div>
</div>
</div>
<div class="item-foot">
<p class="watch-num">
<i class="icon-view"></i>
3,540人看过
</p>
</div>
</li>
<li class="page-item">
<a href="#" class="item-head">
<img src="http://p0.qhimg.com/d/inn/d8e63f8e/280x180.jpg" alt="" title=""/>
</a>
<div class="item-body">
<span>UXC总动员 五月踏春行</span>
<ol class="clearfix">
<li><a href="#">团队活动</a></li>
</ol>
<div class="blog-other">
<p class="time">2015年7月7日</p>
<div class="blog-share">
<a href="#" class="ico ico-1"></a>
<a href="#" class="ico ico-2"></a>
<a href="#" class="ico ico-3"></a>
</div>
</div>
</div>
<div class="item-foot">
<p class="watch-num">
<i class="icon-view"></i>
3,540人看过
</p>
</div>
</li>
<li class="page-item">
<a href="detail-type.html" class="item-head">
<img src="http://p0.qhimg.com/d/inn/d8e63f8e/280x180.jpg" alt="" title=""/>
</a>
<div class="item-body">
<span>UXC总动员 五月踏春行</span>
<ol class="clearfix">
<li><a href="#">团队活动</a></li>
</ol>
<div class="blog-other">
<p class="time">2015年7月7日</p>
<div class="blog-share">
<a href="#" class="ico ico-1"></a>
<a href="#" class="ico ico-2"></a>
<a href="#" class="ico ico-3"></a>
</div>
</div>
</div>
<div class="item-foot">
<p class="watch-num">
<i class="icon-view"></i>
3,540人看过
</p>
</div>
</li>
<li class="page-item">
<a href="#" class="item-head">
<img src="http://p0.qhimg.com/d/inn/d8e63f8e/280x180.jpg" alt="" title=""/>
</a>
<div class="item-body">
<span>UXC总动员 五月踏春行</span>
<ol class="clearfix">
<li><a href="#">团队活动</a></li>
</ol>
<div class="blog-other">
<p class="time">2015年7月7日</p>
<div class="blog-share">
<a href="#" class="ico ico-1"></a>
<a href="#" class="ico ico-2"></a>
<a href="#" class="ico ico-3"></a>
</div>
</div>
</div>
<div class="item-foot">
<p class="watch-num">
<i class="icon-view"></i>
3,540人看过
</p>
</div>
</li>
</ul>
</div>
<div class="mod-article-page">
<a href="#" class="active">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
</div>
</div>
</section>
<section id="intro">
<div class="container">
<div class="intro-show">
<h1>中国计量大学</h1>
<p>移动互联网实验室</p>
<span>
移动互联网实验室的成立是为了顺应目前移动化潮流，培养高质量人才。<br>
实验室的主要学习方向为四个方面：web开发、android、ios以及c#。<br>实验室在培养学生参加科技竞赛的同时，也会让部分学生进入项目组开发项目，从实战中学习知识。<br>实验室获得的荣誉：<br>2013年浙江省服务外包竞赛一等奖、<br>2014年浙江省服务外包竞赛一等奖、<br>2015年浙江省服务外包竞赛二等奖、三等奖。<br>实验室位于塞博北楼312室，拥有良好的技术学习氛围，导师和学长学姐的悉心指导，更配有100M无线网络，各种优秀的培养体系下，给你移动互联网的梦想添上翅膀。
</span>
</div>
</div>
</section>
<section id="join">
<div class="container">
<h1>加入我们</h1>
<p>
我们热爱移动互联网，喜欢科技，崇尚技术。在这里，我们以一种体现自我价值的态度存在。在这里，我们关注最好的移动互联网产品更关注最好的你！
</br>
如果你是中国计量大学的学生，热爱移动互联网，以后想要从事互联网工作，并抱着一颗学习的心，那么就来加入我们。在这里，你可以学习网站开发，android和ios开发，UI设计，，学着自己做一款有情怀的互联网产品。
</p>
<a class="join-me">申请加入</a>
<div class="join-type">
<div class="type item-v">
网页
<a class="v-detail">
网站开发
</a>
</div>
<div class="type item-s">
APP
<a class="v-detail">
移动开发
</a>
</div>
<div class="type item-h">
设计
<a class="v-detail">
UI设计
</a>
</div>
</div>
</div>
</section>
<footer id="foot">
<div class="container">
<span>
版权所有 © 2015 <a href="#">360UXC</a> | <a href="#">Proudly powered by WordPress.</a>
</span>
</div>
</footer>
<div id="shadow" class="table">
<div class="table-cell" style="vertical-align:middle">
<div class="main-form">
<a href="#" class="icon-close"></a>
<h2>UXC</h2>
<div class="form-left">
<form>
<div class="form-group user">
<input type="text" name="username" placeholder="用户名"/>
</div>
<div class="form-group pass">
<input type="password" name="pass" placeholder="密码"/>
</div>
<div class="form-group forget">
<label class="float-left">
<input type="checkbox" name=""/>
记住登录状态
</label>
<label class="float-right">
忘记密码
</label>
</div>
<div class="from-submit">
<input type="submit" value="" />
</div>
</form>
</div>
<div class="form-right">
<div class="share-group">
<a href="#" class="reg"></a>
<a href="#" class="qq-reg"></a>
<a href="#" class="wb-reg"></a>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/index.js"></script>
</html>