-
Notifications
You must be signed in to change notification settings - Fork 0
/
campus.html
182 lines (182 loc) · 7.48 KB
/
campus.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="作者">
<meta name="keywords" content="关键字">
<meta name="description" content="描述">
<title>兰途科技-移动校园</title>
<link rel="icon" href="img/fav.ico">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/campus.css">
<link rel="stylesheet" href="css/campusMedia.css">
<script type='text/javascript' src="js/jquery-3.1.1.min.js"></script>
</head>
<body>
<!--header Start-->
<div class="header">
<div class="h-main">
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div>
<div class="h-m-nav">
<ul class="list1">
<li><a href="index.html">首页</a></li>
<li class="active"><a href="campus.html">移动校园</a></li>
<li><a href="case.html">经典案例</a></li>
<li><a href="news.html">公司动态</a></li>
<li><a href="join.html">招贤纳士</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<ul class="list2">
<li><a href="index.html">首页</a></li>
<li class="active"><a href="campus.html">移动校园</a></li>
<li><a href="case.html">经典案例</a></li>
<li class="more" onselectstart="return false">更多 <img src="img/index/nav_icon.png" alt="">
<div class="more-hide">
<ul>
<li><a href="news.html">行业新闻</a></li>
<li><a href="join.html">招贤纳士</a></li>
<li><a href="contact.html">联系我们</a></li>
<li><a href="">兰途家族</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--ENd header-->
<!--content Start-->
<div class="content">
<div class="part part1">
<div class="title">
<p class="p1">兰途移动校园</p>
<p class="p2">—— 我们做的不仅仅是APP</p>
</div>
<div class="bottom">
梳理、提升、准备，我们为您提供一站式全生命周期的呵护
<p class="btn"></p>
</div>
</div>
<div class="bg bg1"></div>
<div class="part part2">
<div class="wrap">
<div class="left">
<p class="p1">兰途移动校园</p>
<p class="p2">国内最有粘性的定制化移动校园</p>
<p class="p3">不只是APP，更是新的校园生态系统</p>
</div>
<div class="right">
<p class="p1"><img src="img/campus/m3.png" alt=""></p>
<p class="p2"><img src="img/campus/ct3_out.png" alt=""></p>
</div>
</div>
<p class="btn"></p>
</div>
<div class="bg bg2"></div>
<div class="part part3">
<div class="wrap">
<div class="first">
<p class="p1">九大应用群</p>
<p class="p2">60多个独具粘性的独立应用</p>
<p class="p3">真正离不开的一站式校园服务</p>
</div>
<div class="second">
<ul>
<li class="l1"></li>
<li class="l2"></li>
<li class="l3"></li>
<li class="l4"></li>
<li class="l5"></li>
<li class="l6"></li>
<li class="l7"></li>
<li class="l8"></li>
<li class="l9"></li>
</ul>
</div>
<div class="three">
<ul>
<li class="active"><span>基础服务</span></li>
<li><span>迎新系统</span></li>
<li><span>毕业就业</span></li>
<li><span>教学教务</span></li>
<li><span>科研教务</span></li>
<li><span>智慧物联</span></li>
<li><span>生活服务</span></li>
<li><span>家长校友</span></li>
<li><span>校园社区</span></li>
</ul>
</div>
</div>
<p class="btn"></p>
</div>
<div class="bg bg3"></div>
<div class="part part4">
<div class="wrap">
<div class="first">
<p class="p1">完善的生态系统</p>
<p class="p2"> 快速迭代，试错响应，师生参与</p>
<p class="p3">以互联网方式来做服务软件</p>
</div>
<div class="second">
<p class="p1">
<img src="img/campus/m7.png" alt="">
</p>
<p class="p2">
<img src="img/campus/m7_c.png" alt="">
</p>
</div>
</div>
<p class="btn"></p>
</div>
<div class="bg bg4"></div>
<div class="part part5">
<div class="wrap">
<div class="first">
<p class="p1">全平台</p>
<p class="p2">对于重复建设，其实我是拒绝的~</p>
<p class="p3">更纯粹的跨平台技术</p>
</div>
<div class="second">
<div class="p5-img">
<img src="img/campus/m9.png" alt="">
</div>
</div>
</div>
<p class="btn"></p>
</div>
<div class="bg bg5"></div>
<div class="part part6">
<div class="wrap">
<div class="first">
<p class="p1">全平台</p>
<p class="p2">一次建设，全面上线</p>
<div class="p3">
<ul>
<li><span>P C</span><img src="img/campus/m11_win.png" alt=""></li>
<li><span>苹果</span><img src="img/campus/m11_ios.png" alt=""></li>
<li><span>安卓</span><img src="img/campus/m11_an.png" alt=""></li>
<li><span>微信</span><img src="img/campus/m11_we.png" alt=""></li>
</ul>
</div>
</div>
<div class="second">
<img src="img/campus/m11.png" alt="">
</div>
</div>
</div>
</div>
<!--End start-->
<!--footer Start-->
<div class="footer">
<div class="f-p">
<p class="p1">备案号：蜀备13025447号-1</p>
<p class="p2">©2013-2017 版权所有</p>
<p class="p3">成都兰途网络科技有限公司</p>
</div>
</div>
<!--End footer-->
<script type="text/javascript" src="js/campus.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</body>
</html>