-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (133 loc) · 6.69 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>湖工大在线</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="jGravity">
<img class="ignoreMe" src="images/信封.gif" />
</div>
<div class="nav_box">
<div class="nav">
<div class="nav_left">
<h1>HGDONLINE</h1>
</div>
<div class="nav_right" id="menu">
<ul>
<li class="type_one"><a href="#item1" class="current">首页</a></li>
<li class="type_one"><a href="#item2">部门</a></li>
<li class="type_one"><a href="#item3">产品</a></li>
<li class="type_two"><a href="#item4">联系我们</a></li>
<li class="type_two"><a href="http://reg.hgdonline.net">加入我们</a></li>
</ul>
</div>
</div><!--end nav-->
</div><!--end nav_box-->
<div id="content">
<div id="item1" class="page_first item">
<div class="page_first_img" align="center">
<img class="first_img" src="images/首屏.gif" />
</div>
</div><!--end page_first-->
<div id="item2" class="page_second item">
<div class="headline_gray">
<p class="text_one">部 门</p>
<p class="text_two">department</p>
<p class="text_three">湖工大在线内有三个部门,分别是设计组、技术部和产品部。</p>
</div><!--end headline-->
<div class="dm_content">
<div class="content_left">
<div class="left_top_one">设计组</div>
<div class="left_top_two">Ps Ai</div>
<div class="left_top_three">UI UX</div>
<div class="left_bottom">自己设计自己的生活，不然千篇一律怎么活？</div>
</div><!--end content_left-->
<div class="content_mid">
<div class="mid_top_one">技术部</div>
<div class="mid_top_two">HTML CSS<br>JavaScript<br>PHP JAVA +</div>
<div class="mid_bottom">不用代码创造人生，就在代码上猝死吧！</div>
</div><!--end content_left-->
<div class="content_right">
<div class="right_top_one">产品部</div>
<div class="right_top_two">微信 微博 论坛</div>
<div class="right_bottom">不懂运营的策划不是好产品。<br>让我们一起改变世界。</div>
</div><!--end content_right-->
</div><!--end dm_content-->
</div><!--end page_second-->
<div class="bg_third">
<div id="item3" class="page_third item">
<div class="headline">
<p class="text_one">产 品</p>
<p class="text_two">production</p>
<p class="text_three">创造令生活更幸福的产品</p>
</div><!--end headline-->
<div class="product">
<div class="wrap">
<!-- photo负责平移，旋转 photo_wrap负责翻转-->
<div class="photo photo_front" onMouseOver="turnOver(this)" onMouseOut="turnOut(this)"><div class="photo_wrap">
<div class="side side_front"><img src="images/weixin.png" /></div>
<div class="side side_back"><img src="images/二维码.gif" /></div>
</div></div>
</div>
<div class="wrap">
<div class="photo photo_front" onMouseOver="turnOver(this)" onMouseOut="turnOut(this)"><div class="photo_wrap">
<div class="side side_front"><img src="images/weibo.png" /></div>
<div class="side side_back"><a href="http://weibo.com/hgdonline" target="_blank"><br>湖北工业大学非官方微博<br/>好孩子不要关注</a></div>
</div></div>
</div>
<div class="wrap">
<div class="photo photo_front" onMouseOver="turnOver(this)" onMouseOut="turnOut(this)"><div class="photo_wrap">
<div class="side side_front"><img src="images/nav.png" /></div>
<div class="side side_back"><a href="http://nav.hgdonline.net" target="_blank">从入学到毕业<br/>你只需要打开一个网站<br/>湖工大在线导航网<br/>湖工的网址大全</a></div>
</div></div>
</div>
<div class="wrap">
<div class="photo photo_front" onMouseOver="turnOver(this)" onMouseOut="turnOut(this)"><div class="photo_wrap">
<div class="side side_front"><img src="images/news.png" /></div>
<div class="side side_back"><a href="http://news.hgdonline.net/" target="_blank">大事小事身边事、事事关心<br/>找湖工新闻<br/>就在湖工在线新闻网</a></div>
</div></div>
</div>
<div class="wrap">
<div class="photo photo_front" onMouseOver="turnOver(this)" onMouseOut="turnOut(this)"><div class="photo_wrap">
<div class="side side_front"><img src="images/bbs.png" /></div>
<div class="side side_back"><a href="http://bbs.hgdonline.net/" target="_blank">吃喝玩乐，灌水吐槽，</br>求职招聘，租赁买卖。</br>南湖呓语，啥都有</a></div>
</div></div>
</div>
<div class="wrap">
<div class="photo photo_front" onMouseOver="turnOver(this)" onMouseOut="turnOut(this)"><div class="photo_wrap">
<div class="side side_front"><img src="images/more.png" /></div>
<div class="side side_back"><a><br>waiting for you</a></div>
</div></div>
</div>
</div><!--end product-->
</div><!--end page_third-->
</div><!--end bg_third-->
<div id="item4" class="page_fourth item">
<div class="headline_gray">
<p class="text_one">联 系</p>
<p class="text_two">contact</p>
<p class="text_three">有任何问题都可以联系我们</p>
</div><!--end headline-->
<div class="contact">
<form name="form" id="form" method="post" action="#">
<ul>
<li><input type="text" name="theme" id="theme" class="input_one" placeholder="您的主题" required/></li>
<li><input type="text" name="name" id="name" class="input_one" placeholder="您的名字" required/></li>
<li><input type="text" name="mail" id="mail" class="input_one" placeholder="您的邮箱" required/></li>
<li><textarea name="message" id="message" class="input_two" placeholder="您要发送的信息" required/></textarea></li>
</ul>
<div class="bg_bottom"></div>
<div class="bottom_img">
<img src="images/fasong.gif" id="img" style="cursor:pointer;" onClick="javascript:fsubmit(document.form);" onMouseOver="javascript:imgSwap(this);" onMouseOut="javascript:imgLoad(this);" /><!-- -->
<div class="copyright">©2015 湖工大在线.All Rights Reserved</div>
</div>
</form>
</div><!--end contact-->
</div><!--end page_fourth-->
</div>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>