-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
143 lines (138 loc) · 5.81 KB
/
index.html
File metadata and controls
143 lines (138 loc) · 5.81 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
<!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, maximum-scale=1, user-scalable=no">
<title>主页-信息技术实验室</title>
<link rel="shortcut icon" href="public/images/ico.ico">
<link rel="stylesheet" href="public/style/master.min.css">
<!--
<link rel="stylesheet" href="source/style/common.css">
<link rel="stylesheet" href="source/style/index.css">
-->
</head>
<body>
<!--头部-->
<div class="header-wrap">
<div class="header-image">
<img src="public/images/17566659.jpg" alt="图标">
<h2 style="font-family:'minijianyingbik5d5dc2736165d8';">信息技术实验室</h2>
</div>
<div class="header-menu">
<ul>
<li class="active"><a href="index.html">首页</a></li>
<li><a href="public/works.html">优秀作品</a></li>
<li><a href="public/introduce.html">部门介绍</a></li>
<li><a href="public/about.html">关于我们</a></li>
<li><a href="public/prospect.html">职业前景</a></li>
<li><a href="public/join.html">加入我们</a></li>
<div class="division"></div>
</ul>
</div>
<div class="drop-menu-button">
<i class="iconfont"></i>
</div>
</div>
<div class="drop-menu">
<ul>
<li class="active"><a href="index.html">首页</a></li>
<li><a href="public/works.html">优秀作品</a></li>
<li><a href="public/introduce.html">部门介绍</a></li>
<li><a href="public/about.html">关于我们</a></li>
<li><a href="public/prospect.html">职业前景</a></li>
<li><a href="public/join.html">加入我们</a></li>
</ul>
</div>
<!--轮播图-->
<div class="flexslider" style="width100%;margin:40px auto 0 auto;position:relative;overflow:hidden;">
<ul class="slides">
<li>
<img src="public/images/banner.jpg" height="100%" alt="">
<div style="position: absolute; top:70px; left:45px;; width:70%; height:400px;">
<div class="slide_content_left">
<h2>舒适的学习环境</h2></div>
</div>
</li>
<li>
<img src="public/images/banner1.jpg" height="100%" alt="">
<div class="slide_content_right">
<h2>先进的实验室设备</h2></div>
</li>
<li>
<img src="source/images/gphoto1.jpg" height="100%" alt="">
<div class="slide_content_left">
<h2>优秀的学长学姐</h2></div>
</li>
</ul>
</div>
<!-- 主体部分-->
<div class="wrap-main">
<div class="main-1">
<div class="head">
<h1><i class="iconfont characteristic"></i>我们的特色</h1>
</div>
<div class="content">
<div class="left">
<i class="iconfont h5"><p class="info">html(5)</p></i>
</div>
<div class="center">
<i class="iconfont java"><p class="info">java web</p></i>
</div>
<div class="right">
<h2>良好的学习氛围和最先进的技术</h2>
<p class="text">每位实验员都有自己的一台电脑和电脑桌。可爱的学长学姐，可以带着你们装逼，还有负责老师有项目可以给我们练手。最重要是：有空调！不想说三遍，自己慢慢体会。本实验室主要研究网站的建立、运维。涉及的技术有html(5)、java web、数据库。</p>
<a href="public/introduce.html">了解更多>></a>
</div>
</div>
</div>
<div class="main-2">
<div class="head">
<h1><i class="iconfont characteristic"></i>你将会收获</h1>
</div>
<div class="content">
<div class="left">
<div></div>
<h2>优秀的学(lao)长(si)学(ji)姐(men)带你飞</h2>
<p>让你在大学少走弯路，更快地找到学习的方向，走向人生巅峰！</p>
</div>
<div class="center">
<h2>获得难得的实践机会</h2>
<p>企业缺少的是有项目经验的人，在这里，将有真实的项目给你练手，让你在找工作时比别人更胜一筹</p>
</div>
<div class="right"></div>
</div>
</div>
</div>
<!--底部-->
<div class="footer-wrap">
<div class="footer-left">
<h4>友情链接：</h4>
<ul>
<li><a class="btn" href="http://www.ayit.edu.cn">安阳工学院官网</a></li>
<li><a class="btn" href="http://jwgl.ayit.edu.cn">安阳工学院教务处</a></li>
</ul>
</div>
<div class="footer-center">
</div>
<div class="footer-right">
©安阳工学院信息技术实验室
</div>
</div>
<!--回到顶部-->
<div class="wrap-go-top">
<div class="go-top-gray"></div>
<div class="go-top"></div>
</div>
<script src="public/plug/jquery.min.js"></script>
<script src="public/plug/jquery.flexslider.min.js"></script>
<script src="public/javascript/master.min.js"></script>
<!--
<script src="source/javascript/common.js"></script>
<script src="source/javascript/index.js"></script>
-->
<script>
$(".flexslider").flexslider();
</script>
</body>
</html>