-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgroups_introduce.html
259 lines (254 loc) · 13.7 KB
/
groups_introduce.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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/icon.png" rel="icon ">
<title>分组介绍</title>
<!-- Bootstrap -->
<link href="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/css/bootstrap.min.css" rel="stylesheet">
<link href="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/css/main.min.css" rel="stylesheet">
<style> /* 各组定制特效 */
.acm_zh{ font-family: 华文行楷; }
.acm_en{ font-family: Brush Script Std; }
body{ background-image: url('//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/5-120601094355.png');background-repeat: repeat-y;background-position: center; }
@media(min-width: 768px){
section.web{ background-image: url(//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/web_bg.png);background-repeat: no-repeat;background-position: center; }
section.ios{ background-image: url(//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/ios_bg.png);background-repeat: no-repeat;background-position: center; }
section.android{ background-image: url(//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/android_bg.png);background-repeat: no-repeat;background-position: center; }
section.game{ background-image: url(//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/game_bg.png);background-repeat: no-repeat;background-position: center; }
section.acm{ background-image: url(//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/acm_bg.png);background-repeat: no-repeat;background-position: center; }
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-inverse title groups">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand title" href="./index.html"><img src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/nav-icon.png" height="32" width="100"></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="./test.html">小测试</a></li>
<li><a href="./groups_introduce.html">分组介绍</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="./join_us.html">加入我们</a></li>
</ul>
</div>
</div>
</nav>
</header>
<section class="jumbotron groups">
<div class="container">
<h1>科协的分组</h1>
<p>这是拉动科协走向人生巅峰的六架马车</p>
</div>
</section>
<section class="paragraph web">
<div class="container text-center">
<div class="row">
<div class="col-lg-2 col-lg-offset-5 col-xs-12">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-xs-2 col-xs-offset-5"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/web_min.png"></div>
</div>
</div>
</div>
<h2 class="page-header">Web/Server组</h2>
<p class="lead">因特网，是迄今人类构建的最为庞杂的系统</p>
<p class="lead">可是你对他有多少了解呢</p>
<p class="lead">如果你只会刷微博，发邮件或即时消息、偶尔冲冲浪，最牛不过可以剁剁手...</p>
<p class="lead">那你不过是在坐享上帝的神迹</p>
<p class="lead">你如何能知道这一切的灯红酒绿不是上帝的神迹或是智子的幻术？</p>
<br>
<p class="lead">我们能告诉你<em style="color: #0366D6;">真相</em></p>
<br>
<p class="lead">在这里</p>
<p class="lead">你可以用黑白的记事本创作绚丽的页面</p>
<p class="lead">你也可以用小黑框命令行操控纷繁的数据</p>
<p class="lead">没有什么能比这更酷炫</p>
<br>
<p class="lead">在一行行的代码间洞悉网络的宏大</p>
<p class="lead">在看似枯燥的黑白中创造色彩</p>
<p class="lead">在嘈杂的人世间独享一份优雅</p>
<p class="lead">这是我们的世界</p>
<br>
<p class="lead">那一切的灯红酒绿背后的<em style="color: #0366D6;">真相</em> 便是...</p>
<p class="lead">你就是那<b style="color: #0366D6;">创世之神</b></p>
</div>
</section>
<hr>
<section class="paragraph ios">
<div class="container text-center">
<div class="row">
<div class="col-lg-2 col-lg-offset-5 col-xs-12">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-xs-2 col-xs-offset-5"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/ios_min.png"></div>
</div>
</div>
</div>
<h2 class="page-header">iOS组</h2>
<p class="lead">6.5亿用户，1600万开发者，越来越多的人选择iOS</p>
<p class="lead">App Store的150万app，凝聚了无限的智慧与灵感</p>
<p class="lead">100亿的总下载量，让这些app真的改变世界</p>
<p class="lead">简洁、精美、流畅，如果你也认同这些理念，那么就加入我们</p>
<p class="lead">或许有一天，你也会将的app发布到App Store，向全球1/4的手机用户展示你的才华与灵感</p>
<br>
<p class="lead">在此之前，先与我们一同探究编程的优雅</p>
<p class="lead">毕竟我们是搞技术的</p>
<p class="lead">未来属于你们</p>
</div>
</section>
<hr>
<section class="paragraph android">
<div class="container text-center">
<div class="row">
<div class="col-lg-2 col-lg-offset-5 col-xs-12">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-xs-2 col-xs-offset-5"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/android_min.png"></div>
</div>
</div>
</div>
<h2 class="page-header">Android组</h2>
<p class="lead">Android，可能是世界上最多人使用的操作系统。</p>
<p class="lead">无处不在的安卓机器人，你看到了吗?</p>
<p class="lead">这是一张巨大的画布，你可以勾勒出你想象的一切。</p>
<p class="lead">只要你愿意执起画笔，同我们一起，探索这无穷世界背后的奥秘。</p>
</div>
</section>
<hr>
<section class="paragraph game">
<div class="container text-center">
<div class="row">
<div class="col-lg-2 col-lg-offset-5 col-xs-12">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-xs-2 col-xs-offset-5"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/game_min.png"></div>
</div>
</div>
</div>
<h2 class="page-header">独立游戏组</h2>
<p class="lead">我曾见过凯尔莫罕的皑皑雪山；</p>
<p class="lead">我曾在加勒比海的惊涛中高歌；</p>
<p class="lead">我曾在圣母百花大教堂的顶点纵身一跃；</p>
<p class="lead">我曾在芝加哥的雨夜里散步；</p>
<p class="lead">我曾见过亿万颗群星的闪烁；</p>
<p class="lead">也曾见过千年的文明变迁；</p>
<p class="lead">我在末世里求生；</p>
<p class="lead">在幻想中旅行；</p>
<p class="lead">但我也会为爱人的离世而落泪；</p>
<p class="lead">也会因好友的战死而愤怒；</p>
<p class="lead">我不是神，我是玩家。</p>
<p class="lead">我见过你们不曾见过的万千世界，万种美丽。</p>
<br>
<p class="lead">但我不甘心，不甘心只是在别人的故事里驰骋；</p>
<p class="lead">我想做自己的神。</p>
<p class="lead">如果你也是这么想的，请看看眼前的这条路：</p>
<p class="lead">这是一条孤独的路，前行的路上只有寥寥数人；</p>
<p class="lead">这是一条布满荆棘的路，你会遇到各种各样的困难；</p>
<p class="lead">这是一条充满质疑的路，所有人都会说你错了；</p>
<p class="lead">但路的尽头，是梦的开始，</p>
<p class="lead">向文明之神席德梅尔，射击之神卡马克以及那个水管工的创造者一样</p>
<p class="lead">书写你自己的伟大传说。</p>
<br>
<p class="lead">现在，你准备好了吗？</p>
</div>
</section>
<hr>
<section class="paragraph acm">
<div class="container text-center">
<div class="row">
<div class="col-lg-2 col-lg-offset-5 col-xs-12">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-xs-2 col-xs-offset-5"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/acm_min.png"></div>
</div>
</div>
</div>
<h2 class="page-header">ACM组</h2>
<div class="acm_zh">
<p class="lead">西电最激动人心的电子竞技项目是什么？王者荣耀？<span class="acm_en">DOTA</span>?<span class="acm_en">LOL</span>?</p>
<p class="lead">都不是，是<span class="acm_en">ACM</span>!!</p>
<p class="lead">而且这个游戏，不但不要你氪金买皮肤，反而福利多多:</p>
<p class="lead">公款吃喝旅游，均分加分奖学金收入囊中...</p>
<br>
<p class="lead">也许一开始你只是个<span title="ruò ruò">蒻鶸</span>，什么都不会。</p>
<p class="lead">那有什么关系。</p>
<br>
<p class="lead">在日日夜夜的奋斗之后，你能做出一些题目了！</p>
<p class="lead">接着就是光荣之路：校赛，省赛，暑假集训，亚洲区域赛...和世界上最优秀的大脑同台竞技，</p>
<p class="lead">并且，打败他们。</p>
<p class="lead">想要证明自己的话，还有什么比这个更好的机会！！！</p>
<br>
<p class="lead">也许你与清北复交浙失之交臂？</p>
<p class="lead">也许你渴望进入<span class="acm_en">BAT,Google,MSC</span>?</p>
<p class="lead">也许你渴望在<span class="acm_en">Stanford</span>或<span class="acm_en">UCB</span>的实验室里，喝着咖啡，看着窗外凌晨4点的加州？</p>
<p class="lead">如果你是公司的面试官，或是国内外名校的导师，几乎相同的两份简历，唯一的不同是其中一份多了一项<span class="acm_en">ACM</span>亚洲区域赛的银牌，</p>
<p class="lead">你觉得哪份简历更有吸引力？</p>
<p class="lead">来吧，加入我们，来发掘<span class="acm_en">ACM</span>竞赛的无穷乐趣吧！</p>
</div>
</div>
</section>
<hr>
<section class="paragraph design">
<div class="container text-center">
<div class="row">
<div class="col-lg-2 col-lg-offset-5 col-xs-12">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-xs-2 col-xs-offset-5"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/design_min.png"></div>
</div>
</div>
</div>
<h2 class="page-header">设计部</h2>
<p class="lead">如果还有什么可以点亮生活的火花，那一定是脑海中一萤灯火。</p>
<p class="lead">当你看到了它，就急迫地想去接近、去获取更绚丽的光芒。</p>
<p class="lead">我扎根暗处，只为听到神明的呼唤。</p>
<p class="lead">“要有光。”</p>
<p class="lead">明灭的灯火使我更想要前行。</p>
<p class="lead">如果还有什么可以使我从荣到枯的生命有所保留，那一定是将我自己化为色彩，</p>
<p class="lead">肆意涂抹眼中所见的空白亦或缺憾。</p>
<p class="lead">我涉过重重迷雾，只为见到一个带有我印记的</p>
<p class="lead">全新的世界。</p>
<p class="lead">无所谓跟从他人的脚步，用自己的想法加以实施就可以开拓</p>
<p class="lead">一个童话镇。</p>
<br>
<p class="lead">我想要看幽美的田野。</p>
<p class="lead">我想要看静谧的星空。</p>
<p class="lead">我想要看壮丽的山峦。</p>
<p class="lead">这些全由自己的双手和心来绘制。</p>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-9 col-sm-8">
<ul class="list-inline">
<li><a title="项目前端源代码" href="https://github.com/Keyboard-l/SSSTA-Official-Site">GitHub</a></li>
<li><a title="It's a big surprise for you!" href="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/surprise.html">神秘入口</a></li>
<li><a title="与dalao谈笑风生" href="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/contact.html">联系我们</a></li>
<li><a title="关于该网站" href="https://github.com/Keyboard-l/SSSTA-Official-Site/blob/master/README.md">关于</a></li>
</ul>
<br>
<p>
该网站由软院科协
<a href="http://www.three7.cc/"><em>叁拾柒</em></a>
和
<a href="https://keyboard-l.github.io/myBlog/"><em>Keyboard</em></a>
设计。
</p>
<p>国家211重点高校西安电子科技大学国家示范性<a href="./index.html"><em>软件学院科学与技术协会</em></a>全体成员祝您走上人生巅峰。</p>
</div>
<div class="col-lg-3 col-xs-4">
<img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/footer_icon.png">
</div>
</div>
</div>
</footer>
<script src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/js/jquery.min.js" rel="script"></script>
<script src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/js/bootstrap.min.js" rel="script"></script>
</body>
</html>