-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·158 lines (149 loc) · 5.71 KB
/
index.html
File metadata and controls
executable file
·158 lines (149 loc) · 5.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="renderer" content="webkit">
<title>中国矿业大学学生在线</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/index.css" />
<!--[if lt IE 9]>
<script type="text/javascript">
window.location.href = 'error.html';
</script>
<![endif]-->
</head>
<body>
<!-- 开场图片 -->
<div id="advance">
<img src="img/advanceFont.png" class="advanceFont" />
<span class="advanceBlock"></span>
</div>
<!-- 网站主体 -->
<div id="box">
<!-- 导航栏 -->
<div id="head">
<div class="top">
<!-- logo -->
<div class="leftPart">
<a href="index.html" class="logo"></a>
</div>
<!-- 右侧链接区 -->
<div class="rightPart">
<a href="javascript:;" class="more">
<ul>
<li>发 现 我 们</li>
<li>技术开发</li>
<li>打字机</li>
<li>视觉设计</li>
<li>办公运营</li>
<li>视频摄制</li>
<li>联系我们</li>
</ul>
<span></span>
</a>
</div>
</div>
</div>
<div id="nav">
<ul class="navUl">
<li><a href="javascript:;">导航</a></li>
<li><a href="javascript:;">技术开发</a></li>
<li><a href="javascript:;">打字机</a></li>
<li><a href="javascript:;">视觉设计</a></li>
<li><a href="javascript:;">办公运营</a></li>
<li><a href="javascript:;">视频摄制</a></li>
<li><a href="javascript:;">联系我们</a></li>
</ul>
<ul class="navBottomUl">
<li><a href="http://online.cumt.edu.cn/flyingstudio2014">工作室展示</a></li>
<li><a href="http://online.cumt.edu.cn/discuz/">工作室论坛</a></li>
<li><a href="http://online.cumt.edu.cn/irides/">图片网</a></li>
<li><a href="http://online.cumt.edu.cn:8080/2/index/indexAction_index.do">淘二货</a></li>
</ul>
</div>
<!-- 首页 -->
<div class="warp" id="one">
<video src="./video/1.ogv" class="oneVideo" loop="loop"></video>
<div class="videoFont"></div>
<!-- <div class="videoFont2">An Internet students' organizion in CUMT</div> -->
<div class="videoCover"></div>
<div class="allow"></div>
</div>
<!-- 技术开发组 -->
<div class="warp" id="two">
<div class="twoRightPart">
<div class="twoRightPartContent">
<div class="twoBlub"></div>
<p class="twoWenZi">这是高级生物程序猿的聚集地，他们用代码来实现心中所想。前端用HTML/CSS/JavaScript写酷炫的网页，后端给网页提供连接，数据库和动态代码等等技术支持，移动互联用Java实现各种功能的安卓手机APP。</p>
</div>
</div>
<div class="allow"></div>
</div>
<!-- 打字机 -->
<div class="warp" id="three">
<div class="computer">
<div class="wenzi">
<p>> <span class="green"><html></span></p>
<p>> <span class="green"><head></span></p>
<p>> <span class="green"><title></span>Hello:)<span class="green"></title></span></p>
<p>> <span class="green"></head></span></p>
<p>> <span class="green"><body></span></p>
<p class="typewriter">> </p>
</div>
</div>
<div class="allow"></div>
</div>
<!-- 视觉设计组 -->
<div class="warp" id="four">
<div class="fourRightPart">
<div class="fourRightPartContent">
<div class="fourBlub"></div>
<p class="fourWenZi">打开一个网站或一个APP，你能看得到和感受到的地方，就有我们的存在。这里有热爱设计，充满创意的小伙伴。我们利用Ps／Ai／Fw等软件为各种网站，APP 和海报设计呈现精美的UI和视觉效果。</p>
</div>
</div>
<div class="allow"></div>
</div>
<!-- 办公运营组 -->
<div class="warp" id="five">
<div class="fiveRightPart">
<div class="fiveRightPartContent">
<div class="fiveBlub"></div>
<p class="fiveWenZi">程序员鼓励师，协调各组共同开发，联系老师，工作室粘合剂，这就是办公组。用户与技术人员的交流窗口，协助项目组开发出符合用户需求的产品，让更多的人使用我们的产品。用精美的文字装饰产品，这就是运营组。</p>
</div>
</div>
<div class="allow"></div>
</div>
<!-- 视频组 -->
<div class="warp" id="six">
<div class="sixRightPart">
<div class="sixRightPartContent">
<div class="sixBlub"></div>
<p class="sixWenZi">波涛汹涌，后浪也汹涌。两个短寸，三个长发，几位鲜肉。培训爽快，有爱有鼓励。当然离不开爱干的事，拍延时微电影装文艺，做特效耍酷助攻宣传。</p>
</div>
</div>
<div class="allow"></div>
</div>
<!-- 联系页 -->
<div class="warp" id="seven">
<div class="contact">
<div class="contactFont"></div>
<ul class="contactUl">
<li><a href="mailto:online@cumt.edu.cn"></a></li>
<li><a href="http://weibo.com/cumtonline?topnav=1&wvr=6&topsug=1"></a></li>
<li><a href="javascript:;"></a></li>
</ul>
<div class="weiXin"></div>
<p class="contactP">
© 学生在线2000-2015<br />
地址：江苏省徐州市大学路1号中国矿业大学南湖校区<br />
Designer/Shengwen Lin Engineer/Gaoyang Xiao<br/>
苏ICP备05007141号
</p>
</div>
</div>
</div>
<script src="js/screenEnterLeave.js"></script>
<script src="js/function.js"></script>
<script src="js/index.js"></script>
</body>
</html>