forked from Bonnie222/qifeiye
-
Notifications
You must be signed in to change notification settings - Fork 0
/
example.html
363 lines (358 loc) · 16.9 KB
/
example.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
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/example.css"/>
<link rel="stylesheet" href="css/footer&cbl.css" />
<link rel="stylesheet" href="css/daohang.css"/>
<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
<script type="text/javascript" src="js/bootstrap.js" ></script>
<script type="text/javascript" src="js/hp.js"></script>
<script type="text/javascript" src="js/templet.js" ></script>
<title></title>
</head>
<body>
<div id="main">
<header data-spy="affix" data-offset-top="70">
<nav class="navbar-inverse" id="daohang">
<div class="daohang">
<div class="navbar-header clearfix">
<button type="button" class="zd" id="zd" >
<span class="glyphicon glyphicon-align-justify"></span>
</button>
<a href="#" class="navbar-brand"><img src="img/qifeiye.png"/></a>
</div>
<div class="collapse navbar-collapse" id="daohangtiao">
<ul class="nav navbar-nav">
<li><a href="index.html">首页</a></li>
<li><a href="templet.html">模板</a></li>
<li><a href="setmeal.html">套餐</a></li>
<li><a href="example.html">案例</a></li>
<li class="wd1"><a href="">文档</a>
<ul class="wd2 clearfix">
<li class="pull-left " style="width: 233px;">
<p><a href="#" class="a1">教程中心</a></p>
<ul class="ul1 pull-left">
<li><a href="#">快速入门</a></li>
<li><a href="#">绑定域名</a></li>
<li><a href="#">网页设计</a></li>
</ul>
<ul class="ul2 pull-left">
<li><a href="#">SEO相关</a></li>
<li><a href="#">网站备案</a></li>
<li><a href="#">商城在线</a></li>
</ul>
</li>
<li class="pull-left clearfix" style="width: 219px;">
<p><a href="#" class="a1">版本更新日志</a></p>
<ul class="ul1">
<li><a href="#" title="系统升级日志：V4.52">系统升级日志：V4.52</a></li>
<li><a href="#" title="系统升级日志：V4.50 & V4.51">系统升级日志：V4.50 ...</a></li>
<li><a href="#" title="系统升级日志：V4.49">系统升级日志：V4.49</a></li>
<li><a href="#" title="系统升级日志：V4.48">系统升级日志：V4.48</a></li>
</ul>
</li>
<li class="pull-left clearfix" style="width: 479px;">
<p><a href="#" class="a1">建站资讯</a></p>
<ul class="ul1">
<li><a href="#" title="2017年响应式网站设计中字体排版的新趋势">2017年响应式网站设计中字...</a></li>
<li><a href="#" title="如何提高网站的设计感？巧妙的几何图案是个捷径">如何提高网站的设计感？巧妙的...</a></li>
<li><a href="#" title="什么是响应式网页布局? 给你五个最经典的例子">什么是响应式网页布局? 给你...</a></li>
<li><a href="#" title="干货分享: 几何设计学原理の黄金分割在网页设计中应用">干货分享: 几何设计学原理の...</a></li>
</ul>
</li>
</ul>
</li>
<li class="gy1"><a href="">关于</a>
<ul class="gy2 clearfix">
<li class="pull-left clearfix" style="width: 130px;">
<p><a href="#" class="a1">公司介绍</a></p>
<ul class="ul1">
<li><a href="#">公司介绍</a></li>
<li><a href="#">服务条款</a></li>
<li><a href="#">法律声明</a></li>
<li><a href="#">可接受服务</a></li>
<li><a href="#">免责声明</a></li>
</ul>
</li>
<li class="pull-left clearfix" style="width: 330px;">
<p><a href="#" class="a1">荣誉资质</a></p>
<table >
<tr>
<td><a href="#" class="a2"><img src="img/gy04.jpg"/></td>
<td><a href="#" class="a2"><img src="img/gy01.jpg"/></td>
</tr>
<tr>
<td><a href="#" class="a2"><img src="img/gy03.jpg"/></td>
<td><a href="#" class="a2"><img src="img/gy02.jpg"/></td>
</tr>
</table>
</li>
<li class="lianxi pull-left clearfix" style="width: 478px;">
<p><a href="#" class="a1">联系客服</a></p>
<ul class="col-lg-12 col-md-12">
<li><a href="#" class="aa1">客户服务热线</a></li>
<li><a href="#" class="aa2">4006-285-729</a></li>
<li><a href="#" class="aa1">QQ客户中心</a></li>
<li><a href="#" class="aa2">800088546</a></li>
<li><a href="#" class="aa1">公司地址</a></li>
<li><a href="#" class="aa2">苏州市工业园区加成大厦F4-D2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="zcdl nav navbar-nav pull-right">
<li><a href="login.html">登录</a></li>
<li><a href="register.html">注册</a></li>
</ul>
</div>
</div>
<div id="box">
<div class="box1 col-sm-2 col-xs-2">
<span id="X" class="glyphicon glyphicon-remove pull-right" ></span>
</div>
<div class="box2 col-sm-10 col-xs-10" >
<ul id="ul1"class="clearfix">
<li><a href="index.html">首页</a></li>
<li><a href="templet.html">模板</a></li>
<li><a href="setmeal.html">套餐</a></li>
<li><a href="example.html">案例</a></li>
<li id="wd"><a>文档<i class="glyphicon glyphicon-menu-right"></i></a></li>
<li id="gy"><a>关于<i class="glyphicon glyphicon-menu-right"></i></a></li>
</ul>
<div id="wd1">
<ul>
<li id="fanhui1"><a>返回上一级</a></li>
<li><a>教程中心</a></li>
<li><a>建站资讯</a></li>
<li><a>更新日志</a></li>
</ul>
</div>
<div id="gy1" >
<ul id="ul2">
<li id="fanhui2"><a>返回上一级</a></li>
<li id="gcxx"><a>公司信息<i class="glyphicon glyphicon-menu-right"></i></a></li>
<li><a>荣誉资质</a></li>
<li><a>联系客服</a></li>
</ul>
</div>
<div id="gc" >
<ul >
<li id="fanhui3"><a>返回上一级</a></li>
<li><a>公司介绍</a></li>
<li><a>服务条款</a></li>
<li><a>法律声明</a></li>
<li><a>可接受服务</a></li>
<li><a>免责声明</a></li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<div class="main">
<div class="e1">
<div class="e1-1">
<div class="e1-1-1 ">
<div class="e1-1-1a container">
<img src="img/p4-2.png" class="img-responsive" width="234" height="56"/><br />
<span>起飞页是当今最领先的响应式自助建站平台，流线式网页布局设计方案，可视化图文内容编辑模式，它让网站制作和维护成为一件轻松惬意的事。无论是普通互联网用户还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。</span>
<br><a>现在注册</a>
</div>
</div>
</div>
<div class="e1-2">
<div class="e1-2-1">
<div class="e1-2-1a container">
<span>用户作品展示</span>
<br>
<p>众多不懂编程的用户使用起飞页自助建站平台做出了效果非凡的网站。</p>
<p>也许，您也可以和他们一样出色！</p>
</div>
</div>
</div>
</div>
<div class="e2 clearfix">
<div class="e2-1 col-lg-2 col-md-2">
<ul class="eul1">
<li><span class="active"><b class="glyphicon glyphicon-play"></b> 所有案例</span></li>
<li><span><b class="glyphicon glyphicon-play"></b> 按功能分类</span>
<ul class="eul2">
<li><a><b class="glyphicon glyphicon-play"></b> 企业展示</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 产品、作品...</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 个人展示</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 博客</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 在线商城</a></li>
</ul>
</li>
<li><span><b class="glyphicon glyphicon-play"></b> 按行业分类</span>
<ul class="eul2">
<li><a><b class="glyphicon glyphicon-play"></b> 企业服务</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 文化机构</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> IT</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 贸易</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 金融</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 图媒</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 家居</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 旅游</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 法律服务</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 生物科技</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 能源</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 餐饮</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 汽车服务</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 公益</a></li>
</ul>
</li>
<li><span><b class="glyphicon glyphicon-play"></b> 按语言分类</span>
<ul class="eul2">
<li><a><b class="glyphicon glyphicon-play"></b> 英语</a></li>
<li><a><b class="glyphicon glyphicon-play"></b> 日语</a></li>
</ul>
</li>
</ul>
</div>
<div class="e2-2 col-lg-10 col-md-10 col-sm-12 col-xs-12 clearfix">
<div class="e2-2-1">
<div>
<div class="e2-2-1-menu" data-toggle="collapse" data-target="#nav">按分类浏览<i class="glyphicon glyphicon-menu-down pull-right"></i></div>
<nav id="nav" class="collapse" >
<li><b class="glyphicon glyphicon-play"></b> 所有案例</li>
<li data-toggle="collapse" data-target="#e2ul1" ><b class="glyphicon glyphicon-play"></b> 按功能分类<i class="glyphicon glyphicon-menu-down pull-right"></i>
<ul id="e2ul1" class="e2ul collapse" >
<li><b class="glyphicon glyphicon-play"></b> 企业展示</li>
<li><b class="glyphicon glyphicon-play"></b> 产品、作品...</li>
<li><b class="glyphicon glyphicon-play"></b> 个人展示</li>
<li><b class="glyphicon glyphicon-play"></b> 博客</li>
<li><b class="glyphicon glyphicon-play"></b> 在线商城</li>
</ul>
</li>
<li data-toggle="collapse" data-target="#e2ul2"><b class="glyphicon glyphicon-play"></b> 按行业分类<i class="glyphicon glyphicon-menu-down pull-right"></i>
<ul id="e2ul2" class="e2ul collapse">
<li><b class="glyphicon glyphicon-play"></b> 企业服务</li>
<li><b class="glyphicon glyphicon-play"></b> 文化机构</li>
<li><b class="glyphicon glyphicon-play"></b> IT</li>
<li><b class="glyphicon glyphicon-play"></b> 贸易</li>
<li><b class="glyphicon glyphicon-play"></b> 金融</li>
<li><b class="glyphicon glyphicon-play"></b> 图媒</li>
<li><b class="glyphicon glyphicon-play"></b> 家居</li>
<li><b class="glyphicon glyphicon-play"></b> 旅游</li>
<li><b class="glyphicon glyphicon-play"></b> 法律服务</li>
<li><b class="glyphicon glyphicon-play"></b> 生物科技</li>
<li><b class="glyphicon glyphicon-play"></b> 能源</li>
<li><b class="glyphicon glyphicon-play"></b> 餐饮</li>
<li><b class="glyphicon glyphicon-play"></b> 汽车服务</li>
<li><b class="glyphicon glyphicon-play"></b> 公益</li>
</ul>
</li>
<li data-toggle="collapse" data-target="#e2ul3"><b class="glyphicon glyphicon-play"></b> 按语言分类<i class="glyphicon glyphicon-menu-down pull-right"></i>
<ul id="e2ul3" class="e2ul collapse">
<li><b class="glyphicon glyphicon-play"></b> 英语</li>
<li><b class="glyphicon glyphicon-play"></b> 日语</li>
</ul>
</li>
</nav>
</div>
</div>
<div class="e2-2-2 col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix">
<!--<div class="e2-2-2-anli col-lg-6 col-md-6 col-sm-6 col-xs-6" style="background: skyblue;">
<div class="e2-2-2-img">
<a title="新森品牌设计"><img src="img/p4-4.png" class="img-responsive"/></a>
</div>
<div class="e2-2-2-w">
<span><a title="新森品牌设计">新森品牌设计</a></span>
<p>大陆三区</p>
</div>
</div>-->
</div>
<div class="e2-2-3 col-lg-12 col-md-12 col-sm-12 col-xs-12">
<a>查看更多作品</a>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="f1">
<div class="container">
<div class="ff1 col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="ff1-1">起飞页 · 优雅做网站</div>
<div class="ff1-2">2014年起，专注于响应式建站领域。起飞页是目前国内最专业、最领先的响应式建站平台。</div>
<div class="ff1-3">
<p>Q Q客服：800088546</p>
<p>客服热线：4006-285-729 / 0512-62969169</p>
</div>
<div class="ff1-4">
<p>合作伙伴:</p>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (1).png"></div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (4).png"></div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (2).png"></div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (3).png"></div>
</div>
</div>
<div class="ff2 col-lg-8 col-md-8">
<div class="col-lg-2 col-md-2">
<div class="ff2-1"><p>公司信息</p></div>
<p><a href="#">公司介绍</a></p>
<p><a href="#">服务条款</a></p>
<p><a href="#">法律声明</a></p>
<p><a href="#">可接受服务</a></p>
<p><a href="#">免责声明</a></p>
</div>
<div class="col-lg-2 col-md-2">
<div class="ff2-1"><p>技术支持</p></div>
<p><a href="#">联系客服</a></p>
<p><a href="#">建站教程</a></p>
<p><a href="#">更新日志</a></p>
<p><a href="#">博客</a></p>
<p><a>免责声明</a></p>
</div>
<div class="col-lg-4 col-md-4">
<div class="ff2-1"><p>快速入口</p></div>
<p><a href="#">提交域名备案流程</a></p>
<p><a href="#">申请域名设定服务</a></p>
<p><a href="#">在线格式转换</a></p>
<p><a href="#">检测网站为什么打不开</a></p>
<p><a href="#">检测网站为什么打开很慢</a></p>
</div>
<div class="col-lg-4 col-md-4" style="padding-right: 0;">
<div class="ff2-1"><p>最新资讯</p></div>
<p><a href="#">干货分享: 几何设计学原理の黄金分割在网...</a></p>
<p><a href="#">系统升级日志: V4.52</a></p>
<p><a href="#">如何改善网站留给用户的第一印象？（下）</a></p>
<p><a href="#">如何改善网站留给用户的第一印象？（上）</a></p>
<p><a href="#">多彩字体指南：让新手也能快速体验网页缤纷...</a></p>
</div>
</div>
</div>
</div>
<div class="f2">
<div class="container">
<hr style="width: 100%;border: none;height: 1px;background-color: #E2E2E2;"/>
<p>拓展您的业务，展示您的风采，或者只是尝试一下新的想法。 起飞页自助建站平台，拉近您与互联网的距离！</p>
<hr style="width: 100%;border: none;height: 1px;background-color: #E2E2E2;"/>
<p>版权所有 2013-2017 苏州卡达网络科技有限公司 增值电信业务经营许可证苏B2-20150321 苏ICP备09008221号-3 版本: V3.6</p>
</div>
</div>
</div>
<ul class="cbl" >
<li><a href="#">
<div class="icon d1"><i class="i1"></i><span class="title">在线客服</span></div>
</a></li>
<i class="clearfix"></i>
<li><a href="#">
<div class="icon d2"><i class="i2"></i><span class="title">4006285729</span></div>
</a></li>
<i class="clearfix"></i>
<li><a href="#">
<div class="icon"><i class="i3"></i><span class="title">教程中心</span></div>
</a></li>
<i class="clearfix"></i>
<li ><a href="#">
<div class="icon d4" data-toggle="tooltip" data-placement = "left" title="<img src='img/erweima.png'><br/> 关注微信 " data-html="true"><i class="i4"></i></div>
</a></li>
</ul>
</div>
</body>
</html>