forked from Lechatelia/xjturmkz.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
286 lines (262 loc) · 11.3 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<!--告诉IE浏览器，IE8/9以上的浏览器均以最高版本的IE运行-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!------针对手机浏览器做优化的标签------->
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>电器装备及智能化系统研究所</title>
<!-- Loading third party fonts -->
<!--TODO:引入字体样式,搞清楚原理!-->
<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,700|" rel="stylesheet" type="text/css">
<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Loading main css file -->
<link rel="stylesheet" href="style.css">
<!--[if lt IE 9]>
<script src="js/ie-support/html5.js"></script>
<script src="js/ie-support/respond.js"></script>
<![endif]-->
</head>
<body>
<div class="site-content">
<!------使用 data-* 属性来嵌入自定义数据---->
<header class="site-header collapsed-nav" data-bg-image="">
<div class="container">
<div class="header-bar">
<!-------点击这部分区域即可跳转到主页------>
<!-------TODO:更换一下logo的图片------>
<a href="index.html" class="branding">
<!--TODO:找到合适的logo再考虑加上-->
<img src="images/电器装备及智能化系统研究所logo2.png" alt="" class="logo">
<!--
<div class="logo-type">
<h1 class="site-title">电器装备及智能化系统研究所</h1>
<small class="site-description">Institute of Electrical Equipment and Intelligent System</small>
</div>
-->
</a>
<nav class="main-navigation">
<button class="menu-toggle"><i class="fa fa-bars"></i></button>
<ul class="menu">
<li class="home menu-item current-menu-item"><a href="index.html"><img src="images/home-icon.png" alt="Home"></a></li>
<li class="menu-item"><a href="about.html">课题组概况</a></li>
<li class="menu-item"><a href="services.html">项目介绍</a></li>
<li class="menu-item"><a href="projects.html">论文专利</a></li>
<li class="menu-item"><a href="contact.html">联系我们</a></li>
</ul>
</nav>
<div class="mobile-navigation"></div>
</div>
</div>
</header>
<div class="hero">
<ul class="slides">
<!----------更换背景图片--------->
<!----images/slider-1.jpg >> images/init.jpg--->
<li data-bg-image="images/init1.png">
<div class="container">
<!--
<div class="slide-content">
<h2 class="slide-title">计算机视觉小组</h2>
<p>Computer Vision Group</p>
<a href="#" class="button">See details</a>
</div>
-->
</div>
</li>
<!----------更换背景图片--------->
<li data-bg-image="images/semantic2_1.png">
<div class="container">
<!--
<div class="slide-content">
<h2 class="slide-title">计算机视觉小组</h2>
<p>Computer Vision Group</p>
<a href="#" class="button">See details</a>
</div>
-->
</div>
</li>
<!----------更换背景图片--------->
<li data-bg-image="images/instance1.png">
<div class="container">
<!--
<div class="slide-content">
<h2 class="slide-title">计算机视觉小组</h2>
<p>Computer Vision Group</p>
<a href="#" class="button">See details</a>
</div>
-->
</div>
</li>
</ul>
</div>
<main class="main-content">
<div class="fullwidth-block">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="feature">
<img src="images/icon1-small.png" alt="" class="feature-image">
<h2 class="feature-title">数据标注</h2>
<p>拉框标注<br>语义分割</p>
<a href="" class="button">Learn more</a>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature">
<img src="images/icon2-small.png" alt="" class="feature-image">
<h2 class="feature-title">算法设计</h2>
<p>CNN-based模型<br>Transformer-based模型<br></p>
<a href="" class="button">Learn more</a>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature">
<img src="images/icon3-small.png" alt="" class="feature-image">
<h2 class="feature-title">模型压缩</h2>
<p>模型蒸馏<br>模型剪枝</p>
<a href="" class="button">Learn more</a>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature">
<img src="images/icon4-small.png" alt="" class="feature-image">
<h2 class="feature-title">模型部署</h2>
<p>Service部署<br>SDK部署</p>
<a href="" class="button">Learn more</a>
</div>
</div>
</div> <!-- .row -->
</div> <!-- .container -->
</div> <!-- .fullwidth-block -->
<div class="fullwidth-block" data-bg-color="#edf2f4">
<div class="container">
<h2 class="section-title">Latest Projects</h2>
<div class="row">
<div class="col-md-4">
<div class="post">
<!----------更换背景图片--------->
<figure class="featured-image"><img src="images/project1.jpg" alt=""></figure>
<h2 class="entry-title"><a href="">螺栓检测</a></h2>
<small class="date">2021/10/21</small>
<p>螺栓检测项目基本介绍</p>
</div>
</div>
<div class="col-md-4">
<div class="post">
<figure class="featured-image"><img src="images/project2.jpg" alt=""></figure>
<h2 class="entry-title"><a href="">隔离开关开断检测</a></h2>
<small class="date">2021/10/21</small>
<p>隔离开关开断检测项目介绍</p>
</div>
</div>
<div class="col-md-4">
<div class="post">
<figure class="featured-image"><img src="images/project3.jpg" alt=""></figure>
<h2 class="entry-title"><a href="">输电线路异物入侵检测</a></h2>
<small class="date">2021/10/21</small>
<p>输电线路异物入侵检测项目介绍</p>
</div>
</div>
</div> <!-- .row -->
</div> <!-- .container -->
</div> <!-- .fullwidth-block -->
<!--<div class="fullwidth-block">
<div class="container">
<div class="row">
<div class="col-md-8">
<h2 class="section-title">Our mission and vision</h2>
<p>Consequuntur minima, delectus quia labore sapiente maiores illo enim numquam sint? Molestias odio itaque, recusandae ut quae fuga ea tempore facere facilis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi cupiditate repellat velit quo, fugiat dolores eum corrupti commodi? Deserunt, adipisci sunt voluptas aliquid aliquam eos. Perspiciatis, similique atque deserunt nam.</p>
<p>Distinctio delectus consequuntur sed quod ipsum a, odio obcaecati neque, aliquam nostrum aliquid reprehenderit ad quae qui autem voluptate omnis quas Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime magnam amet obcaecati dolore omnis consectetur dignissimos iste cupiditate excepturi quae porro fugiat, nemo iure, minima. Fuga hic voluptate ratione, at.ullam.</p>
</div>
<div class="col-md-4">
<h2 class="section-title">Research summaries</h2>
<ul class="arrow-list has-border">
<li><a href="#">Praesentium voluptatum deleniti atque dolores</a></li>
<li><a href="#">Corrupti quos et quas molestias excepturi sint</a></li>
<li><a href="#">Occaecati cupiditate non provident similique sunt</a></li>
<li><a href="#">Nam libero tempore, cum soluta nobis est eligendi</a></li>
</ul>
<a href="#" class="button">Show more</a>
</div>
</div>
</div>
</div>-->
<div class="fullwidth-block cta" data-bg-image="images/cta-bg.jpg">
<div class="container">
<h2 class="cta-title">科研成果</h2>
<p>如果需要的话，这里 可以添加任何内容。如果需要的话，这里 可以添加任何内容。如果需要的话，这里 可以添加任何内容。如果需要的话，这里 可以添加任何内容。如果需要的话，这里 可以添加任何内容。</p>
<a href="#" class="button">See details</a>
</div>
</div>
<!--<div class="fullwidth-block" data-bg-color="#edf2f4">
<div class="container">
<div class="subscribe-form">
<h2>Join our newsletter</h2>
<form action="#">
<input type="text" placeholder="Enter your email">
<input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>-->
</main> <!-- .main-content -->
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="widget">
<h3 class="widget-title">Our address</h3>
<strong>西安交通大学</strong>
<address>陕西省西安市长安区高桥街道中国西部科技创新港</address>
<a href="tel:+1 800 931 812">+1 800 931 812</a> <br>
<a href="mailto:office@companyname.com">office@stu.xjtu.edu.cn</a>
</div>
</div>
<!--<div class="col-md-3">
<div class="widget">
<h3 class="widget-title">Press room</h3>
<ul class="arrow-list">
<li><a href="#">Accusantium doloremque</a></li>
<li><a href="#">Laudantium totam aperiam</a></li>
<li><a href="#">Eaque ipsa quae illo inventore</a></li>
<li><a href="#">Veritatis et quasi architecto</a></li>
<li><a href="#">Vitae dicta sunt explicabo</a></li>
</ul>
</div>
</div>-->
<!--<div class="col-md-3">
<div class="widget">
<h3 class="widget-title">Research summary</h3>
<ul class="arrow-list">
<li><a href="#">Accusantium doloremque</a></li>
<li><a href="#">Laudantium totam aperiam</a></li>
<li><a href="#">Eaque ipsa quae illo inventore</a></li>
<li><a href="#">Veritatis et quasi architecto</a></li>
<li><a href="#">Vitae dicta sunt explicabo</a></li>
</ul>
</div>
</div>-->
<div class="col-md-3">
<div class="widget">
<h3 class="widget-title">Social media</h3>
<p>balabalabalabala</p>
<div class="social-links">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
</div> <!-- .row -->
<!--<p class="colophon">copyright 2014 Company name. Designed by <a href="http://www.vandelaydesign.com/" title="Designed by VandelayDesign.com" target="_blank">VandelayDesign.com</a>. All rights reserved</p>-->
</div> <!-- .container -->
</footer>
</div>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/app.js"></script>
</body>
</html>