-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
530 lines (518 loc) · 21.6 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
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
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--移动设备优先视窗-->
<meta content="telephone=no,email=no" name="format-detection"/><!--屏蔽电话号码-->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
<title>baubaus</title>
<!--新Bootstrap核心CSS文件-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="css/xuan.css"/> <!--旋转木马轮播-->
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/header_footer.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<!--<link rel="stylesheet/less" type="text/css" href="less/index.less"/>-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<style type="text/css">
.navbtn.Active:after{width: 100%;}
.A{transform: rotate(45deg);transform-origin: 1% bottom;}
.B{background: #FFFFFF;margin: 0;}
.C{transform: rotate(-45deg);transform-origin: 1% top;}
</style>
</head>
<body>
<!--header start-->
<header>
<nav class="navbar navbar-fixed-top animated fadeInDown">
<div class="container">
<div class="row">
<div class="navbar-header Le">
<a href="index.html" title="baubaus"><img src="images/log.png"/></a>
</div>
<button class="visible-xs pull-right collapsed Navbtn" data-toggle="collapse" data-target="#nav">
<span class="a"></span>
<span class="b"></span>
<span class="c"></span>
</button>
<div class="hidden-xs collapse navbar-collapse navbar-collapse-toolbar Ri">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html" class="navbtn Active">首页</a></li>
<li>
<a class="navbtn" style="padding-right: 10px;" href="anli/anli.html">项目案例<i></i></a>
<ul class="subnav">
<li><a href="anli/zzsj.html">住宅设计</a></li>
<li><a href="anli/jgjd.html">景观酒店</a></li>
<li><a href="anli/bgjz.html">办公建筑</a></li>
</ul>
</li>
<li>
<a class="navbtn" style="padding-right: 10px;" href="zhuanti/zhuanti.html">所有专题<i></i></a>
<ul class="subnav">
<li><a href="zhuanti/mzjx.html">每周精选</a></li>
<li><a href="zhuanti/cyrjl.html">创意人记录</a></li>
<li><a href="zhuanti/zhw.html">在海外</a></li>
<li><a href="zhuanti/rcsd.html">日常深度+</a></li>
<li><a href="zhuanti/ftzt.html">访谈专题</a></li>
<li><a href="zhuanti/qtzt.html">其他专题</a></li>
</ul>
</li>
<li>
<a class="navbtn" style="padding-right: 10px;" href="tuandui/tuandui.html">首席团队<i></i></a>
<ul class="subnav">
<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>
<li><a href="">杨杰明</a></li>
</ul>
</li>
<li><a class="navbtn" href="xinxi/xinxi.html">招聘信息</a></li>
<li><a class="navbtn" href="lianxi/lianxi.html">联系</a></li>
</ul>
</div>
</div>
</div>
<!--menu end-->
<!--submenu start-->
<div class="panel-group collapse visible-xs Submenu" id="nav">
<div class="panel">
<div class="panel-heading">
<a href="index.html">首页</a>
</div>
</div>
<div class="panel">
<div class="panel-heading">
<a href="#panel1" data-toggle="collapse" data-parent=".panel-group">项目案例<i></i></a>
</div>
<div class="collapse panel-collapse" id="panel1">
<ul class="panel-body">
<li><a href="anli/anli.html">全部</a></li>
<li><a href="anli/zzsj.html">住宅设计</a></li>
<li><a href="anli/jgjd.html">景观酒店</a></li>
<li><a href="anli/bgjz.html">办公建筑</a></li>
</ul>
</div>
</div>
<div class="panel">
<div class="panel-heading">
<a href="#panel2" data-toggle="collapse" data-parent=".panel-group">所有专题<i></i></a>
</div>
<div class="collapse panel-collapse" id="panel2">
<ul class="panel-body">
<li><a href="zhuanti/zhuanti.html">全部</a></li>
<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>
<li><a href="">其他专题</a></li>
</ul>
</div>
</div>
<div class="panel">
<div class="panel-heading">
<a href="#panel3" data-toggle="collapse" data-parent=".panel-group">首席团队<i></i></a>
</div>
<div class="collapse panel-collapse" id="panel3">
<ul class="panel-body">
<li><a href="tuandui/tuandui.html">全部</a></li>
<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>
<li><a href="">杨杰明</a></li>
</ul>
</div>
</div>
<div class="panel">
<div class="panel-heading">
<a href="xinxi/xinxi.html">招聘信息</a>
</div>
</div>
<div class="panel">
<div class="panel-heading">
<a href="lianxi/lianxi.html">联系</a>
</div>
</div>
</div>
<!--submenu end-->
</nav>
</header>
<!--header end-->
<!--banner start-->
<div id="banner" class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#"><img class="img-responsive" src="images/1494470276.jpg"/></a>
</div>
<div class="swiper-slide">
<a href="#"><img class="img-responsive" src="images/1494486070.jpg"/></a>
</div>
<div class="swiper-slide">
<a href="#"><img class="img-responsive" src="images/1494487223.jpg"/></a>
</div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next ax"></div>
<div class="swiper-button-prev ax"></div>
</div>
<!--banner end-->
<!--anli start-->
<div class="anli container">
<h3 class="wow animated fadeIn" data-wow-delay="0.2s">项目案例</h3>
<p class="desc wow animated fadeInDown">—— CASE——</p>
<p class="desc wow animated fadeInDown">最专业最受欢迎的建筑案例，专注于打造最美好的设计</p>
<!-- Swiper -->
<div class="lei wow animated fadeInUp swiper-container" data-wow-delay="0.2s">
<ul class="swiper-wrapper">
<li class="swiper-slide"><a href="anli/zzsj.html">住宅设计</a></li>
<li class="swiper-slide"><a href="anli/jgjd.html">景观酒店</a></li>
<li class="swiper-slide"><a href="anli/bgjz.html">办公建筑</a></li>
</ul>
<!-- Add Scrollbar -->
<div class="swiper-scrollbar" style="margin-bottom: -5px;"></div>
</div>
<div class="gundong wow animated fadeInUp" data-wow-delay="0.5s">
<div id="single-quad" class="carousel slide" data-ride="carousel" data-shift="1">
<div class="carousel-inner">
<ul class="row item active">
<li class="col-xs-3 one">
<a href="#" title="Allen Key 住宅">
<img src="images/fang1.jpg" srcset="images/fang1.jpg , images/fang1.jpg 2x" class="img-responsive">
</a>
<h4>
<a href="#" title="Allen Key 住宅">Allen Key 住宅</a>
</h4>
</li>
<li class="col-xs-3 two">
<a href="#" title="葡萄牙里斯本之家">
<img src="images/fang2.jpg" srcset="images/fang2.jpg , images/fang2.jpg 2x" class="img-responsive">
</a>
<h4>
<a href="#" title="葡萄牙里斯本之家">葡萄牙里斯本之家</a>
</h4>
</li>
<li class="col-xs-3 three">
<a href="#" title="杭州留香园生活体验馆">
<img src="images/fang3.jpg" srcset="images/fang3.jpg , images/fang3.jpg 2x" class="img-responsive">
</a>
<h4>
<a href="#" title="杭州留香园生活体验馆">杭州留香园生活体验馆</a>
</h4>
</li>
<li class="col-xs-3 four">
<a href="#" title="莎利山小屋 / Benn & Penna 建筑事务所">
<img src="images/fang4.jpg" srcset="images/fang4.jpg , images/fang4.jpg 2x" class="img-responsive">
</a>
<h4>
<a href="#" title="莎利山小屋 / Benn & Penna 建筑事务所">莎利山小屋 / Benn & Penna 建筑事务所</a>
</h4>
</li>
</ul>
<ul class="row item">
<li class="col-xs-3 five">
<a href="#" title="Allen Key 住宅">
<img src="images/fang1.jpg" srcset="images/fang1.jpg , images/fang1.jpg 2x" class="img-responsive">
</a>
<h4>
<a href="#" title="Allen Key 住宅">Allen Key 住宅</a>
</h4>
</li>
<li class="col-xs-3 six">
<a href="#" title="葡萄牙里斯本之家">
<img src="images/fang2.jpg" srcset="images/fang2.jpg , images/fang2.jpg 2x" class="img-responsive">
</a>
<h4>
<a href="#" title="葡萄牙里斯本之家">葡萄牙里斯本之家</a>
</h4>
</li>
<li class="col-xs-3 seven">
<a href="#" title="杭州留香园生活体验馆">
<img src="images/fang3.jpg" srcset="images/fang3.jpg , images/fang3.jpg 2x" class="img-responsive">
</a>
<h4>
<a href="#" title="杭州留香园生活体验馆">杭州留香园生活体验馆</a>
</h4>
</li>
<li class="col-xs-3 eight">
<a href="#" title="莎利山小屋 / Benn & Penna 建筑事务所">
<img src="images/fang4.jpg" srcset="images/fang4.jpg , images/fang4.jpg 2x" class="img-responsive">
</a>
<h4>
<a href="#" title="莎利山小屋 / Benn & Penna 建筑事务所">莎利山小屋 / Benn & Penna 建筑事务所</a>
</h4>
</li>
</ul>
</div>
<a href="#" class="More"></a>
<a class="carousel-control left" href="#single-quad" data-slide="prev"><i></i>Previous</a>
<a class="carousel-control right" href="#single-quad" data-slide="next"><i></i>Next</a>
</div>
</div>
</div>
<!--anli end-->
<!--about start-->
<div class="about">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-12 Le">
<img class="img-responsive wow animated zoomIn" src="images/about.png"/>
</div>
<div class="col-md-8 col-sm-12 Ri">
<h3 class="wow animated fadeIn" data-wow-delay="0.5s">关于我们</h3>
<span class="wow animated fadeInDown" data-wow-delay="0.2s">ABOUT US</span>
<p class="wow animated fadeInDown" data-wow-delay="0.3s">
我们整个团队是一支诚信负责、团结进取、高效务实开拓型的精英团队。在团队的努力下，2008年成长为建筑行业建筑工程结构设计事务所甲级企业。基于“用心、诚信”的经营原则，服务各类顾客的丰富经验，日益完善的经营和服务体系，玖鼎正合致力于成为西南一流的工程优化设计服务公司，为顾客提供最优质的服务。基于“专业、合理”的设计原则，baubaus拥有一批专业素质极强的设计团队，在所设计的作品中都能取得最优的结构体系和工程设计经济指标。
</p>
<a href="#"></a>
</div>
</div>
</div>
</div>
<!--about end-->
<!--news start-->
<div class="news">
<div class="container">
<h3>资讯中心</h3>
<span class="eng">—— NEWS ——</span>
<ul class="row">
<li class="col-sm-6 col-xs-12 wow animated fadeInRight" data-wow-delay="0.1s">
<div class="media">
<div class="media-left ims">
<a href="#" title="2016年中国经济数据公布 GDP总量料破70万亿元">
<img class="img-responsive" src="images/thumb.jpg" alt="2016年中国经济数据公布 GDP总量料破70万亿元"/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<span>2017-05-15</span>
<a href="#" title="2016年中国经济数据公布 GDP总量料破70万亿元">2016年中国经济数据公布 GDP总量料破70万亿元</a>
</h4>
<p>按照日程安排，国家统计局今日将公布2016年国内生产总值(GDP)等重磅数据。根据官方预测，2016.....</p>
</div>
</div>
</li>
<li class="col-sm-6 col-xs-12 wow animated fadeInLeft" data-wow-delay="0.1s">
<div class="media">
<div class="media-left ims">
<a href="#" title="VIA 57 West公寓赢得2016国际高层建筑奖">
<img class="img-responsive" src="images/thumb (1).jpg" alt="VIA 57 West公寓赢得2016国际高层建筑奖"/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<span>2017-05-15</span>
<a href="#" title="VIA 57 West公寓赢得2016国际高层建筑奖">VIA 57 West公寓赢得2016国际高层建筑奖</a>
</h4>
<p>BIG的VIA 57 West项目经过一致通过，因其在世界范围内成为最具创新性的高层建筑而荣膺201.....</p>
</div>
</div>
</li>
</ul>
<ul class="row">
<li class="col-sm-6 col-xs-12 wow animated fadeInRight" data-wow-delay="0.1s">
<div class="media">
<div class="media-left ims">
<a href="#" title="珠三角GDP总量超西班牙 进入“湾区经济”时代">
<img class="img-responsive" src="images/thumb (2).jpg" alt="珠三角GDP总量超西班牙 进入“湾区经济”时代"/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<span>2017-05-15</span>
<a href="#" title="珠三角GDP总量超西班牙 进入“湾区经济”时代">珠三角GDP总量超西班牙 进入“湾区经济”时代</a>
</h4>
<p>继2014年深圳市政府工作报告中首次提出“发展湾区经济”之后，在今年珠三角各地市召开的两会上，融入或.....</p>
</div>
</div>
</li>
<li class="col-sm-6 col-xs-12 wow animated fadeInLeft" data-wow-delay="0.1s">
<div class="media">
<div class="media-left ims">
<a href="#" title="当结构邂逅设计 发生了什么？">
<img class="img-responsive" src="images/thumb (8).jpg" alt="当结构邂逅设计 发生了什么？"/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<span>2017-05-15</span>
<a href="#" title="当结构邂逅设计 发生了什么？">当结构邂逅设计 发生了什么？</a>
</h4>
<p>从设计的角度来说，结构之于建筑可以概括为三种类型，暴露结构，隐藏结构，突显结构。三种类型因其不同的空.....</p>
</div>
</div>
</li>
</ul>
<ul class="row">
<li class="col-sm-6 col-xs-12 wow animated fadeInRight" data-wow-delay="0.1s">
<div class="media">
<div class="media-left ims">
<a href="#" title="CTBUH披露世界上最高的扭曲大厦项目">
<img class="img-responsive" src="images/thumb (4).jpg" alt="CTBUH披露世界上最高的扭曲大厦项目"/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<span>2017-05-15</span>
<a href="#" title="CTBUH披露世界上最高的扭曲大厦项目">CTBUH披露世界上最高的扭曲大厦项目</a>
</h4>
<p>一幅世界上扭曲建筑的最新产业研究图表揭示，“扭曲摩天楼”比以前任何时候都更加流行。CTBUH最新报告.....</p>
</div>
</div>
</li>
<li class="col-sm-6 col-xs-12 wow animated fadeInLeft" data-wow-delay="0.1s">
<div class="media">
<div class="media-left ims">
<a href="#" title="智慧城市建设莫入误区">
<img class="img-responsive" src="images/thumb (5).jpg" alt="智慧城市建设莫入误区"/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<span>2017-05-15</span>
<a href="#" title="智慧城市建设莫入误区">智慧城市建设莫入误区</a>
</h4>
<p>智慧城市是城市治理创新的重要方面。国家信息中心信息化研究部副主任单志广认为，智慧城市建设目前主要存在.....</p>
</div>
</div>
</li>
</ul>
<ul class="row">
<li class="col-sm-6 col-xs-12 wow animated fadeInRight" data-wow-delay="0.1s">
<div class="media">
<div class="media-left ims">
<a href="#" title="2016年度项目设计大奖：伦敦Tara艺术剧院">
<img class="img-responsive" src="images/thumb (6).jpg" alt="2016年度项目设计大奖：伦敦Tara艺术剧院"/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<span>2017-05-15</span>
<a href="#" title="2016年度项目设计大奖：伦敦Tara艺术剧院">2016年度项目设计大奖：伦敦Tara艺术剧院</a>
</h4>
<p>近期重新开业的英国伦敦Tara艺术剧院，是隶属于英国跨文化戏剧公司Tara Arts最新的顶级艺术剧.....</p>
</div>
</div>
</li>
<li class="col-sm-6 col-xs-12 wow animated fadeInLeft" data-wow-delay="0.1s">
<div class="media">
<div class="media-left ims">
<a href="#" title="2016年全国GDP逾3万亿元省份增至9个">
<img class="img-responsive" src="images/thumb (7).jpg" alt="2016年全国GDP逾3万亿元省份增至9个"/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<span>2017-05-15</span>
<a href="#" title="2016年全国GDP逾3万亿元省份增至9个">2016年全国GDP逾3万亿元省份增至9个</a>
</h4>
<p>2016年GDP数据陆续公布，区域经济格局发生变化。有的省份在崛起，有的省份则放缓了步伐。2015年.....</p>
</div>
</div>
</li>
</ul>
<a class="more" href="#" title="博客新闻"></a>
</div>
</div>
<!--news end-->
<!--Link start-->
<div class="Link text-center">
<div class="container">
<ol class="breadcrumb">
<li>友情链接：</li>
<li>
<a href="#"><img src="images/1494817885.png"/></a>
</li>
<li>
<a href="#"><img src="images/1494817689.png"/></a>
</li>
<li><a href="#"><img src="images/1494817722.png"/></a></li>
<li><a href="#"><img src="images/1494817374.png"/></a></li>
</ol>
</div>
</div>
<!--Link end-->
<!--footer start-->
<footer>
<div class="container text-center">
<p>我的网站 版权所有 2008-2016 湘ICP备8888888</p>
<p>本页面内容为网站演示数据，前台页面内容都可以在后台修改。</p>
<div class="powered">
Powered by
<a href="#">MetInfo</a>
5.3.16
</div>
</div>
</footer>
<button class="animated fadeInUp" data-wow-delay="0.5s" id="Top">
<i></i>
</button>
<!--footer end-->
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!--新Bootstrap核心jS文件-->
<script src="js/jquery.js"></script>
<script src="js/less.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="js/xuan.js"></script>
<script src="js/own.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/swiper.min.js"></script>
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
new WOW().init();
};
</script>
<script type="text/javascript">
//返回顶部 开始
var Top=document.getElementById("Top");
function fun(){
if(document.body.scrollTop>=500){
Top.style.display="block";
}else{
Top.style.display="none";
}
}
setInterval(fun,20);
Top.onclick=function(){
var jsq=setInterval(function(){
document.body.scrollTop-=60;
if(document.body.scrollTop==0){
clearInterval(jsq);
}
},10);
}
//返回顶部 结束
</script>
<!--banner Swiper -->
<script>
var swiper = new Swiper('#banner', {
pagination: '.swiper-pagination',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
autoHeight: true, //enable auto height
});
</script>
<!--anli swiper-->
<script>
var swiper = new Swiper('.lei', {
scrollbar: '.swiper-scrollbar',
scrollbarHide: true,
slidesPerView: 'auto',
centeredSlides: false,
spaceBetween: 30,
grabCursor: true
});
</script>
</body>
</html>