-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
275 lines (271 loc) · 9.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>SACC</title>
<link rel="shortcut icon" href="./img/logo/logo.png">
<link rel="apple-touch-icon" href="./img/logo/logo_4.png">
<link rel="apple-touch-icon" sizes="72x72" href="./img/logo/logo_2.png">
<link rel="apple-touch-icon" sizes="114x114" href="./img/logo/logo_3.png">
<link rel="stylesheet" href="./style/reset.css">
<link rel="stylesheet" href="./style/index.css">
<link rel="stylesheet" href="./font/icon/iconfont.css">
<link rel="stylesheet" href="./font/alphabet.css">
<link rel="stylesheet" href="./style/mobile.css">
</head>
<body>
<div class="load">
<div class="ballBox">
<div class="ball-triangle-path">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="welcome">
Welcome to <span>SACC</span>
</div>
</div>
<canvas id="Logo" width="1900" height="2811"></canvas>
<div id="nav" class="navHidden">
<div class="navLine"></div>
<div class="navLine"></div>
<div class="navLine"></div>
</div>
<div class="container">
<div class="nav">
<div class="navigationBox">
<ul>
<li class="navigation">
<div class="stick home"></div>
<span>首页</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>部门介绍</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>主席团</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>技术分组</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>活动展示</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>项目展示</span>
</li>
<li class="navigation">
<h3>
<a href="https://jq.qq.com/?_wv=1027&k=5Ijl448" target="blank">
<p><span class="iconfont"></span></p>
</a>
<a href="mailto:mailto:[email protected]" target="blank">
<p><span class="iconfont"></span></p>
</a>
<a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI5NjY5ODE0Nw==&scene=124#wechat_redirect"
target="blank">
<p><span class="iconfont"></span></p>
</a>
<a href="https://github.com/NJUPT-SACC" target="blank">
<p><span class="iconfont"></span></p>
</a>
</h3>
</li>
</ul>
<div class="navigationLogo">
<img src="./img/material/navLogo.png" alt="">
</div>
</div>
<div class="navBg">
<div class="navBgLeft"></div>
<div class="navBgRight"></div>
</div>
</div>
<div class="navMobile">
<ul>
<li class="navigation">
<div class="stick"></div>
<span>首页</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>技术分组</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>历任主席</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>部门介绍</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>活动展示</span>
</li>
<li class="navigation">
<div class="stick"></div>
<span>联系我们</span>
</li>
</ul>
</div>
<div class="logo">
<div class="star meteor"></div>
<div class="starBox"></div>
<div id="logoText">
<p>SACC</p>
<div class="linkBtnBox">
<button>查询系统</button>
<button>比赛系统</button>
</div>
</div>
<div class="littleThings">
<img src="./img/material/蓝紫星球.png" alt="">
<img src="./img/material/rocket.png" alt="">
<img src="./img/material/ufo.png" alt="" class="secondScreen">
<img src="./img/material/metor.png" alt="" class="secondScreen">
<img src="./img/material/rocketSecond.png" alt="" class="secondScreen">
<img src="./img/material/METORBLUE.png" alt="" id="arraw">
</div>
</div>
<div class="department">
</div>
<div class="presidium">
<div class="presidiumContent">
<div class="moonBox">
<img src="./img/material/moon.png" alt="">
</div>
<ul>
<li>
<h3>
计软<br>网安院<br>科协<br>主席团
</h3>
</li>
</ul>
</div>
</div>
<div class="presidiumMobile">
<div class="presidiumMobile_2019">
<ul></ul>
</div>
<div class="presidiumMobile_2018">
<ul></ul>
</div>
<div class="presidiumMobile_2017">
<ul></ul>
</div>
</div>
<div class="teamBox">
<div class="teamBoxCloud">
<img src="./img/material/clouds.png" alt="">
</div>
<div class="team">
<div class="teamLeft">
<canvas id="Group" width="950" height="935"></canvas>
<div class="teamLeftBox"></div>
</div>
<div class="teamRight"></div>
<div class="backgroundImg">
<img src="./img/material/groupCloud.png" alt="">
</div>
</div>
</div>
<div class="activity">
<div class="activityImgBox">
<div class="competion comeq1">
<h1 class="competionName">
<span class="pale">宣讲</span>会</h1>
<div class="activityIntroduction">
<div class="activityimg">
<img src="./img/activity/xjh.jpg" alt="">
</div>
<p class="activityIntroductionText">
计软网安院科协宣讲会主要面向每一年全校新生，会上有学长学姐向萌新们介绍院科协的三大部分、六个技术分组，邀请更多的萌新加入我们，成为院科协的一份子，共同为院科协的成长助力。</p>
</div>
</div>
<div class="competion comeq2">
<h1 class="competionName">
网页<span class="pale">设计大赛</span></h1>
<div class="activityIntroduction">
<div class="activityimg">
<img src="./img//activity/wysj.jpg" alt="">
</div>
<p class="activityIntroductionText">“和巨耀通杯”网页设计大赛以设计社团主页为主题，通过线上报名的方式，吸引了全校二百余名网页设计爱好者参加比赛。</p>
</div>
</div>
<div class="competion comeq3">
<h1 class="competionName">
<span class="pale">计算机基础</span>知识大赛</h1>
<div class="activityIntroduction">
<div class="activityimg">
<img src="./img/activity/jczs.jpg" alt="">
</div>
<p class="activityIntroductionText">
本次比赛，扩充了同学们的计算机基础知识，增强同学们对计算机的动手操作能力以及对基础知识重要性的认识，激发学习兴趣，使更多同学感受到计算机知识的魅力，丰富了同学们的校园生活。</p>
</div>
</div>
<div class="competion comeq4">
<h1 class="competionName">
华为杯程序<span class="pale">设计大赛</span></h1>
<div class="activityIntroduction">
<div class="activityimg">
<img src="./img//activity/hwb.jpg" alt="">
</div>
<p class="activityIntroductionText">大赛整体考验选手对各类程序设计算法的理解和掌握程度，以及C、C++、Java等编程语言的应用能力。</p>
</div>
</div>
</div>
<div class="cloudBoxA"></div>
<div class="cloudBoxB"></div>
<div class="cloudBoxC"></div>
</div>
<div class="project">
</div>
<div class="illustrations">
<div class="illustrationsHouse">
<img src="./img/material/chahuabg.png" alt="">
<img src="./img/material/chahua.png" alt="" id="illustrationsTree">
</div>
<div class="blueBgBox">
</div>
<div class="purpleBgBox"></div>
</div>
<div class="contactUs">
<div class="contactWay">
<h3>
<a href="https://jq.qq.com/?_wv=1027&k=5Ijl448" target="blank">
<p><span class="iconfont"></span> 3159742702</p>
</a>
<a href="mailto:mailto:[email protected]" target="blank">
<p><span class="iconfont"></span> [email protected]</p>
</a>
<a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI5NjY5ODE0Nw==&scene=124#wechat_redirect"
target="blank">
<p><span class="iconfont"></span> 南邮计软网安院科协</p>
</a>
<a href="https://github.com/NJUPT-SACC" target="blank">
<p><span class="iconfont"></span> NJUPT-SACC</p>
</a>
</h3>
</div>
<div class="back">
<img src="./img/material/upArrow.png" alt="" id="back">
</div>
</div>
</div>
</body>
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/canvas.js"></script>
<script src="./js/data_Import.js"></script>
<script src="./js/mobile.js"></script>
<script src="./js/index.js"></script>
</html>