gdut.navigation/index.html at master · WNLee/gdut.navigation · GitHub

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
<!DOCTYPE HTML>
<!--[if IE 9]><html class="ie9 lte9 no-css3" lang="zh-cn"><![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) | !(IE 9)  ]><!--><html class='no-ie' lang="zh-cn"><!--<![endif]-->
	<head>
		<meta charset="utf-8" />
		<meta name="description" content="..." />
		<meta name="keywords" content="..." />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>GDUT Navigation</title>
		<link rel="stylesheet" type="text/css" href="styles/reset.min.css" />
		<link rel="stylesheet" type="text/css" href="styles/header-footer.css" />
		<link rel="stylesheet" type="text/css" href="styles/index.css" />
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="https://jqueryrotate.googlecode.com/files/jQueryRotate.js"></script>
		<script type="text/javascript" src="scripts/data.js"></script>
		<script type="text/javascript" src="scripts/models.js"></script>
	</head>
	<body>
		<!--[if gte ie 10]><!-->
		<div class="wrap">
			<header>
				<div class="header-wrap">
					<a href="#" id="logo"></a>
					<h1 id="title"><a href="#">广工导航 <span> GDUT Navigation</span></a></h1>
					<nav class="first-nav">
						<ul>
							<li><a href="#" data-animation="rotateOne" data-site="utility" title="学习生活 | 资讯平台" class="choosed">实用系统</a></li>
							<li><a href="#" data-animation="rotateTwo" data-site="Learning" title="社团协会 | 校级组织 | 学院团学">学习社团</a></li>
							<li><a href="#" data-animation="rotateThree" data-site="facilities" title="科研机构 | 党政机构 | 学院官网">校内设施</a></li>
							<li></li>
						</ul>
					</nav>
				</div>
			</header>
			<div class="main">
				<div class="main-content">
					<div id="list">
						<p id="location">当前位置<span id="first-locat">实用系统</span>&gt;&gt;<span id="second-locat">学习生活</span></p>
						<span class="line"></span>
						<div id="list-content">
						</div>
						<span class="line"></span>
						<p id="btn-contain"><span id="next"></span><span id="prev"></span></p>
					</div>
					<div id="decoration">
						<div id="cloud01"></div>
						<div id="cloud02"></div>
						<div id="round-container"  class="img">
							<div id="round" ></div>
							<div id="apple">
								<div class="s1"></div>
								<div class="s2"></div>
							</div>
							<div id="banana">
								<div class="s3"></div>
								<div class="s4"></div>
								<div class="s5"></div>
							</div>
							<div id="pear">
								<div class="s6"></div>
								<div class="s7"></div>
								<div class="s8"></div>
							</div>
							<div class="group">
								<div class="t1 viewOn viewChoose" title="学习生活" data-type = "stdLife"></div>
								<div class="t2 viewOn" title="资讯平台" data-type = "infoPlat"></div>
							</div>
							<div class="group">
								<div class="t3 viewChoose" title="社团协会" data-type = "organ"></div>
								<div class="t4" title="校级组织" data-type = "tissue"></div>
								<div class="t5" title="学院团学" data-type = "college"></div>
							</div>
							<div class="group">
								<div class="t6 viewChoose" title="科研机构" data-type = "inst"></div>
								<div class="t7" title="党政机构" data-type = "party"></div>
								<div class="t8" title="学院官网" data-type = "website"></div>
							</div>
						</div>
					</div>
					<div id="right-bar">
						<div class="right-bar-content">
							<h4>常用链接</h4>
							<div id="right-bar-link" data-type = "comLink">
							</div>
						</div>
					</div>
				</div>
			</div>
			<footer>
				<div class="footer-wrap">
					<p><a href="#">新生专题网 | 专属广工新生的第一站</a></p>
					<p><a href="#">工大书架 | 在这里，我们传承的不仅仅是书本</a></p>
					<p><a href="#">广工导航 | 广工人自己的导航</a></p>
					<p><a href="#">工大选修 | 广工人的选修课指南</a></p>
					<p>Copyright &copy; 2013 Product of Vtmer 维生数工作室</p>
					<p><a href="#">关于我们</a>  <a href="#">联系我们</a></p>
				</div>
			</footer>
		</div>
	<script type="text/javascript" src="scripts/router.js"></script>
	<!--><![endif]-->
	<!--[if lt ie 10]>
		<div id="update-tip-layer">
			<div id="update-tip">
				<a href="http://www.google.cn/chrome" title="Chrome" id="chrome"></a>
				<a href="http://www.apple.com.cn/safari/" title="Safari" id="safari"> </a>
				<a href="http://www.firefox.com.cn/download/" title="Firefox" id="firefox"> </a>
				<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home" title="IE 10" id="ie"></a>
			</div>
		</div>
	<![endif]-->
	</body>
</html>