forked from modupantu/project-xianguo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
325 lines (313 loc) · 12.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>北京鲜果时光</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="shortcut icon" href="images/header.ico" type="image/x-icon">
<meta name="keywords" content="鲜果时光加盟|鲜果时光历程|鲜果时光产品|鲜果时光店铺风格|鲜果时光成功案例|鲜果时光加盟条件|鲜果时光加盟电话 ">
<meta name="description" content="北京鲜果时光餐饮管理有限公司【免费咨询:400-6199-517】主要负责鲜果时光产品研发、鲜果时光在全国店铺分布、介绍鲜果时光加盟条件、鲜果时光店铺装修风格升级等事项。是一家专注鲜榨果汁、现调奶茶、正宗奶昔奶茶等系列加盟的健康时尚饮品研发公司。把最新的鲜果时光升级资讯、鲜果最新研发产品、鲜果加盟成功案例在第一时间分享给大众！">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<style>
#wrapper {
background: #fff;
opacity: 1;
position: fixed;
z-index: 10;
top: 0px;
width: 100%;
height: 1600px;
}
#loader {
background: url('http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif') 50% 50% no-repeat #fff;
width: 200px;
height: 200px;
margin: 300px auto;
}
</style>
<script>
window.addEventListener("load", function() {
var wrapper = document.getElementById("wrapper");
document.body.removeChild(wrapper);
});
</script>
<!-- animation -->
<div id="wrapper">
<div id="loader"></div>
</div>
<!-- 头部 -->
<header>
<ul class="header">
<li>
<a href="List.html">产品中心</a>
</li>
<li>
<a href="CpProfile.html">公司介绍</a>
<ul class="showList">
<li><a href="CpProfile.html">品牌简介</a></li>
<li><a href="CpProfile.html">企业形象</a></li>
</ul>
</li>
<li>
<a href="about.html">服务支持</a>
<ul class="showList">
<li><a href="about.html">品牌优势</a></li>
<li><a href="about.html">广告投放</a></li>
<li><a href="about.html">工程制图</a></li>
<li><a href="about.html">运营指导</a></li>
<li><a href="about.html">实战培训</a></li>
</ul>
</li>
<li>
<a href="index.html"></a>
<ul class="showList">
<li><a href="Navigation.html">导航中心</a></li>
</ul>
</li>
<li>
<a href="jionWe.html">加盟中心</a>
<ul class="showList">
<li><a href="jionWe.html">加盟政策</a></li>
<li><a href="jionWe.html">加盟流程</a></li>
</ul>
</li>
<li>
<a href="news.html">最新动态</a>
</li>
<li>
<a href="contact.html">联系我们</a>
<ul class="showList">
<li><a href="feedback.html">在线留言</a></li>
</ul>
</li>
</ul>
</header>
<!-- 轮播 -->
<article class="article">
<section class="pc-banner">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-center none-effect">
<a href="#"><img src="images/index/indexlunbo1.jpg"></a>
</div>
<div class="swiper-slide">
<a href="#"><img src="images/index/indexlunbo2.jpg"></a>
</div>
<div class="swiper-slide">
<a href="#"><img src="images/index/indexlunbo3.jpg"></a>
</div>
<div class="swiper-slide">
<a href="#"><img src="images/index/indexlunbo4.jpg"></a>
</div>
<div class="swiper-slide">
<a href="#"><img src="images/index/indexlunbo5.jpg"></a>
</div>
</div>
</div>
<!-- <div class="swiper-pagination"></div> -->
<div class="btns">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</section>
</article>
<!-- 产品中心 -->
<section class="index_product">
<div class="product_container">
<h3 class="product_title">
<p>产品中心</p>
</h3>
<ul class="div_product">
<li>
<img src="images/index/product.jpg" alt="">
</li>
<li>
<img src="images/index/product1.jpg" alt="">
</li>
<li>
<img src="images/index/product2.jpg" alt="">
</li>
<li>
<img src="images/index/product3.jpg" alt="">
</li>
<li>
<img src="images/index/product4.jpg" alt="">
</li>
<li>
<img src="images/index/product5.jpg" alt="">
</li>
<li>
<img src="images/index/product6.jpg" alt="">
</li>
<li>
<img src="images/index/product7.jpg" alt="">
</li>
<li>
<img src="images/index/product8.jpg" alt="">
</li>
<div class="clear"></div>
<div class="manybtn">
<a href="List.html">浏览更多</a>
</div>
</ul>
</div>
</section>
<!-- 公司介绍 -->
<section class="CpProfile">
<div class="CpProfile_container">
<h3 class="Profile_title">
<p>品牌简介</p>
</h3>
<div class="Cpbd">
<p class="Cpfont">
<span>北京鲜果时光甜品饮料制作技术开发有限公司于2004年创立“鲜果时光”品牌并在冰城哈尔滨开启了第一家饮品店。</span>
<br>
<span>"鲜果时光"品牌拥有自主知识产权，严格的研发团队，凭借独有的管理模式， 短短几年间，"新鲜，健康，时尚"成为大众休闲消费的理念...</span>
<br>
<span>我们把消费者的喜欢与多年经验观察到的各种不经意之处，用专业的形式呈现给消费者。</span>
<br>
<span>分享新鲜、传递健康、今天的您让明天更美丽</span>
</p>
<p class="fontPhoto"><img src="images/fenbutu.jpg" alt=""></p>
<div class="clear"></div>
<p class="fontStyle">北京鲜果时光经过十三年沉淀在饮品研发，门店营销等方面的经验已遥遥领先于同行业,全国拥有两千余家加盟商及大众对公司自身产品的认可。 "鲜果时光"时尚饮品店————已引领都市新鲜时尚饮品风向标！</p>
<br>
</div>
</div>
<div class="manybtn">
<a href="CpProfile.html">了解更多</a>
</div>
</section>
<section class="index_pinpai">
<div class="product_container">
<h3 class="product_title">
<p>品牌历程</p>
</h3>
<div class="lichengImg"><img src="images/index/4dai.jpg" alt="图标换代"></div>
</div>
</section>
<!-- 店铺展示 -->
<section class="shop">
<div class="shop_container" id="div1">
<h3 class="shop_title">
<p>店铺展示</p>
</h3>
<div class="shop_content">
<ul class="shopBox">
<li>
<!-- 店铺名字 -->
<a href="#"><img src="images/index/Indexshop10.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/index/Indexshop9.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/index/Indexshop8.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/index/Indexshop7.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/index/Indexshop6.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/index/Indexshop5.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/index/Indexshop4.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/index/Indexshop3.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/index/Indexshop2.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/index/Indexshop1.jpg" alt=""></a>
</li>
</ul>
</div>
<div class="tab_box">
<span class="caret"></span>
<a class="show">第一部分</a>
<a>第二部分</a>
</div>
</div>
</section>
<!-- 脚部 -->
<footer>
<ul class="footer">
<li>
<div class="fooot_icon">
<img src="images/footicon.png" alt="">
</div>
<p>北京市丰台区广安路9号院国投财富广场2号楼1013</p>
</li>
<li>
<div class="fooot_icon">
<img src="images/footicon1.png" alt="">
</div>
<p>免费咨询电话: 400-6199-517</p>
</li>
<li>
<div class="erweimaK">
<img src="images/footicon2.png" alt="">
<p>点击查看</p>
</div>
<div class="erweima">
</div>
</li>
</ul>
<p class="beian"><span>Copyright 2017 Tencent. All Rights Reserved. 北京鲜果时光甜品饮料制作技术开发有限公司 版权所有.</span></p>
</footer>
<script src="js/swiper.min.js"></script>
<script>
window.onload = function() {
var swiper = new Swiper('.swiper-container', {
autoplay: 3000,
speed: 1000,
autoplayDisableOnInteraction: false,
loop: true,
centeredSlides: true,
slidesPerView: 2,
pagination: '.swiper-pagination',
paginationClickable: true,
prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next',
onInit: function(swiper) {
swiper.slides[2].className = "swiper-slide swiper-slide-active"; //第一次打开不要动画
},
breakpoints: {
668: {
slidesPerView: 1,
}
}
});
}
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?852b5c502bd3f74810b7d74694afb837";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b3047f29e8bc24cbb0a345f9cb746724";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</html>