-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (174 loc) · 9.87 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
<!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>SS::STA</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">
</head>
<body style="background-image: url('//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/5-120601094355.png');background-repeat: repeat-y;background-position: center;">
<header>
<nav class="navbar navbar-inverse title index">
<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 index">
<div class="container text-center">
<h1 class="title">SS::STA</h1>
<p class="title">西电软院科协历年来始终如一地致力于帮助有梦想的年轻人登上他们的人生巅峰</p>
<p class="title">加入我们，为了你的梦想</p>
<a class="btn btn-lg" href="./join_us.html">报名加入</a>
</div>
</section>
<section class="paragraph">
<div class="container text-center">
<h2 class="page-header text-center">软院最大最强的技术交流社区</h2>
<div class="paragraph">
<p class="lead"><b style="color: #0366D6;">毋庸置疑</b>，西电软院科协是西电软院最大最强的技术交流社区</p>
<p class="lead">这里汇聚了西电软院最牛、最有想法、最喜欢搞事情、对软件满腔热血的一批年轻人</p>
<p>
在这里，你可以与技术大佬们谈笑风生、与同学切磋本领、时不时去外校<s>混吃混喝</s>(参加比赛)，
也可以蹭科协的XBox、PS4玩玩<em>刺客信条</em>、<em>合金装备</em>，蹭科协WiFi刷刷微博，蹭科协G302自习刷高数
</p>
<p class="lead">或者，你也可以仅仅感受一下这里充满了对知识的渴求的空气，顺便向学长请教一些日常学习、生活遇到的问题</p>
<p><small>（写完这段感觉自己脸皮好厚）</small></p>
</div>
<div class="paragraph">
<a class="btn btn-lg index" href="./join_us.html">加入我们</a>
</div>
<!-- <div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="embed-responsive embed-responsive-16by9">
<video class="embed-responsive-item" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/video/sssta_01.mp4" controls>酷炫爆炸的视频</video>
</div>
</div>
</div> -->
</div>
</section>
<hr>
<section class="paragraph">
<div class="container">
<h2 class="page-header">‘导师’带你飞</h2>
<div class="row">
<div class="col-sm-8">
<div class="paragraph">
<p class="lead">经过学长们的讨论，今年科协将会实行‘导师制’，以帮助你们更好地进入科协紧张而刺激的学习活动</p>
<p>
进入科协后，在双方自由选择的前提下，你们与学长将会组成导师-学员的关系。
导师将负责适当指导其学员前期基础知识的学习，适当布置学习任务，联系学员与其他学长的交流······
而学员的任务就是尽快完成基础知识(比如C语言)的学习，以便早日加入到科协紧张刺激的搞事情活动中，顺便尽力骚扰导师。
</p>
<p class="lead">简单地说，<b style="color: #0366D6;">导师制就是学长带你飞</b></p>
<p class="visible-lg visible-md visible-sm"><small>(配图有些危险)</small></p>
</div>
<div class="paragraph">
<a class="btn btn-lg index" href="./join_us.html">现在去飞</a>
</div>
</div>
<div class="col-sm-4 visible-lg visible-md visible-sm"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/ss.png"></div>
</div>
</div>
</section>
<hr>
<section class="paragraph">
<div class="container text-right">
<h2 class="page-header">分组‘搞事情’</h2>
<div class="paragraph visible-lg visible-md visible-sm">
<p class="lead">西电软院科协分为技术部和设计部，其中技术部目前分为ACM、iOS、Android、Web、Game五个组</p>
<p class="lead">每个组中又有掌握不同技术栈的各路学长</p>
<p>预计你们将在进入科协，经历了一轮紧张刺激的学习后进行分组，由各组长带领分别进行相应的教学活动</p>
<p>分组可以帮助你更有方向地学习，更深入地领略到书写代码的乐趣，更多地认识到志同道合小伙伴,可以使你离你的梦想更近</p>
<p>多种多样的选择，总有一个适合你,毕竟...</p>
<p class="lead"><b style="color: #0366D6;">你总能找到你的梦想</b></p>
</div>
<div class="paragraph visible-xs text-left">
<p class="lead">西电软院科协分为技术部和设计部，其中技术部目前分为ACM、iOS、Android、Web、Game五个组</p>
<p class="lead">每个组中又有掌握不同技术栈的各路学长</p>
<p>预计你们将在进入科协，经历了一轮紧张刺激的学习后进行分组，由各组长带领分别进行相应的教学活动</p>
<p>分组可以帮助你更有方向地学习，更深入地领略到书写代码的乐趣，更多地认识到志同道合小伙伴,可以使你离你的梦想更近</p>
<p>多种多样的选择，总有一个适合你,毕竟...</p>
<p class="lead"><b style="color: #0366D6;">你总能找到你的梦想</b></p>
</div>
<div class="row paragraph">
<div class="col-xs-2 visible-xs"></div>
<div class="col-sm-2 col-xs-3"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/web.png"></div>
<div class="col-sm-2 col-xs-3"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/game.png"></div>
<div class="col-sm-2 col-xs-3"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/ios.png"></div>
<div class="col-xs-2 visible-xs"></div>
<div class="col-sm-2 col-xs-3"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/acm.png"></div>
<div class="col-sm-2 col-xs-3"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/android.png"></div>
<div class="col-sm-2 col-xs-3"><img class="img-responsive" src="//sssta-official-site.oss-cn-shenzhen.aliyuncs.com/img/design.png"></div>
</div>
<div class="paragraph">
<p class="lead">想对科协分组有更多了解，你还可以前往查看<em>分组介绍</em>或者做做<em>小测试</em></p>
</div>
<div class="paragraph">
<a class="btn btn-lg index" href="./groups_introduce.html">分组介绍</a>
<a class="btn btn-lg index" href="./test.html">小测试</a>
</div>
</div>
</section>
<hr>
<section class="paragraph">
<div class="container text-center">
<h2 class="page-header">加入我们</h2>
<div class="paragraph">
<p class="lead">所以你还有什么理由不加入我们</p>
<p class="lead">就为了我在这个页面写了5个报名页的链接，你<b style="color: #0366D6;">无论如何</b>也要点一次这个按钮</p>
</div>
<div class="paragraph">
<a class="btn btn-lg index" href="./join_us.html">报名加入</a>
</div>
</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>