-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·311 lines (301 loc) · 18.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
310
311
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>湖工大在线</title>
<meta name="description" content="湖工大在线(HGDonline)是在湖北工业大学信息技术中心指导下,伴随湖工大校园网而兴起的高校互联网平台。自 2005 年成立以来,我们始终恪守服务广大师生的宗旨,开发和维护了一系列深受喜爱的产品和服务,也为学校各部门和学院制作了功能丰富的网站和应用。">
<meta name="author" content="HGDonline Tem">
<!-- Favicons
================================================== -->
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.min.css">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/nivo-lightbox/default.css">
<link href="https://fonts.loli.net/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="https://fonts.loli.net/css?family=Lato:400,700" rel="stylesheet">
<link href="https://fonts.loli.net/css?family=Raleway:300,400,500,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" href="css/justifiedGallery.min.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?11355bfd75df2ba4aae0e068134955d8";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!--[if lt IE 9]><div class="alert alert-danger topframe" role="alert">你的浏览器实在<strong>太太太太太太旧了</strong>,放学别走,升级完浏览器再说 <a target="_blank" class="alert-link" href="http://browsehappy.com">立即升级</a></div><![endif]-->
<!-- Navigation
==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span> <span
class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
<a class="navbar-brand page-scroll" href="#page-top"><img alt="HGDonline" src="http://ws1.sinaimg.cn/large/620603d0ly1fy332bcj4tj204c01mglh.jpg" /></a></div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about" class="page-scroll">关于我们</a></li>
<li><a href="#culture" class="page-scroll">团队文化</a></li>
<li><a href="#team" class="page-scroll">成员风采</a></li>
<li><a href="#contact" class="page-scroll">联系我们</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header id="header">
<div class="intro">
<div class="overlay">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 intro-text">
<h1>We are HGDonliners!</h1>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<div id="about">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6"><img src="http://ws1.sinaimg.cn/large/620603d0ly1fy35k35jpwj21s619dh2l.jpg" class="img-responsive" alt="湖工大在线团队"></div>
<div class="col-xs-12 col-md-6">
<div class="about-text">
<h2>关于我们</h2>
<p>湖工大在线(HGDonline)是在湖北工业大学信息技术中心指导下,伴随湖工大校园网而兴起的高校互联网平台。自 2005 年成立以来,我们始终恪守服务广大师生的宗旨,开发和维护了一系列深受喜爱的产品和服务,也为学校各部门和学院制作了功能丰富的网站和应用。</p>
<p>与此同时,湖工大在线培养了一批优秀的 IT 人才,他们毕业后纷纷进入了腾讯、阿里巴巴、百度等知名企业工作,还有一些成员创办了自己的互联网公司。</p>
<h3>我们由这样一群人组成</h3>
<div class="list-style">
<div class="col-lg-6 col-sm-6 col-xs-12">
<ul>
<li>程序员</li>
<li>设计师</li>
</ul>
</div>
<div class="col-lg-6 col-sm-6 col-xs-12">
<ul>
<li>产品经理</li>
<li>运营专员</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="culture" class="text-center">
<div class="container">
<div class="col-md-10 col-md-offset-1 section-title">
<h2>团队文化</h2>
</div>
<!--div class="row">
<div class="col-xs-12 col-md-4 culture-item">
<i class="fa fa-eye"></i>
<h3>愿景</h3>
<p>成为全国领先的高校互联网团队</p>
<p>建立学生自己的网上家园</p>
</div>
<div class="col-xs-12 col-md-4 culture-item">
<i class="fa fa-rocket"></i>
<h3>使命</h3>
<p>利用先进的互联网技术</p>
<p>为全校师生提供便捷易用的产品</p>
</div>
<div class="col-xs-12 col-md-4 culture-item">
<i class="fa fa-group"></i>
<h3>精神</h3>
<p>开放、自由、民主、创新</p>
</div>
</div-->
<div class="row">
<div class="col-md-4"> <i class="fa fa-eye"></i>
<div class="service-desc">
<h3>愿景</h3>
<p>成为全国领先的高校互联网团队</p>
<p>建立学生自己的网上家园</p>
</div>
</div>
<div class="col-md-4"> <i class="fa fa-rocket"></i>
<div class="service-desc">
<h3>使命</h3>
<p>利用先进的互联网技术</p>
<p>为全校师生提供便捷易用的产品</p>
</div>
</div>
<div class="col-md-4"> <i class="fa fa-group"></i>
<div class="service-desc">
<h3>精神</h3>
<p>开放、自由、民主、创新</p>
</div>
</div>
</div>
</div>
</div>
<!-- Services Section -->
<!--<div id="services" class="text-center">
<div class="container">
<div class="section-title">
<h2>部门设置</h2>
</div>
<div class="row">
<div class="col-md-4"><i class="fa fa-wordpress"></i>
<div class="service-desc">
<h3>产品部</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam
sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
</div>
</div>
<div class="col-md-4"><i class="fa fa-cart-arrow-down"></i>
<div class="service-desc">
<h3>技术部</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam
sedasd commodo nibh ante facilisis bibendum dolor feugiat at. Lorem ipsum dolor sit amet,
consectetur adipiscing elit.</p>
</div>
</div>
<div class="col-md-4"><i class="fa fa-cloud-download"></i>
<div class="service-desc">
<h3>运营部</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam
sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
</div>
</div>
</div>
</div>
</div>-->
<!-- Team Section -->
<div id="team" class="text-center">
<div class="container">
<div class="col-md-8 col-md-offset-2 section-title">
<h2 data-wow-delay=".5s">成员风采</h2>
</div>
<div id="mygallery" >
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy33pbl9mkj20in0l1dg4.jpg" target="_blank">
<img alt="<span>傅宇康</span> 2013 级电科专业,2013 年加入湖工大在线,现任创业公司 PHP 开发工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy33pbl9mkj20in0l1dg4.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3383r6dzj20b40b5mxl.jpg" target="_blank">
<img alt="<span>周嘉颖</span> 2012 级数媒专业,2013 年加入湖工大在线,现任京东交互设计师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3383r6dzj20b40b5mxl.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3384y9pvj20qo0zkmzt.jpg" target="_blank">
<img alt="<span>杨雄伟</span> 2011 级软件工程专业,2012 年加入湖工大在线,曾任搜狗软件开发工程师,现任滴滴出行效能平台部 Tech Lead" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3384y9pvj20qo0zkmzt.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy33868q6zj20qo0zkdl0.jpg" target="_blank">
<img alt="<span>熊超</span> 2011 级化工专业,2012 年加入湖工大在线,现任百度研发工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy33868q6zj20qo0zkdl0.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3385q48kj21kw1kwn11.jpg" target="_blank">
<img alt="<span>郑杭</span> 2011 级软件工程专业,2014 年加入湖工大在线,曾任 58 赶集高级研发工程师,现任滴滴出行平台技术部高级 PHP 研发工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3385q48kj21kw1kwn11.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3383w78fj20m80ci0ts.jpg" target="_blank">
<img alt="<span>韩倩倩</span> 2011 级视觉传达,2012 年加入湖工大在线,现任 360 交互设计师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3383w78fj20m80ci0ts.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3385b0zlj217q1mbadt.jpg" target="_blank">
<img alt="<span>李涛</span> 2011 级软件工程专业,2013 年加入湖工大在线,曾任去哪儿安卓开发工程师,现任创业公司后端工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3385b0zlj217q1mbadt.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy33852zevj20u00uowgp.jpg" target="_blank">
<img alt="<span>徐欢欢</span> 2010 级电信专业,2011 年加入湖工大在线,曾任新浪网 PHP 研发工程师、火币网高级研发工程师。现自主创业中" src="http://ws1.sinaimg.cn/large/620603d0ly1fy33852zevj20u00uowgp.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy33858qifj20tz14042m.jpg" target="_blank">
<img alt="<span>程舜</span> 2010 级信管专业,2011 年加入湖工大在线,曾任凤凰网前端工程师,现任阿里巴巴友盟高级前端工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy33858qifj20tz14042m.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy338727otj212a1iwwmh.jpg" target="_blank">
<img alt="<span>付文青</span> 2010 级国贸专业,2011 年加入湖工大在线,曾任新浪乐居和优酷 PHP 工程师,现任新浪微博后端工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy338727otj212a1iwwmh.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3383rgqkj20p00gowf0.jpg" target="_blank">
<img alt="<span>吴佩文</span> 2009 级工业设计专业,2009 年加入湖工大在线,曾任新浪微博、百度高级视觉设计师,现投身设计师新媒体创业,旗下有『你丫才美工』『美丫猫』等设计圈内百万粉丝量级知名 IP" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3383rgqkj20p00gowf0.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3385o31zj20u0190q6r.jpg" target="_blank">
<img alt="<span>李政华</span> 09 级通信工程专业,2010 年加入湖工大在线,曾任百度、360 前端工程师,现任滴滴高级前端开发工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3385o31zj20u0190q6r.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3383up2nj20c60jd0tl.jpg" target="_blank">
<img alt="<span>吴益新</span> 2009 级信科专业,2010 年加入湖工大在线,现任斗鱼资深服务端开发工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3383up2nj20c60jd0tl.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3383q01rj20db0dbt8u.jpg" target="_blank">
<img alt="<span>曾庆辉</span> 2008 级机自专业,2010 年加入湖工大在线,曾任迅雷 PHP 开发工程师,现自主创业中" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3383q01rj20db0dbt8u.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy33860iaqj21o01o0n2k.jpg" target="_blank">
<img alt="<span>陈攀</span> 2008 级网络工程专业,2010 年加入湖工大在线。曾任新浪微博、京东前端开发工程师。现自主创业中" src="http://ws1.sinaimg.cn/large/620603d0ly1fy33860iaqj21o01o0n2k.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy33852kr0j20qo0zkdjs.jpg" target="_blank">
<img alt="<span>胡菁菁</span> 2008 级工业设计,2010 年加入湖工大在线,现任新浪微博交互设计师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy33852kr0j20qo0zkdjs.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3384slw9j20no0nogn6.jpg" target="_blank">
<img alt="<span>潘伟锋</span> 2007 级信科专业,2008 年加入湖工大在线,曾任新浪、慕课网、优酷前端工程师,现任百度高级研发工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3384slw9j20no0nogn6.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3386axo7j212b17wwjy.jpg" target="_blank">
<img alt="<span>牟强</span> 2007 级软件工程专业,2008 年加入湖工大在线,曾任支付宝前端开发工程师,iOS 客户端开发工程师,现任钉钉全栈工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3386axo7j212b17wwjy.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3387a4f0j21ll1lljzv.jpg" target="_blank">
<img alt="<span>张恒</span> 2007 级电子信息工程专业,2008 年加入湖工大在线,曾任腾讯高级开发工程师,现任阿里巴巴全栈工程师" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3387a4f0j21ll1lljzv.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3386qlokj218g18gjy8.jpg" target="_blank">
<img alt="<span>蔡斌</span> 2006 级信计专业,2007 年加入湖工大在线,曾任豆瓣电影技术负责人、FreeWheel 高级工程师,现任 Umbrellar 云计算部门 Tech Lead" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3386qlokj218g18gjy8.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy3387dd6xj21d91d9n28.jpg" target="_blank">
<img alt="<span>张飞</span> 2006 级平面设计专业,2007 年加入湖工大在线。曾任蚂蚁金服支付宝钱包资深交互设计师、阿里巴巴飞猪交互设计专家,现任阿里巴巴口碑产品专家" src="http://ws1.sinaimg.cn/large/620603d0ly1fy3387dd6xj21d91d9n28.jpg"/>
</a>
<a href="http://ws1.sinaimg.cn/large/620603d0ly1fy33fit969j21v71v7tei.jpg" target="_blank">
<img alt="<span>朱琴琴</span> 2005 级计算机科学与技术,2006 年加入湖工大在线。曾就职于搜房网,阿里巴巴,现自主创业中" src="http://ws1.sinaimg.cn/large/620603d0ly1fy33fit969j21v71v7tei.jpg"/>
</a>
</div>
</div>
</div>
<!-- Contact Section -->
<div id="contact">
<div class="container">
<!--div class="section-title">
<h2>联系我们</h2>
</div-->
<div class="col-md-12">
<div class="row">
<div class="social">
<ul>
<li><a href="https://weibo.com/hgdonline" title="湖工大在线官方微博" target="_blank"><i class="fa fa-weibo"></i></a></li>
<li><a class="fa-weixin-a" href="###"><i class="fa fa-weixin"></i><span><img src="http://ws1.sinaimg.cn/large/620603d0ly1fy332bi0m0j2076076jre.jpg" alt="扫码关注湖工大在线微信公众号"></span></a></li>
<li><a href="mailto:[email protected]"><i class="fa fa-envelope-o"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<div id="footer">
<div class="container text-center">
<p>Copyright © 2005-2018 湖工大在线 HGDonline</p>
</div>
</div>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<script type="text/javascript" src="js/jquery.justifiedGallery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script>
$(function(){
$("#mygallery").justifiedGallery({
rowHeight: 150,
lastRow: 'justify'
});
});
</script>
</body>
</html>