-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
297 lines (285 loc) · 13.9 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width ,initial-scale=1">
<meta name="keywords" content="9thnet,第九网络组,9th,the9,西安建筑科技大学,西安建筑科技大学第九网络组,子午社联第九网络组">
<title>第九网络组</title>
<!--缩小图标-->
<link type="image/gif" href="t9.gif" rel="icon">
<link rel="stylesheet" type="text/css" href="carousel.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link id="bs-theme-stylesheet" rel="stylesheet" data-href="css/bootstrap-theme.min.css" href="data:text/css;charset=utf-8,">
<!--ie的标签-->
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript"></script>
<style>
.scrollspy{height: 200px;overflow: auto;position: relative;}
#btn {width:40px;height:40px;position:fixed;left:50%;bottom:3px;
margin-left:600px;background:url(image/huidaodingbu1.png) no-repeat;top;left;}
#btn:hover{background:url(image/huidaodingbu2.png) no-repeat;top;left;}
#weixin{width:38px;height:36px;position:fixed;left:50%;bottom:45px;
margin-left:600px;background:url(image/weixin.png) no-repeat;top;left;}
#erweima{width:203px;height:203px;position:fixed;left:50%;bottom:47px;
margin-left:396px;background:url(image/erweima.png) no-repeat;top;
left;display:none;transition:scale(0.01,0.01);transition:background-position;transform-origin:bottom right;}
.weixin:hover{width:203px;height:203px;position:fixed;left:50%;bottom:47px;
margin-left:396px;background:url(image/erweima.png) no-repeat;top;left;display: block;transition:scale(1.0,1.0) 1s;}
</style>
</head>
<body>
<div role="navigation" class="navbar navbar-inverse navbar-fixed-top" id="navbar">
<div class="container">
<div class="navbar-header">
<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">The 9</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li ><a href="#">首页</a></li>
<li ><a href="#tag-shetuan">社团</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">资源
<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#zhage">系统</a></li>
<li><a href="#zhage">网络安全</a></li>
<li><a href="#zhage">IT新闻</a></li>
<li class="divider"></li>
<li><a href="#zhage">建大热点</a></li>
<li><a href="#zhage">社团动态</a></li>
</ul>
</li>
<li><a href="#welcome">取得联系</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="image/1.jpg" alt="03">
<div class="carousel-caption">
<h4>西安建筑科技大学——图片来源于网络</h4>
<p>第九网络组社团</p>
</div>
</div>
<div class="item">
<img src="image/2.jpg" alt="02">
<div class="carousel-caption">
<h4>西安建筑科技大学——图片来源于网络</h4>
<p>第九网络组社团</p>
</div>
<div class="carousel-caption qiming">
<h2>启明于今天</h2>
<p class="glyphicon glyphicon-star">相信这是一个新的开始，而且明天会更好.</br>
请让我们的想法付诸于行动，一切都会变得越来越好.</p>
</div>
</div>
<div class="item">
<img src="image/3.jpg" alt="01">
<div class="carousel-caption">
<h4>西安建筑科技大学——图片来源于网络</h4>
<p>第九网络组社团</p>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--插入标签页-->
<div class="big-cantainer" id="tag-shetuan" style="padding:10px 0px">
<div class="grounptab" style="margin-top:80px;">
<ul class="nav nav-tabs" role="tablist">
<li class="active" ><a href="#intriduce" role="tab" data-toggle="tab" id="shetuanjianjie">社团简介</a></li>
<li ><a href="#member" role="tab" data-toggle="tab" id="shetuanjianjie"id="shetuanjianjie">社团成员</a></li>
<li ><a href="#developement" role="tab" data-toggle="tab" id="shetuanjianjie">社团发展</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="intriduce" font-size="18px">
<span><img src="image/t91.jpg" /></span>
<p> 我们是一群热爱计算机科学，有着刻苦专研精神的大学生。我们社团的宗旨是“资源共享,共学习,共提高,共进步”.
我们的口号是：现在我们是计算机的新主人，未来我们就是IT的精英！我们的誓言是“我要拼搏！我要进取！我要与
时俱进！”社团旨在同学中间普及计算机知识、提高计算机技术，提供各种计算机技术辅导。社团立志于为电脑爱好
者提供便利的学习机会和条件，使同学们计算机水平得到提高。社团以增强广大的同学的科技意识，激发广大同学的
计算机兴趣，全面提高学生的电脑知识水平和电脑应用能力；使会员在计算机领域得到全方面的发展，让各位会员拥
有更强的社会竞争力；重点发展同学在基本操作，网络，图形处理,硬件维护和编程方面的技能.并发掘和发展电脑人
才，积极回报服务社会,达到丰富大学业余生活之益。</p>
</div>
<div class="tab-pane" id="member">
<span><img src="image/t94.jpg" /></span>
<span><img src="image/t95.jpg" /></span>
<p><b>社长</b>：张浩</br>
<b>副社长</b>：</br>
<b>顾问团</b>：童凯 贺均威</br>
<b>社团骨干</b>：李欣 郭通 张景涛 张婵</br>
<b>社团成员</b>：王兆泉 杨军 翟亮 薛亚鹏</br>
叶闻晶 拜晓萌等等多位学生</br> </p>
</div>
<div class="tab-pane" id="developement">
<span><img src="image/t92.jpg" /></span>
<p>（一）组社会员学习有关计算机知识，交流不断提高社员的理论和技术水平。</br>
（二）不定期组织会员进行各项计算机知识竞赛或其他与之相关的活动。</br>
（三）适时举办最新技术讲座及咨询活动。</br>
（四）建立本社团的网站,论坛,QQ群，微信平台以便进行资料信息提供及知识交流或帮助。</br>
（五） 进行各种电脑实践, 帮助同学们解决电脑日常使用中的疑难问题，网页制作等等。</br>
（六）组织社员共同学习软件,开发软件,加强分工协作的精神。</br>
（七） 沟通社员与学校和社会相关部门的联系，扩大社员的社交范围和社会影响。</br></p><!--[if IE]>
<![endif]-->
</div>
</div>
</div>
<!--插入栅格-->
<div class="zhage" data-spy="scroll" data-target="#navbar" data-offset="100" class="scrollspy">
<div class="container" >
<div class="row " id="zhage" style="padding:50px 0px">
<div class="col-md-3" >
<h2><img src="image/1.png"></src>系统教学</h2>
<p><a href="#">Windows系统安装教程</a></p>
<p><a href="#">Linux centos系统安装教程</a></p>
<p><a href="#">Windows系统安装教程</a></p>
<p><a href="#">Linux centos系统安装教程</a></p>
<p><a href="#">Windows系统安装教程</a></p>
</div>
<div class="col-md-3">
<h2><img src="image/2.png">网络安全</h2>
<p><a href="#">不安全的Wifi</a></p>
<p><a href="#">社会工程学</a></p>
<p><a href="#">不安全的Wifi</a></p>
<p><a href="#">社会工程学</a></p>
<p><a href="#">不安全的Wifi</a></p>
</div>
<div class="col-md-3">
<h2><img src="image/3.png">建大热点</h2>
<p><a href="#">思科杯虚拟网络架构大赛</a></p>
<p><a href="#">西建大建信歌手大赛即将开赛</a></p>
<p><a href="#">思科杯虚拟网络架构大赛</a></p>
<p><a href="#">西建大建信歌手大赛即将开赛</a></p>
<p><a href="#">思科杯虚拟网络架构大赛</a></p>
</div>
<div class="col-md-3">
<h2><img src="image/4.png">社团动态</h2>
<p><a href="#">上周五进行了网络技术交流会</a></p>
<p><a href="#">本周五将举办网络技术交流会</a></p>
<p><a href="#">上周五进行了网络技术交流会</a></p>
<p><a href="#">本周五将举办网络技术交流会</a></p>
<p><a href="#">上周五进行了网络技术交流会</a></p>
</div>
</div>
</div>
</div>
<!--联系我们-->
<div id="welcome" style="padding:20px 0px">
<div class="welcome">
<div class="welcantain">
<h2>第九网络组</br></br></h2>
<p>若您想加入我们社团，请详细填写右表，网站报错填写最后一</br>项即可。</br></br></p>
<p></br></br>我们尽量会在一周内给你回复邮件，请正确填写邮箱地址和手</br>机号码。</p>
</div>
</div>
<div class="email">
<h2>第九欢迎你</h2>
<form>
<fieldset >
<div class="form-group">
<label for="TextInput">姓名</label>
<input type="text" id="TextInput" class="form-control" placeholder="**">
</div>
<div class="form-group">
<label for="TextInput">emile</label>
<input type="text" id="TextInput" class="form-control" placeholder="*********@**.com">
</div>
<div class="form-group">
<label for="TextInput">手机号</label>
<input type="text" id="TextInput" class="form-control" placeholder="+86">
</div>
<button type="submit" class="btn btn-primary">提交</button>
<button type="reset" class="btn btn-primary">重置</button>
</fieldset>
</form>
</div>
</div>
<!--友情链接-->
<div class="frilink">
<div><span>友情链接</span></div>
<select>
<option value="volvo">西安建筑科技大学南山社联</option>
<option value="saab">中华人民共和国教育部国家级教学成果奖励网</option>
<option value="opel">陕西省教育厅</option>
</select>
<select>
<option value="volvo">西安建筑科技大学科技协会 </option>
<option value="saab">长安大学教务处</option>
<option value="opel">陕师大教务处</option>
<option value="saab">西交大教务处</option>
<option value="opel">陕科大教务处</option>
</select>
<select>
<option value="volvo">程序爱好者协会 </option>
<option value="saab">二级院系</option>
<option value="opel">职能部门</option>
</select>
</div>
<!--版权信息-->
<div class="footer">
<div class="container">
<p></br><strong>Copyright © <a href="http://www.9thnet.com/"> 第九网络组</strong></a></p>
</div>
</div>
</div>
<!--侧栏工具条-->
<a href="javascript:;" id="btn" title="回到顶部"></a>
<div class="weixin">
<a href="javascript:;" id="weixin" title="公众账号"></a>
</div>
<a href="javascript:;" id="erweima" title="二维码"></a>
<script language="javascript" >
//页面加载完毕后触发（onload）
window.onload=function(){
var obtn=document.getElementById('btn');
var timer=null;
obtn.onclick=function(){
//window.alert('我被点击了');
timer=setInterval(function(){
//获取滚动条距离顶部的高度
var osTop=document.documentElement.scrollTop;
var ispeed=Math.floor(-osTop/6);
document.documentElement.scrollTop=osTop+ispeed;
if(osTop==0){
clearInterval(timer);
}
},30);
}
}
</script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$('#carousel-example-generic').carousel('next');
</script>
</body>
</html>