-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
363 lines (346 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
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 class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZX智能家居-选你所想</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/icofont.min.css">
<link rel="stylesheet" href="css/Pe-icon-7-stroke.css">
<link rel="stylesheet" href="css/plugins.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<div class="main-wrapper">
<div class="header-area">
<div class="header-top pt--20 pb--20">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-3 col-12">
<!-- logo start -->
<div class="logo"> <a href="index.html"><img src="images/logo/logo.jpg" alt=""></a> </div>
<!-- logo End -->
</div>
<div class="col-lg-8 col-md-9 col-12">
<!-- Contact-information-top Start -->
<div class="contact-information-top">
<!-- Single-information-top Start -->
<div class="single-information-top">
<div class="info-icon"> <i class="icofont-headphone-alt-2"></i> </div>
<div class="info-content">
<h4>现在就联系 </h4>
<p>+17376569128</p>
</div>
</div>
<!-- Single-information-top End -->
<!-- Single-information-top Start -->
<div class="single-information-top">
<div class="info-icon"> <i class="icofont-clock-time"></i> </div>
<div class="info-content">
<h4>星期一 到 星期五</h4>
<p>上午9.00- 上午5.00</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-bottom-area header-sticky">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="header-menu-wrap border-top-1">
<!-- main-menu-area Start -->
<div class="main-menu">
<nav class="main-navigation">
<ul>
<li class="active"><a href="index.html">主页</a> </li>
<li><a href="about.html">关于我们</a> </li>
<li><a href="services.html">我们的产品</a>
<ul class="sub-menu">
<!-- 心态爆炸 -->
<li><a href="services.html">我们的产品</a></li>
<!-- 心态爆炸 -->
</ul>
</li>
<li><a href="team.html">团队</a>
<ul class="sub-menu">
<li><a href="team-box.html">关于团队</a></li>
</ul>
</li>
<!-- 心态爆炸 -->
<!-- 心态爆炸 -->
</nav>
</div>
<div class="make-apoinmant-button"> <a href="#" class="default-btn border-radius">预约</a> </div>
</div>
</div>
<div class="col">
<div class="mobile-menu d-block d-lg-none"></div>
</div>
</div>
</div>
</div>
</div>
<div class="our-service-area bg-grey section-pt section-pb-80">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h4>欢迎来到ZX智能家居</h4>
<h2>为您献上我们诚挚的服务</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="repair-make-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="repair-service-inner">
<h3>上门了解，布局设计</h3>
<h2>即可安装，需求扩展</h2>
<p>首先，我们会根据预约信息联系您，随后团队会上门了解详细需求并且记录数据，您只需等待一个礼拜，我们便会再次上门带上设备为您安排安装服务。当您出现设备维护需求，也可在预约页填写需求，我们会尽快上门安排修理工作。</p>
<div class="make-apoinment-button"> <a href="#" class="default-btn border-radius">预约</a> </div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="repair-image pt--30"> <img src="images/banner/banner-01.png" alt=""> </div>
</div>
</div>
</div>
</div>
<!-- Repair-make-area End -->
<!-- Project-count-inner Start -->
<div class="project-count-inner bg-grey section-pb section-pt-80">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<!-- counter start -->
<div class="counter text-center">
<h3 class="counter-active">112</h3>
<p>预约等待中</p>
</div>
<!-- counter end -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- counter start -->
<div class="counter text-center">
<h3 class="counter-active">345</h3>
<p>完成订单数</p>
</div>
<!-- counter end -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- counter start -->
<div class="counter text-center">
<h3 class="counter-active">215</h3>
<p>获赞订单数</p>
</div>
<!-- counter end -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- counter start -->
<div class="counter text-center">
<h3 class="counter-active">124</h3>
<p>进行中订单</p>
</div>
<!-- counter start -->
</div>
</div>
</div>
</div>
<div class="your-opinion-area overly-bg-black opinion-bg section-ptb">
<div class="container">
<div class="row">
<div class="col-lg-8 ml-auto mr-auto">
<div class="your-opinion-wrap">
<h2>你的预约</h2>
<div class="opinion-content-inner">
<form action="#">
<div class="row">
<div class=" col-lg-6 col-md-6">
<div class="input-box">
<input type="text" placeholder="你的名字" class="form-control">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="input-box">
<input type="text" placeholder="你的联系方式" class="form-control">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="input-box">
<input type="text" placeholder="地址" class="form-control">
</div>
</div>
<div class="col-lg-3 col-md-3 col-6">
<select aria-required="true" class="form-control selector-time-date">
<option value="" selected data-default>日期</option>
<option value="1306">一月</option>
<option value="1406">二月</option>
<option value="1506">三月</option>
<option value="1606">四月</option>
<option value="1706">五月</option>
<option value="1806">六月</option>
<option value="1906">七月</option>
<option value="2006">八月</option>
<option value="2106">九月</option>
<option value="2206">十月</option>
<option value="2306">十一月</option>
<option value="2406">十二月</option>
</select>
</div>
<div class="col-lg-3 col-md-3 col-6">
<select aria-required="true" class="form-control selector-time-date">
<option value="" selected data-default>时间</option>
<option value="09:00am">09:00 AM</option>
<option value="10:00am">10:00 AM</option>
<option value="11:00am">11:00 AM</option>
<option value="12:00am">12:00 PM</option>
<option value="13:00pm">13:00 PM</option>
<option value="14:00pm">14:00 PM</option>
<option value="15:00pm">15:00 PM</option>
<option value="16:00pm">16:00 PM</option>
<option value="17:00pm">17:00 PM</option>
</select>
</div>
<div class="col-lg-12 col-md-12">
<textarea placeholder="您想预装或修理的内容" class="form-control"></textarea>
</div>
<div class="col-12">
<div class="submit-box text-center">
<button class="default-btn border-radius" type="submit">预约上门</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Your-opinion-area End -->
<!-- 常见问题解答 area Start -->
<div class="faq-area bg-grey section-ptb">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h4>FREQUENTLY ASKED QUESTION</h4>
<h2>常见问题解答</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<!-- single-faq Start -->
<div class="single-faq text-center">
<div class="title-content">
<h4>为什么预约了很久还没有联系</h4>
<i class="icofont-question"></i> </div>
<p>首先，我们会根据预约信息，联系您，如若48小时内任然未联络您，您可以重新提交一份预约信息。或者，您也可以选择直接电话或者邮箱联系我们。</p>
</div>
<!-- single-faq Start -->
</div>
<div class="col-lg-4 col-md-6">
<!-- single-faq Start -->
<div class="single-faq text-center">
<div class="title-content">
<h4>产品出现问题怎么办</h4>
<i class="icofont-question"></i> </div>
<p>我们ZX智能家居设备对于产品的维修，给予的是终身制服务，不同的时间会给予不同的维护套餐。</p>
</div>
<!-- single-faq Start -->
</div>
<div class="col-lg-4 col-md-6">
<!-- single-faq Start -->
<div class="single-faq text-center">
<div class="title-content">
<h4>我想加盟</h4>
<i class="icofont-question"></i> </div>
<p>有加盟想法的您，可以通过邮箱联系我们，我们会在48小时内联络您，并回您相关的加盟资料。</p>
</div>
<!-- single-faq Start -->
</div>
</div>
</div>
</div>
<!-- 常见问题解答 area End -->
<!-- Footer Area Start -->
<footer class="footer-area">
<div class="footer-top pt--50 pb--100">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-info mt--60">
<div class="logo"> <a href="#"><img src="images/logo/logo-2.png" alt=""></a> </div>
<p>为你的生活添上一抹快乐的色彩 </p>
<ul class="social">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-google-plus"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-pinterest"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<!-- 心态爆炸 -->
</div>
<!-- 心态爆炸 -->
<div class="col-lg-3 col-md-6">
<div class="footer-info mt--60">
<div class="footer-title">
<h3>快速联系</h3>
</div>
<ul class="footer-list">
<li>浙江省杭州市学正街66号 <br>
邮编：310018<br>
浙江经济职业技术学院</li>
<li><a href="#">[email protected]</a></li>
<li><a href="#">+17376569128</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="footer-bottom-inner text-center">
<p>Copyright © China 2018-2019 Mr.Zhao All Right Reserved</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Area End -->
</div>
<!-- Main Wrapper End -->
<!-- JS
============================================ -->
<!-- jQuery JS -->
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!-- Popper JS -->
<script src="js/popper.min.js"></script>
<!-- Bootstrap JS -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugins JS -->
<script src="js/plugins.js"></script>
<!-- Ajax Mail -->
<script src="js/ajax-mail.js"></script>
<!-- Main JS -->
<script src="js/main.js"></script>
</body>
</html>