forked from 711lxsky/ISC
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
304 lines (279 loc) · 16.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="lib/css/bootstrap.min.css" rel="stylesheet">
<link href="lib/css/index.css" rel="stylesheet">
<link href="img/inspur/inspur_logo.png" rel="icon">
<title>xdu-inspur</title>
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg py-3 fixed-top">
<div class="container">
<a href="https://www.xidian.edu.cn" class="navbar-brand">
<img src="img/xdu/xdulogo.png" width="50">
<img src="img/inspur/inspur_logo.png" class="opacity-60" width="60">
<img src="img/icon/inspur.png" width="50">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navmenu">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a href="index.html" class="nav-link">
主页
</a>
</li>
<li class="nav-item">
<a href="introduce.html" class="nav-link">介绍
</a>
</li>
<li class="nav-item">
<div class="dropdown">
<a href="#" class="btn dropdown-toggle" role="button" id="dorpdownMenuLink"
data-bs-toggle="dropdown" aria-expanded="false">
团队</a>
<ul class="dropdown-menu bg-secondary w-25" aria-labelledby="dorpdownMenuLink">
<li><a href="opratesection.html" class="dropdown-item">运营部 </a> </li>
<li><a href="techsection.html" class="dropdown-item">技术部 </a></li>
</ul>
</div>
</li>
<li class="nav-item">
<a href="member.html" class="nav-link">
成员</a>
</li>
<li class="nav-item">
<a href="blog/site/index.html" class="nav-link">
博客</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- hero 1段（首页显示区）-->
<section class=" p-4 text-center text-sm-start herocase">
<div class="container">
<div class="d-sm-flex aligan-items-center justify-content-between">
<div>
<h2 class="fs-2 pt-5">加入我们成为一名<span class="text-primary">浪潮er</span> </h2>
<p class="lead my-4">西电浪潮俱乐部成立于2017年，是由<span class="fw-bold">浪潮集团</span>携手我校<span
class="fw-bold">计算机学院</span>共同打造的<span class="fw-bold">校企联合俱乐部</span></p>
<p>我们致力于培养成员的<span class="fw-bold">学习能力</span>和<span class="fw-bold">技术情怀</span>，让所有人得到成长</p>
<div class="pt-1">
<a href="introduce.html" class="btn btn-dark btn-lg" title="点击查看更多">了解浪潮更多信息</a>
</div>
<br />
<p class="text-success fs-4 fw-bold pt-4"> 2023 招新进行中<span
class="badge text-dark rounded-pill"><small>我们等你哦❤</small></span></p>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-success"
role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"
style="width: 40%"></div>
</div>
<div class="mt-4">
<span class="fs-2">➤</span>
<a class="btn btn-dark btn-lg" title="来吧！"
href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=a8Y8NR-m69A3mMLeTFJL1eKM5OcqUiNn&authKey=D4OLWI%2BwQCPie1hnHDAs93iZjlg9LCca5RdO%2BvxeHaumgeU2Af%2BKKuawXFJhS88%2F&noverify=0&group_code=860063761">一键直达招新Q群</a>
</div>
</div>
<img class="img-fluid w-50 d-none d-sm-block pt-4" src="img/inbetweening/2.png">
</div>
</div>
</section>
<!-- 过渡 -->
<section class="p-2 bg-secondary">
</section>
<!-- 展示区-->
<section class="p-5 bg-gradient showcase clearfix" style="background-image: url(img/inbetweening/5.svg);">
<div class="container">
<h3 class="text-dard text-center mb-4"><span class="badge bg-danger rounded">提问</span> 我能在浪潮收获什么？</h3>
</div>
<div class="row float-none row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-xl-4 g-4">
<div class="col">
<div class="card bg-dark h-100 ">
<div class="card-body text-center text-light">
<img src="img/icon/program.png" width="75" class="img-fluid">
<h4 class="card-title p-2" style="font-family: YouYuan">编码技术</h4>
<div class="card-text">
<p>☕如果你对编程感兴趣，那浪潮一定不会让你失望</p>
<p class="text-start">
  这里聚集了西电各路编程达人，从网站开发到机器学习，亦或是网络攻防、算法竞赛，无论你对哪方面感兴趣，你都可以在浪潮俱乐部学到想学的知识，极大地提升编程能力
</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card bg-secondary h-100">
<div class="card-body text-center text-light">
<img src="img/icon/operation.png" width="75" class="img-fluid">
<h4 class="card-title p-2" style="font-family: YouYuan">运营能力</h4>
<div class="card-text">
<p>如果你对宣传、管理类工作青睐，这里同样适合你❀</p>
<p class="text-start">
  浪潮同样需要负责运营、宣传的同学来维护俱乐部的正常运作，活动安排、宣传工作、资金流转等等事宜，会给你管理与运营能力上极大的锻炼与提升</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card bg-secondary h-100">
<div class="card-body text-center text-light">
<img src="img/icon/cooperation.png" width="75" class="img-fluid">
<h4 class="card-title p-2" style="font-family: YouYuan">团队意识</h4>
<div class="card-text">
<p>☘在浪潮，你不是一个人孤军奋战</p>
<p class="text-start">
  不论你加入哪个部门、技术组，你都将和队友、学长学姐一同学习，在交流中进步，在互助中成长<br>  技术的交锋碰撞火花，思想的汇聚凝练智慧
</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card bg-dark h-100">
<div class="card-body text-center text-light">
<img src="img/icon/study.png" width="75" class="img-fluid">
<h4 class="card-title p-2" style="font-family: YouYuan">学习能力</h4>
<div class="card-text">
<p>是的，浪潮人不仅技术强，学业上更是锋芒乍现⚡</p>
<p class="text-start">
  这里有推免清北的前辈，不乏保研名校的强者，更有均分名列前茅的学长学姐。<br>  浪潮前后辈关系都非常融洽，倾囊相授之下相信定能收获不少
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 过渡 -->
<section class="p-1 bg-secondary">
</section>
<!-- 问题答疑 -->
<section class="p-5 question">
<div class="container">
<h2 class="text-center">新人常见问题 <span class="badge bg-success rounded-3">答疑</span> </h2>
<div class="accordion accordion-flush border rounded-1" id="accordionFlush">
<div class="accordion-item align-bottom">
<h2 class="accordion-header" id="flush-headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
<span class="fs-6">我是萌新小白可以加入浪潮吗？</span>
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne"
data-bs-parent="#accordionFlush">
<div class="accordion-body">
<p>当然，我们相当欢迎!</p>
<p><span
class="fw-bold">俱乐部每年招收的同学甚至90%以上都是“小白”</span>。许多同学高中专注文化知识学习，没有接触过相关知识，这是相当正常的，不用担心或者觉得比他人差劲
</p>
<p class="fw-bold">我们主要考察的是兴趣、态度和学习能力</p>
</div>
</div>
</div>
<div class="accordion-item align-bottom">
<h2 class="accordion-header" id="flush-headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
<span class="fs-6">加入流程是什么样的呢？</span>
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo"
data-bs-parent="#accordionFlushExample">
<div class="accordion-body">
<p>一般，先加入招新Q群或者直接联系相关部门/组别负责人(详见团队页)，与俱乐部取得联系保证消息接收及时</p>
<p>之后各部门、组别进行<span class="fw-bold">第一轮面试(口头问答交流)</span>初步筛选，通过者将进行<span
class="fw-bold">第二轮考核测试(涉及各个组别的技术学习和工具使用，非常非常基础哦~~)</span>。二者中间一般会有一到两周的缓冲和学习时间</p>
<p>注：技术部各组将在面试前发布免试题，完成并验收合格后无需面试即可直接加入~~</p>
<p class="fw-bolder">强调：我们注重考察兴趣、态度和学习能力，没有基础是完全完全完全没有关系的哈~~</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#flush-collapseThree" aria-expanded="false"
aria-controls="flush-collapseThree">
<span class="fs-6">加入之后会不会被强制执行任务？</span>
</button>
</h2>
<div id="flush-collapseThree" class="accordion-collapse collapse"
aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">
<p>首先，俱乐部是<span class="fw-bold">兴趣</span>和<span
class="fw-bold">行动指向型</span>，各部门/组别负责人只是提供日常指导，不会给成员强制安排任务，学多少、学的快慢与否都是<span
class="fw-bold">自己决定</span></p>
<p class="fw-bolder">很大程度上你的兴趣和态度决定了你能走多远</p>
<p>其次，俱乐部的日常技术学习确实是需要时间的(学技术嘛，肯定得下功夫~~)，如果你日后决定花更多时间在学校文化课上也是完全没有问题的(某些程度上来讲，二者其实有不少重合)，我们相当理解~~，同样可以继续与前辈和队友交流学习、参与活动，你永远是浪潮的一员♡
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
过渡
<section class="p-1 bg-secondary">
</section>
<section>
<div class="container">
<div class="text-center pt-4">
<h1>合作伙伴</h1>
<small class="fw-bold" style="font-family: KaiTi;">浪潮俱乐部作为西电高质量俱乐部之一，一直保持与集团、俱乐部、实验室、老师等开展合作，同时也感谢优秀合作伙伴们为浪潮发展提供的大力支持！</small>
</div>
</div>
<div>
<div>
<div class="row justify-content-center">
<div class="col col-md-4">
<a href="https://www.inspur.com/lcjtww/gylc32/2315125/index.html">
<img src="img/inspur/inspur.png" class="img-fluid" alt="">
</a>
</div>
</div>
<div class="row row-cols-md-5 justify-content-center">
<div class="col" data-bs-toggle="popover" title="具体信息"
data-bs-content="位于西电校内G楼，设有空调、显示器、主机等，同时更有算力支持，由程飞老师负责" data-bs-placement="left">
<img src="img/inspur/G306.png" class="img-fluid" alt="">
</div class="col">
<div class="col" data-bs-toggle="popover" title="具体信息"
data-bs-content="位于西电校内G楼，设有工位、设备等" data-bs-placement="right">
<img src="img/inspur/G303.png"
class="img-fluid" alt=""></div>
</div>
<div class="row justify-content-center pt-3">
<div class="col col-md-3">
<a href="https://faculty.xidian.edu.cn/LD4/zh_CN/index/371853/list/index.htm">
<img src="img/inspur/lidong-teacher.png" class="img-fluid" alt="">
</a>
</div>
</div>
<br>
</div>
</div>
</section>
-->
<!-- 页脚 -->
<footer class="p-1 bg-dark text-white text-center">
<div class="container">
<small class="lead fs-6">Copyright © 2023 ISC-WEB</small>
</div>
</footer>
<script src="lib/js/bootstrap.bundle.min.js"></script>
<script>
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
})
// var popover = new bootstrap.Popover(document.querySelector('.popover-dismiss'), {
// trigger: 'focus'
// })
</script>
</body>
</html>