-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
281 lines (277 loc) · 17.9 KB
/
index.html
File metadata and controls
281 lines (277 loc) · 17.9 KB
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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="./favicon.ico" />
<title>软件孵化实验室</title>
<meta name="description" content="A Digital Agency Website landing page template built" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.13.1/css/all.min.css" rel="stylesheet">
<link href="css/aos.css" rel="stylesheet">
<link href="css/ekko-lightbox.css" rel="stylesheet">
<link href="styles/bootstrap.css" rel="stylesheet">
<link href="styles/main.css" rel="stylesheet">
<script src="js/aos.js"></script>
</head>
<body id="top">
<header>
<div class="container pt-4">
<nav class="navbar navbar-fixed-top navbar-expand-lg navbar-dark bg-transparent px-0"><a class="text-white navbar-brand" href="#">软件孵化实验室</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#da-navbarNav" aria-controls="da-navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse text-uppercase" id="da-navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link smooth-scroll" href="#services">赛事安排</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#projects">项目展示</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#gallery">实验室照片</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#joinus">加入我们</a></li>
</ul>
</div>
</nav>
</div>
<div class="da-home-page-text" data-aos="fade-right" data-aos-duration="1000">
<div class="container">
<div class="col-md-10 col-sm-12 px-0 mx-0">
<h2 class="display-3" style="margin-left:-6px;">软件孵化实验室</h2>
<h3 class="h5 mt-3">隶属于计算机学院，成立于2014年5月</h3>
<a class="smooth-scroll btn btn-outline-light mt-4" href="#learn">了解更多</a>
</div>
</div>
</div>
</header>
<div class="page-content">
<div>
<div class="da-section da-work bg-secondary" id="learn">
<div class="container">
<div class="h3 pb-3 text-center text-white" data-aos="fade-up">关于实验室</div>
<p class="px-5 pb-5 text-center text-white" data-aos="fade-up">
致力于为学生提供综合素养的成长环境、为学生提供跨学科领域的实训平台、为学生提供技术方向引导的师资力量。 以参加大赛为引导，进行组队合作完成整个项目的开发，采用“任务驱动”的方式完成项目实战。</p>
<div class="row">
<div class="col-md-4">
<div class="card mb-3" data-aos="flip-left">
<div class="card-body mt-4 mb-1 text-center"><i class="pb-3 text-primary fas fa-briefcase fa-3x"></i>
<div class="h4 pb-3">Web前后端开发</div>
<p>小程序开发，web前端开发，后台开发等。对流行的技术进行摸索学习，如React Vue.js、Spring框架 SpringBoot、.Net
Core、Mysql等。培养学生独立完成前端或后端的开发。</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-3" data-aos="zoom-in-up">
<div class="card-body mt-4 mb-1 text-center"><i class="pb-3 text-primary fas fa-sliders-h fa-3x"></i>
<div class="h4 pb-3">大数据开发</div>
<p>主要运用服务器集群，或一些其他主流大数据技术，分布式爬虫等对数据进行爬取存储。并运用ElasticSearch RabbitMQ Spark Kafka Hadoop
Hbase等技术进行数据的挖掘、存储、清洗和分析。。</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-3" data-aos="flip-right">
<div class="card-body mt-4 mb-1 text-center"><i class="pb-3 text-primary fas fa-trophy fa-3x"></i>
<div class="h4 pb-3">人工智能和机器学习</div>
<p>研究方向有深度学习、计算机视觉、自然语言处理等。对Caffe Tensorflow OpenCV Keras等深度学习，机器学习框架进行学习。进行一些预测分析项目，完成模型的训练。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="da-section" id="joinus">
<div class="container da-company-brand py-5">
<div class="h3 pb-3 text-uppercase text-center aos-init aos-animate" data-aos="fade-up">实验室纳新报名</div>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up">关于纳新</p>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up">1.优先安排周一到周末，白天晚上经常来的人。不常来的，默认自动退出（实验室位置有限）</p>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up">2.优先安排对编程开发热爱，自学能力强，无其他部门任职的成员。</p>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up">3.优先安排有意向参加大赛的成员。</p>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up">4.优先安排19级计算机相关专业的学生（有计算机基础的20级新生也可）</p>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up">关于学习</p>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up">1.有机会遇到志同道合的人组队参加山东省软件设计大赛、中国大学生服务外包创新创业大赛等</p>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up">2.有机会得到校内、校外一些组织的外包服务的机会，开发项目，拿到报酬。</p>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up">只要你热忠于新技术，学习能力强，对新事物保有好奇心，并能快速适应新环境。对所在领域有热情，不畏惧任何困难，相信方法总比困难多。善于独立思考并反思总结，喜欢和周边的人交流技术。
那还在犹豫什么？我们期待着你的加入！来加入我们，一起学习！</p>
<p class="pb-3 text-center aos-init aos-animate" data-aos="fade-up"></p>
<div class="h3 pb-3 text-uppercase text-center aos-init aos-animate" data-aos="fade-up">
<a style="background: #3d3f4c;" class="smooth-scroll btn btn-outline-light mt-4" target="_blank" href="/news">了解更多</a>
</div>
</div>
</div>
<div class="da-section bg-light" id="services">
<div class="da-services">
<div class="container text-center">
<div class="h3 pb-5 text-center" data-aos="fade-up">主要赛事</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="card mb-3">
<div class="card-body py-5" data-aos="zoom-in" data-aos-duration="500">
<div class="text-primary"><i class="pb-3 fas fa-code fa-3x"></i>
<p class="font-weight-bold">网页设计大赛</p>
</div>
<p>
山东省大学生软件设计大赛”（以下简称大赛）是山东省科协、省教育厅、山东省高教学会计算机教学研究专业委员会、济南市经信委、济南市商务局、齐鲁软件园发展中心主办，济南计算机学会、济南软件行业协会承办。山东计算机学会指导。它是面向全省高校计算机与信息专业在校大学生举办的年度性赛事。
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card mb-3">
<div class="card-body py-5" data-aos="zoom-in" data-aos-duration="1000">
<div class="text-primary"><i class="pb-3 fab fa-buromobelexperte fa-3x"></i>
<p class="font-weight-bold">
<a href="https://data.sdcloud.net/" target="_blank">济南“超算杯”</a>
</p>
</div>
<p>
第十一届山东省大学生科技节由山东省科学技术协会、山东省教育厅、共青团山东省委、山东省发展和改革委员会、山东省工业和信息化厅、山东省人力资源和社会保障厅主办。“济南超算杯”山东省大学生大数据智能大赛由山东计算机学会和山东省计算中心（国家超级计算济南中心）共同承办，山东仕达思生物产业有限公司和北京永信至诚科技股份有限公司共同协办。
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card mb-3">
<div class="card-body py-5" data-aos="zoom-in" data-aos-duration="1500">
<div class="text-primary"><i class="pb-3 fas fa-cubes fa-3x"></i>
<p class="font-weight-bold">
<a href="http://sw.sdusc.cn/index/index/index.html" target="_blank">山东省大学生软件设计大赛</a>
</p>
</div>
<p>
山东省大学生软件设计大赛”（以下简称大赛）是山东省科协、省教育厅、山东省高教学会计算机教学研究专业委员会、济南市经信委、济南市商务局、齐鲁软件园发展中心主办，济南计算机学会、济南软件行业协会承办。山东计算机学会指导。它是面向全省高校计算机与信息专业在校大学生举办的年度性赛事。
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card mb-3">
<div class="card-body py-5" data-aos="zoom-in" data-aos-duration="2000">
<div class="text-primary"><i class="pb-3 fas fa-eye fa-3x"></i>
<p class="font-weight-bold">
<a href="http://www.fwwb.org.cn/" target="_blank">中国大学生服务外包应用大赛</a>
</p>
</div>
<p>
"中国大学生服务外包创新创业大赛"（以下简称大赛），是响应国家关于鼓励服务外包产业发展、加强服务外包人才培养的相关战略举措与号召，举办的每年一届的全国性竞赛。大赛均由中华人民共和国教育部、中华人民共和国商务部和无锡市人民政府联合主办，由国家服务外包人力资源研究院、无锡市商务局、无锡市教育局、江南大学承办。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="projects" class="da-section">
<div class="container">
<div class="h3 text-center" data-aos="fade-up">获奖项目展示</div>
</div>
<div class="da-team carousel slide py-5" id="da-carouselIndicator" data-ride="carousel" data-aos="zoom-in-up" data-aos-duration="1000">
<div class="container">
<ol class="carousel-indicators">
<li class="active" data-target="#da-carouselIndicator" data-slide-to="0"></li>
<li data-target="#da-carouselIndicator" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="https://dn-coding-net-tweet.codehub.cn/photo/2019/c296865a-3fa4-4a37-aef0-c58601c476ee.jpg" alt="image" />
<div class="card-body text-center">
<div class="h5">基于人脸识别的考勤App</div>
<p class="text-muted">"蓝色空间"号</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="https://dn-coding-net-tweet.codehub.cn/photo/2019/c296865a-3fa4-4a37-aef0-c58601c476ee.jpg" alt="image" />
<div class="card-body text-center">
<div class="h5">基于人脸识别的考勤App</div>
<p class="text-muted">"蓝色空间"号</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="https://dn-coding-net-tweet.codehub.cn/photo/2019/c296865a-3fa4-4a37-aef0-c58601c476ee.jpg" alt="image" />
<div class="card-body text-center">
<div class="h5">基于人脸识别的考勤App</div>
<p class="text-muted">"蓝色空间"号</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="https://i.loli.net/2020/04/19/Fgy76K1ep83vYiW.png" alt="image" />
<div class="card-body text-center">
<div class="h5">智慧酒店项目</div>
<p class="text-muted">AntHotel Team</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="https://i.loli.net/2020/04/19/Fgy76K1ep83vYiW.png" alt="image" />
<div class="card-body text-center">
<div class="h5">智慧酒店项目</div>
<p class="text-muted">AntHotel Team</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card d-block mb-3"><img class="card-img-top" src="https://i.loli.net/2020/04/19/Fgy76K1ep83vYiW.png" alt="image" />
<div class="card-body text-center">
<div class="h5">智慧酒店项目</div>
<p class="text-muted">AntHotel Team</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container da-gallery" id="gallery">
<div class="h3 pb-5 text-center" data-aos="fade-up">实验室照片</div>
<div class="card-columns">
<div class="card"><a href="images/member-3.jpg" data-toggle="lightbox" data-gallery="da-gallery"><img class="img-fluid" src="images/member-3.jpg" alt="Gallery Image 1" /></a></div>
<div class="card"><a href="images/member-5.jpg" data-toggle="lightbox" data-gallery="da-gallery"><img class="img-fluid" src="images/member-5.jpg" alt="Gallery Image 2" /></a></div>
<div class="card"><a href="images/member-4.jpg" data-toggle="lightbox" data-gallery="da-gallery"><img class="img-fluid" src="images/member-4.jpg" alt="Gallery Image 3" /></a></div>
<div class="card"><a href="images/member-1.jpg" data-toggle="lightbox" data-gallery="da-gallery"><img class="img-fluid" src="images/member-1.jpg" alt="Gallery Image 4" /></a></div>
<div class="card"><a href="images/member-2.jpg" data-toggle="lightbox" data-gallery="da-gallery"><img class="img-fluid" src="images/member-2.jpg" alt="Gallery Image 5" /></a></div>
<div class="card"><a href="images/member-6.jpg" data-toggle="lightbox" data-gallery="da-gallery"><img class="img-fluid" src="images/member-6.jpg" alt="Gallery Image 6" /></a></div>
</div>
</div>
</div>
</div>
<footer class="bg-secondary da-section">
<div class="container text-white">
<div class="row">
<div class="col-md-4">
<div class="h2">联系我们</div>
<p class="mb-0"><a target="_blank" href="mailto:devhui@ihui.ink">devhui@ihui.ink</a></p>
<p><a target="_blank" href="https://github.com/sdutsoftlab">GitHub</a></p>
</div>
<div class="col-md-4">
<div class="h6 pb-2">友情链接</div>
<ul>
<li><a class="da-social-link" target="_blank" href="https://jsjxy.sdut.edu.cn/">计算机学院</a></li>
<li><a class="da-social-link" target="_blank" href="https://www.sdut.edu.cn/">山东理工大学官网</a></li>
</ul>
</div>
<div class="col-md-4">
<div class="h6 pb-2">Copyright</div>
<p>© 2018-2020 SDUT Software Lab. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<div id="scrolltop">
<button class="btn btn-primary"><span class="icon"><i class="fas fa-angle-up fa-2x"></i></span></button>
</div>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="js/ekko-lightbox.min.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>