-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
393 lines (386 loc) · 13.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="BBQ">
<title>王浩烧烤</title>
<link rel="shortcut icon" type="image/x-icon" href="img/icon/favicon.ico">
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/icon.css">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?05e4a554b37e54a1436450128ce7173c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<style type="text/css">
.expertbox{width:840px;margin:40px auto 0 auto;}
.it_expert{height:50px;position:relative;color:#686868;line-height:50px;}
.it_expertp1{width:120px;height:50px;font-size:18px;text-indent:2em;color:#686868;line-height:50px;float:left;}
.it_expertp2{width:200px;height:50px;float:right;text-align:center;}
#it_awewe a{display:inline-table!important;}
.it_expertspan1{margin-right:10px;color:#868585;display:inline-table;text-align:center;line-height:30px;}
.it_expertspan2{color:#868585;display:inline-block;text-align:center;line-height:30px;}
.it_expert3{}
.it_expertxt{height:126px;border-bottom:1px solid #e4e4e4;position:relative;}
.it_expertit{color:#434343;font-size:16px;padding-left:30px;padding-top:30px;padding-bottom:6px;position:relative;}
.it_experconter{width:700px;padding:6px;padding-left:30px;color:#7d858c;position:relative;}
</style>
</head>
<body>
<!-- Header -->
<header id="header" class="">
<div class="container">
<div class="global-nav">
<button class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html">烤天下</a>
<nav class="navbar">
<ul class="nav">
<li class="pc-nav-home">
<a href="index.html" class="home-current">首页</a>
</li>
<li class="pc-nav-food">
<a href="food.html">招牌美食</a>
</li>
<li class="pc-nav-char">
<a href="activity.html">特色活动</a>
</li>
<li class="pc-nav-join">
<a href="join.html">招商加盟</a>
</li>
<li class="pc-nav-ente">
<a href="profile.html">企业概况</a>
</li>
<li class="pc-nav-menn">
<a href="about.html">联系我们</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<!--Banner-->
<section class="carousel-top">
<div class="banner">
<div class="b-img">
<a href="#" style="background:url(img/banner/slider-1.jpg) center no-repeat; background-size:cover;"></a>
<a href="#" style="background:url(img/banner/slider-2.jpg) center no-repeat; background-size:cover;"></a>
<a href="#" style="background:url(img/banner/slider-1.jpg) center no-repeat; background-size:cover;"></a>
<a href="#" style="background:url(img/banner/slider-2.jpg) center no-repeat; background-size:cover;"></a>
</div>
<div class="b-list"></div>
<a class="bar-left" href="#"><em></em></a>
<a class="bar-right" href="#"><em></em></a>
</div>
</section>
<!-- Product -->
<section id="greenx">
<div class="container">
<div class="row">
<div class="item-title">
<h1>特色展示</h1>
<h3>Featured display</h3>
</div>
<div class="col-4">
<div class="item item-music">
<div class="item-pad item-pad-1"></div>
<h2>音乐</h2>
<p>啤酒让人麻醉，音乐让人清醒，摇摆灯光深 夜美味，低吟浅唱亦或是引亢高歌。手持啤酒，碌着烧烤，一起哼唱，充分释放</p>
<a href="#">了解更多 </a>
</div>
</div>
<div class="col-4">
<div class="item item-beer">
<div class="item-pad item-pad-2"></div>
<h2>啤酒</h2>
<p>音乐和啤酒就是绝配，搭配天生的华尔兹舞步现场氛围快速升温，让您体验一样与众不同的烧烤盛宴，手持啤酒，碌着烧烤</p>
<a href="#">了解更多 </a>
</div>
</div>
<div class="col-4">
<div class="item item-party">
<div class="item-pad item-pad-3"></div>
<h2>聚会</h2>
<p>音乐和啤酒就是绝配，搭配天生的华尔兹舞步现场氛围快速升温，让您体验一样与众不同的烧烤盛宴，手持啤酒，碌着烧烤</p>
<a href="#">了解更多 </a>
</div>
</div>
</div>
</div>
</section>
<!-- News -->
<section id="philosophy">
<div class="container">
<div class="row">
<div class="item-title">
<h1>新闻</h1>
<h3>News</h3>
</div>
<div class="col-5 item-news">
<div class="item-lists">
<div class="news-img"><a href="#"><img src="img/bj/news.jpg" alt=""></a></div>
<div class="news-text">
<h4><a href="news-page.html">烤天下成都新店开张</a></h4>
<p>个性定位，打造极致体验，新店开张火爆成都，要玩要嗨就来烤天下，预定电话 8020113</p>
<p class="news-large">04-20</p>
<p>2017</p>
</div>
</div>
</div>
<div class="col-7 item-axis">
<div class="item-axis-list clearfix">
<div class="item-sou">
<form action="">
<input type="text" placeholder="搜索以前的文章">
<i class="icon-sou"></i>
</form>
</div>
<div class="it_expert3">
<div id="hot_ranks2">
<ul class="clearfix current" style="display:block">
<li>
<a href="news-page.html">
<div class="axis-time">
<h4>05-16</h4>
<span>2017</span>
</div>
<div class="axis-title">
<h5>烤天下创始人做客2017央视元宵晚会</h5>
<p>个性定位，打造极致体验，新店开张火爆成都，要玩要嗨就来烤天下，预定电话 010-8020113</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="axis-time">
<h4>04-12</h4>
<span>2017</span>
</div>
<div class="axis-title">
<h5>夏天烧烤季 你的舌尖归我们</h5>
<p>如何让烧烤爱好者们从路边摊挪到干净的厅堂里吃烧烤？这是一个餐饮习惯的迁移问题，要打通迁移的通道，首</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="axis-time">
<h4>04-08</h4>
<span>2017</span>
</div>
<div class="axis-title">
<h5>做品牌，跳出套路才更有价值</h5>
<p>一个有生命力的品牌对于用户群体来说像一块具有内循环功能的海绵，不断的吸收，然后反作用于自身来变得更强大，从而达到更大的体量</p>
</div>
</a>
</li>
</ul>
<ul class="clearfix current" style="display:none">
<li>
<a href="#">
<div class="axis-time">
<h4>04-01</h4>
<span>2017</span>
</div>
<div class="axis-title">
<h5>我们的初心，就是让创业者们成功</h5>
<p>在风起云涌的餐饮江湖，烤天下异军突起，不仅凭借强势的酒吧烧烤文化刷新了烧烤行业的标准</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="axis-time">
<h4>03-28</h4>
<span>2017</span>
</div>
<div class="axis-title">
<h5>丹麦最近有点忧伤，</h5>
<p> 夏天吃烧烤有三怕，第一是呛烟四起眼泪咳嗽喝着肉一起吃；第二是邻座光膀子撸串嗨起的食客辣眼睛</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="axis-time">
<h4>03-26</h4>
<span>2017</span>
</div>
<div class="axis-title" style="border-bottom:none">
<h5>烤天下成都新店开张</h5>
<p>个性定位，打造极致体验，新店开张火爆成都，要玩要嗨就来烤天下，预定电话 010-8020113</p>
</div>
</a>
</li>
</ul>
<ul class="clearfix current" style="display:none">
<li>
<a href="#">
<div class="axis-time">
<h4>03-22</h4>
<span>2017</span>
</div>
<div class="axis-title">
<h5>2烤天下成都新店开张</h5>
<p>个性定位，打造极致体验，新店开张火爆成都，要玩要嗨就来烤天下，预定电话 010-8020113</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="axis-time">
<h4>03-21</h4>
<span>2017</span>
</div>
<div class="axis-title">
<h5>烤天下成都新店开张</h5>
<p>个性定位，打造极致体验，新店开张火爆成都，要玩要嗨就来烤天下，预定电话 010-8020113</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="axis-time">
<h4>03-18</h4>
<span>2017</span>
</div>
<div class="axis-title" style="border-bottom:none">
<h5>烤天下成都新店开张</h5>
<p>个性定位，打造极致体验，新店开张火爆成都，要玩要嗨就来烤天下，预定电话 010-8020113</p>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="button-cut">
<span id="it_awewe" class="it_awewe">
<a href="javascript:volid(0);" class="cut-up it_expertspan1" id="previous2"></a>
<a href="javascript:volid(0);" class="cut-dow it_expertspan2" id="next2"></a>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Taste -->
<section id="Taste">
<div class="container">
<h2 class="item-taste"></h2>
<div class="taste-text">
<h3>要味道</h3>
<p>一店撸遍全球，现串现烤，想怎么吃就怎么吃。鲜香麻辣，浓油赤酱，满足每个挑剔的吃货。尽情撸串，酣畅淋漓，体味人间美食。</p>
</div>
<div class="row">
<div class="col-12">
<div class="item-ad-img"><img src="img/pd/ad-1.jpg" alt="要味道"></div>
</div>
</div>
<div class="taste-text">
<h3>更要腔调</h3>
<p>大口撸串，放肆喝酒，尽情high唱，这里没有规矩，没有界限，追求自由和释放才是属于年轻人自己的腔调。</p>
</div>
<div class="row">
<div class="col-12">
<div class="item-ad-img"><img src="img/pd/ad-2.jpg" alt="要味道"></div>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="items">
<img src="img/icon/f-1.png" alt="">
<h3>半成品输出，极速配送</h3>
</div>
</div>
<div class="col-3">
<div class="items">
<img src="img/icon/f-2.png" alt="">
<h3>半成品输出，极速配送</h3>
</div>
</div>
<div class="col-3">
<div class="items">
<img src="img/icon/f-3.png" alt="">
<h3>半成品输出，极速配送</h3>
</div>
</div>
<div class="col-3">
<div class="items">
<img src="img/icon/f-4.png" alt="">
<h3>半成品输出，极速配送</h3>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="copy">©AUI 京ICP备15006025号-1 <a href="http://www.mycodes.net/" target="_blank"></a>
</div>
<div class="copy">
Copyright © 2012-2016 www.a-ui.cn <span>地址：北京市海淀区北三环西路43号中航广场6层</span>
</div>
</div>
</footer>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/banner.js"></script>
<script src="js/navbar.js"></script>
<script src="js/web.core.js"></script>
<script src="js/web.adtabs.js"></script>
<script src="js/web.subnav.js"></script>
<script src="js/web.ui.js"></script>
<script type="text/javascript">
$(function(){
abc2();
});
function abc2(){
var $obj = $('#hot_ranks2 ul');
var len = $obj.length;
var i = 0;
$("#next2").click(function(){
i++;
if(i==len){
i = 0;
}
$obj.stop(true,true).hide().eq(i).fadeIn(600);
return false;
});
$("#previous2").click(function(){
i--;
if(i==-1){
i = len-1;
}
$obj.stop(true,true).hide().eq(i).fadeIn(600);
return false;
});
}
$(".it_expertxt").hover(function(){
$(this).find(".it_expertit").css("color","#fff");
$(this).find(".it_experconter").css("color","#fff");
var div = $(this).find(".it_expertit");
var div2 = $(this).find(".it_experconter")
div.addClass("dest").animate({left: 20}, 200);
div2.addClass("dest").animate({left: 20}, 200);
},function(){
var div = $(this).find(".it_expertit");
var div2 = $(this).find(".it_experconter")
$(this).find(".it_expertit").css("color","#434343");
$(this).find(".it_experconter").css("color","#7d858c");
div.addClass("dest").animate({left: 0}, 200);
div2.addClass("dest").animate({left: 0}, 200);
});
</script>
</body>
</html>