-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
302 lines (296 loc) · 12.2 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
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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
<!DOCTYPE HTML>
<html>
<head>
<title>instabtbu - 北京工商大学App</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.2/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="keywords" content="instabtbu,BTBU上网登录,BTBU,insta,北京工商大学,北工商,上网登录,北工商上网登录" /> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!--//webfonts--->
<!-- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling---->
</head>
<body>
<!-- container ---->
<div class="container">
<!-- header ---->
<div class="header">
<div class="col-md-5 header-left">
<!--sreen-gallery-cursual---->
<div class="sreen-gallery-cursual">
<!-- requried-jsfiles-for owl -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : false,
navigationText : false,
pagination : true,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo" class="owl-carousel">
<div class="item">
<img src="images/divice.png" title="name" />
</div>
<div class="item">
<img src="images/divice2.png" title="name" />
</div>
<img src="images/divice3.png" title="name" />
</div>
</div>
<!--//sreen-gallery-cursual---->
</div>
</div>
<div class="col-md-7 header-right">
<a href="#"><img src="images/logo.png" title="value" /></a>
<p>全新 instabtbu 极·工商<br>先进的线程池技术与粘性服务机制<br>独特的简约设计<br>重新定义你的校园生活</p>
<ul class="big-btns">
<li><a class="btn-g" href="instabtbu.apk">点击下载</a></li> <li><a class="btn-g" href="instabtbu_for_mac.zip">mac os x</a></li> <br><br><li><a class="btn-g" href="https://yun.baidu.com/s/1mgmgKZI#dir/path=%2Finstabtbu">百度云链接</a></li>
<li><a class="btn-g" href="https://ypw.io/tags/instabtbu/">开发网志</a></li>
</ul>
<ul class="usefull-for">
<li><a class="u-and"href="instabtbu.apk"><span> </span></a></li>
<li><a class="u-windows" href="#"><span> </span></a></li>
</ul>
<br>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- header ---->
<!-- top-grids ----->
<div class="top-grids">
<div class="container">
<div class="top-grids-head text-center">
<h3>先进技术</h3>
<p>多种先进技术的应用，让 instabtbu 更加可靠、稳定，我们针对需求开发，通过技术的应用真正提升使用感受。而这一切，都在你没有察觉的时候就发生了。</p>
</div>
<div class="top-grids-box">
<div class="col-md-4 top-grid text-center">
<span class="t-icon1"> </span>
<h4>线程池技术</h4>
<p>线程池技术的应用可以帮助你在掉线的情况下依然不会发生线程阻塞 </p>
</div>
<div class="col-md-4 top-grid text-center">
<span class="t-icon2"> </span>
<h4>粘性服务</h4>
<p>通过运用粘性服务(Sticky Service)从而摆脱掉线困扰 </p>
</div>
<div class="col-md-4 top-grid text-center">
<span class="t-icon3"> </span>
<h4>全新计时技术</h4>
<p>通过时间戳来计算的延时，即使睡一整晚也不会掉线 </p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- top-grids ----->
<!-- featrues-grids----->
<div class="fea-grids">
<div class="container">
<div class="col-md-6 fea-grids-left">
<script>
$(document).ready(function() {
$("#owl-demo1").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : false,
navigationText : false,
pagination : true,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo1" class="owl-carousel">
<div class="item">
<img src="images/divice-screen1.png" title="name" />
</div>
<div class="item">
<img src="images/divice-screen2.png" title="name" />
</div>
<div class="item">
<img src="images/divice-screen3.png" title="name" />
</div>
</div>
<!--//sreen-gallery-cursual---->
</div>
<div class="col-md-6 fea-grids-left">
<h3>全新设计</h3>
<div class="fea-grids-left-grids">
<div class="fea-grids-left-grid">
<div class="fea-grids-left-grid-left">
<span class="fea-icon1"> </span>
</div>
<div class="fea-grids-left-grid-right">
<h4>从零开始</h4>
<p>针对Android这一独特平台，我们重新开始设计</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="fea-grids-left-grid">
<div class="fea-grids-left-grid-left">
<span class="fea-icon2"> </span>
</div>
<div class="fea-grids-left-grid-right">
<h4>简约设计</h4>
<p>极简的设计语言，真正围绕主旨</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="fea-grids-left-grid">
<div class="fea-grids-left-grid-left">
<span class="fea-icon3"> </span>
</div>
<div class="fea-grids-left-grid-right">
<h4>易用功能</h4>
<p>查询流量、状态更新，着眼于最重要的功能 </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="fea-grids-left-grid">
<div class="fea-grids-left-grid-left">
<span class="fea-icon4"> </span>
</div>
<div class="fea-grids-left-grid-right">
<h4>完整体验</h4>
<p>无论是Android还是Windows，你都会有完整协调的使用体验。</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- featrues-grids----->
<!-- testmonials ---->
<div class="testmonials">
<div class="container">
<script>
$(document).ready(function() {
$("#owl-demo2").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : false,
navigationText : false,
pagination : true,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo2" class="owl-carousel">
<div class="item">
<div class="testmonial-grids">
<div class="testmonial-head text-center">
<img src="images/quit.png" title="name" />
<p>"一切源于一个小小的想法：它可以更好用！于是我们开始了尝试。我们运用先进的技术，从主旨开始设计，只为达到更好的使用感受。"</p>
</div>
<div class="testmonial-row">
<div class="col-md-4 testmonial-grid">
<div class="t-people-left">
<img src="images/t-pic1.png" title="name" />
</div>
<div class="t-people-right">
<h4>杨培文</h4>
<span>Coder/Developer<br>自动132</span>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 testmonial-grid">
<div class="t-people-left">
<img src="images/t-pic2.png" title="name" />
</div>
<div class="t-people-right">
<h4>李晓文</h4>
<span>UI/UE Designer<br>物流132</span>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 testmonial-grid">
<div class="t-people-left">
<img src="images/t-pic3.png" title="name" />
</div>
<div class="t-people-right">
<h4>梁惠莹</h4>
<span>Creative Director <br> 自动131</span>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--//sreen-gallery-cursual---->
</div>
</div>
<!-- testmonials ---->
<!-- notify ---->
<div class="notify">
<div class="container">
<div class="notify-grid">
<img src="images/msg-icon.png" title="mail" />
<h3>反馈意见</h3>
<p>在这里提交您的反馈，帮我们做到更好。</p>
<input type="text" class="text" value="请输入您的反馈或联系方式" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '请输入您的反馈或联系方式';}">
<a target="_blank" href="https://shang.qq.com/wpa/qunwpa?idkey=c743e1b3242436d2d54fa8c952e3b5aee6e6a4adf981c04f9fedbbc152a67359"><input type="submit" value="提交" /></a>
</div>
</div>
</div>
<!-- notify ---->
<!-- social-icons ---->
<div class="social-icons">
<div class="container">
<img src="images/copyright.png" width="295" height="52" alt=""/> </div>
<!-- footer-links ---->
<div class="footer-links">
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</div>
<!-- footer-links ---->
</div>
<!-- social-icons ---->
</div>
<!-- container ---->
</body>
</html>