-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
341 lines (277 loc) · 10.9 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
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<title>南邮开源软件爱好者协会</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.useso.com/css?family=Roboto:400,300,500,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://osse.jerrywin.com/css/normalize.css">
<link rel="stylesheet" href="http://osse.jerrywin.com/css/owl-carousel.css">
<link rel="stylesheet" href="http://osse.jerrywin.com/css/bootstrap.min.css">
<link rel="stylesheet" href="http://osse.jerrywin.com/css/templatemo-style.css">
<link rel="stylesheet" href="http://osse.jerrywin.com/css/font-awesome.css">
<link rel="stylesheet" href="http://osse.jerrywin.com/css/timeline_main.css">
<link rel="stylesheet" href="http://osse.jerrywin.com/css/timeline.css">
<link rel="stylesheet" href="http://osse.jerrywin.com/css/what-we-do.css">
<script src="http://osse.jerrywin.com/js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- SITE HEADER -->
<div class="site-top" id="top">
<div class="site-top-overlay"></div>
<div class="site-header">
<div class="site-header">
<div class="container">
</div>
</div>
</div>
<div class="welcome-text">
<div class="container text-center white-text">
<div class="col-xs-8 col-xs-offset-2">
<h1><span id="open-source">开源</span>软件爱好者协会</h1>
<p id="osse-slogan">Human knowledge belongs to the world.</p>
<a href="#services" class="button default">加入我们</a>
</div>
</div>
</div>
</div><!-- SITE HEADER -->
<section id="cd-timeline" class="cd-container">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="http://osse.jerrywin.com/img/osse_logo.jpg" alt="Picture">
</div>
<div class="cd-timeline-content">
<h2>协会成立</h2>
<p>由邹小龙发起,注册于南京邮电大学社团联合会的校级学生社团。协会于2011年12月更名为“开源协会”。</p>
<span class="cd-date">2007年10月</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="http://osse.jerrywin.com/img/cd-icon-location.svg" alt="Picture">
</div>
<div class="cd-timeline-content">
<h2>协会获得荣誉</h2>
<p>2009年“红旗杯”全国大学生开源软件技术竞赛 个人赛银奖（2009年）<br>
第十一届“创新杯”南京邮电大学大学生课外学术科技作品竞赛 二等奖——《基于Google Maps的GPS快速定位监控系统》（2009年）<br>
南京邮电大学第一届大学生节能减排社会实践与科技竞赛 二等奖——《大型公共建筑能源监测系统》（2010年）<br>
“中国移动”杯南京邮电大学2010年大学生创业计划大赛 二等奖——《基于无线网络的能耗监控系统》（2010年）<br>
2011年南邮电子设计竞赛一等奖<br>
2011年江苏省电子设计二等奖<br>
2012年华为杯一等奖<br>
</p>
<span class="cd-date">2009年至2012年</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="http://osse.jerrywin.com/img/cd-icon-movie.svg" alt="Movie">
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="http://osse.jerrywin.com/img/cd-icon-movie.svg" alt="Movie">
</div>
<div class="cd-timeline-content">
<h2>开源协会宣传视频</h2>
<embed src="http://player.youku.com/player.php/sid/XMjA3MzU2NDMy/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
<p>由协会邹小龙学长录制的Linux教学视频。</p>
<span class="cd-date">2011年</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="http://osse.jerrywin.com/img/cd-icon-picture.svg" alt="Movie">
</div>
<div class="cd-timeline-content">
<h2>Google GDG南京站<br></h2>
<img src="http://osse.jerrywin.com/img/gdg_nanjing_2013_little.jpg">
<p>这项活动由Google发起，开源协会承办。旨在与谷歌技术爱好者以及未来希望走入这个行业的同学们一起来分享、参与Google专家的创新成果。</p>
<span class="cd-date">2013年6月2日</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="http://osse.jerrywin.com/img/cd-icon-picture.svg" alt="Picture">
</div>
<div class="cd-timeline-content">
<h2>发布2013版新生指南</h2>
<a class="fa fa-file" href="http://osse.jerrywin.com/file/南邮新生指南.pdf"> 新生指南</a>
<p>由2014级会长江杰完成。</p>
<span class="cd-date">2013年6月</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="http://osse.jerrywin.com/img/cd-icon-picture.svg" alt="Picture">
</div>
<div class="cd-timeline-content">
<h2>2013年自由软件日</h2>
<img src="http://osse.jerrywin.com/img/sfd_2013_little.jpg">
<p>成功举办2013年自由软件日庆祝活动。</p>
<span class="cd-date">2013年9月21日</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="http://osse.jerrywin.com/img/cd-icon-picture.svg" alt="Picture">
</div>
<div class="cd-timeline-content">
<h2>小组培训</h2>
<img src="http://osse.jerrywin.com/img/peixun_little.jpg">
<p>Web组组长雷霜在给组员培训Web开发课程。</p>
<span class="cd-date">2014年</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="http://osse.jerrywin.com/img/cd-icon-location.svg" alt="Picture">
</div>
<div class="cd-timeline-content">
<h2>等你谱写未来...</h2>
<p></p>
<span class="cd-date">The future is ours.</span>
</div>
</div>
</section>
<div class="what-we-do">
<style type="text/css">
/*---- services ----*/
.services{
padding-top:3em;
background-color: #fff;
}
.service-head h2{
font-weight:300;
font-size:2.6em;
color:#222222;
text-transform:uppercase;
font-family: Microsoft Yahei;
}
.service-head span{
width:15%;
height:1px;
background:#35C2F8;
display:inline-block;
}
.service-grid span{
width:64px;
height:64px;
display:inline-block;
background:url(http://osse.jerrywin.com/img/services-icons.png) no-repeat 0px 0px;
}
.service-grid h3 a{
color: #222;
font-weight: 600;
font-size: 0.875em;
text-transform: uppercase;
}
.service-grid h3 a:hover{
color:#777777;
text-decoration:none;
}
.service-grid p{
padding-top: 5px;
font-weight:400;
line-height:1.7em;
color:#888888;
}
.service-grid span.service-icon1{
background-position:0px 0px;
}
.service-grid span.service-icon2{
background-position: -391px 2px;
}
.service-grid span.service-icon3{
background-position: -779px 4px;
}
.services-grids{
padding:3em 0;
}
#services {
margin-bottom: 0px;
}
.join-us {
text-align: center;
padding-top: 1em;
padding-bottom: 2rem;
padding-left: 30%;
width: 70%;
}
.join-us h2 {
font-family: "Microsoft Yahei";
}
</style>
<!--- services -->
<div id="services" class="services">
<div class="container">
<div class="service-head text-center">
<h2>和我们一起</h2>
<span> </span>
</div>
<!--- services-grids -->
<div class="services-grids text-center">
<div class="col-md-4">
<div class="service-grid wow bounceIn" data-wow-delay="0.4s">
<span class="service-icon1"> </span>
<h3><a href="#">Hack Everything</a></h3>
<p>开源是我们的态度，Hack是我们的精神。怀疑一切，创造一切。</p>
</div>
</div>
<div class="col-md-4">
<div class="service-grid wow bounceIn" data-wow-delay="0.4s">
<span class="service-icon2"> </span>
<h3><a href="#">Coding for fun</a></h3>
<p>从前端到后端，从ARM到APP。没有世界上最好的语言，只有最差劲的Coder。</p>
</div>
</div>
<div class="col-md-4">
<div class="service-grid wow bounceIn" data-wow-delay="0.4s">
<span class="service-icon3"> </span>
<h3><a href="">Love the world</a></h3>
<p>我们是技术宅，热爱生活的技术宅。认真写下每一行代码，认真享受每一天生活。</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!--- services-grids -->
</div>
</div>
<div class="join-us">
<h2>在这里，不局限于技术。如果你也崇尚开源的精神，请加入我们！
把你的简历（或者作品）投递至[email protected]</h2>
</div>
<!--- services -->
<footer class="site-footer">
<div class="container text-center">
<div class="row">
<div class="col-md-12">
<ul class="social-icons">
<li><a href="#" class="fa fa-weibo"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-linkedin"></a></li>
<li><a href="#" class="fa fa-google-plus"></a></li>
<li><a href="#" class="fa fa-rss"></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p class="copyright-text">Copyright © 2015 NUPT OSSE
</div>
</div>
</div>
</footer>
<script src="http://osse.jerrywin.com/js/vendor/jquery-1.10.2.min.js"></script>
<script>window.jQuery || document.write('<script src="http://osse.jerrywin.com/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="http://osse.jerrywin.com/js/plugins.js"></script>
<script src="http://osse.jerrywin.com/js/main.js"></script>
</body>
</html>