-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathshop.html
280 lines (251 loc) · 9.12 KB
/
shop.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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ZERO SHOP</title>
<!--Responsive get the browser width-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Keywords to help user search in Search Engine-->
<meta name="keywords" content="HANDMADE handmad zero ZERO leather LEATHER flower FLOWER CLOTH cloth jewelry JEWELRY phone shell PHONE SHELL shop SHOP" />
<!--<ico> left of title-->
<link type="image/x-icon" rel="icon" href="icon/zero2.ico">
<!-- Animate.css-let the element have dynamic effect-->
<link rel="stylesheet" href="css/animate.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Icomoon Icon Fonts-->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!--Mian css-->
<link rel="stylesheet" href="css/zero.css">
</head>
<body>
<!--box-wrap-->
<div class="box-wrap">
<!--Header-->
<header role="banner" id="zero-header">
<!--navigation bar-->
<div class="container">
<nav class="navbar navbar-default">
<div class="row">
<!-- zero-navbar-brand logo&name-->
<div class="col-md-3">
<div class="zero-navbar-brand">
<a class="zero-logo" href="index.html" target="_blank"><img src="icon/logo.png" /> ZERO手作
</a>
</div>
</div>
<!--END:zero-navbar-brand-->
<!-- main-nav menu-->
<div class="col-md-9 main-nav">
<ul class="nav text-right">
<li>
<a href="index.html"><span>首页</span></a>
</li>
<li class="active">
<a href="shop.html">商店</a>
</li>
<!--dropdown menu-->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">商品
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li></li>
<li>
<a href="leather.html" target="_blank">手工皮具</a>
</li>
<li>
<a href="flower.html" target="_blank">花艺</a>
</li>
<li>
<a href="cloth.html" target="_blank">布艺</a>
</li>
<li>
<a href="jewelry.html" target="_blank">首饰</a>
</li>
<li>
<a href="phone.html" target="_blank">奶油手机壳</a>
</li>
</ul>
</li>
<!--END: dropdown menu-->
<li>
<a href="en/shop.html">English</a>
</li>
</div>
<!--END:main-nav-->
</div>
</nav>
</div>
<!-- END: navigation bar-->
</header>
<!-- END: header -->
<!-- zero-intro-section -->
<div id="zero-intro-section" class="section-overlay animate-box" data-animate-effect="fadeIn">
<div class="zero-intro-cover text-center" data-stellar-background-ratio="0.5" style="background-image: url(images/jumu2.jpg);">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 float-overlay">
<a href="https://shop141188270.taobao.com/category.htm?spm=a1z10.1-c.w4010-15138295948.2.yrMwb6&search=y" target="_blank">
<h2>HAND MADE</h2>
<h3>做你需要的，做你想要的</h3></a>
</div>
</div>
</div>
</div>
</div>
<!-- END zero-intro-section -->
<!-- zero-product-section
Five different products
-->
<div id="zero-product-section">
<div class="container">
<div class="row">
<div class="product-inner">
<div class="col-md-4 animate-box">
<div class="desc">
<h3><a href="leather.html" target="_blank">手工皮具</a></h3>
<p>寻求独一无二的个性和定制的时候，我们可以选择比奢侈品更好的高端手工皮具。感受匠心，你会爱上那种质朴又优雅的质感。</p>
</div>
</div>
<div class="col-md-8 animate-box">
<figure>
<a href="leather.html" target="_blank"><img class="img-responsive" src="images/shop/1.jpg" alt="product"></a>
</figure>
</div>
</div>
<div class="product-inner">
<div class="col-md-4 col-md-push-8 animate-box">
<div class="desc">
<h3><a href="flower.html" target="_blank">花艺</a></h3>
<p>花艺是人们借助于自然界的花草作为修身养性、陶冶情操、美化生活的一种方式，它能让家庭成员感到温馨、充满生气勃勃的祥和气氛。</p>
</div>
</div>
<div class="col-md-8 col-md-pull-4 animate-box">
<figure>
<a href="flower.html" target="_blank"><img class="img-responsive" src="images/shop/2.jpg" alt="product"></a>
</figure>
</div>
</div>
<div class="product-inner">
<div class="col-md-4 animate-box">
<div class="desc">
<h3><a href="cloth.html" target="_blank">布艺</a></h3>
<p>布艺是古时期中国民间工艺的一种，现多用于制作装饰品。以布为主料，经过艺术加工的生活日常用品不仅美观大方，而且耐磨经用。</p>
</div>
</div>
<div class="col-md-8 animate-box">
<figure>
<a href="cloth.html" target="_blank"><img class="img-responsive" src="images/shop/3.jpg" alt="product"></a>
</figure>
</div>
</div>
<div class="product-inner">
<div class="col-md-4 col-md-push-8 animate-box">
<div class="desc">
<h3><a href="jewelry.html" target="_blank">首饰</a></h3>
<p>莎士比亚说：珠宝沉默不语，却比任何语言更能打动女人心！</br>
定制属于你自己风格的首饰，好的首饰让你顿时焕发光彩
</p>
</div>
</div>
<div class="col-md-8 col-md-pull-4 animate-box">
<figure>
<a href="jewelry.html" target="_blank"><img class="img-responsive" src="images/shop/4.jpg" alt="product"></a>
</figure>
</div>
</div>
<div class="product-inner">
<div class="col-md-4 animate-box">
<div class="desc">
<h3><a href="phone.html" target="_blank">奶油手机壳</a></h3>
<p>用奶油胶和树脂公仔制作手机壳，制作专属你自己风格的手机壳，体验设计的乐趣，获得手工完成后的成就感。
</p>
</div>
</div>
<div class="col-md-8 animate-box">
<figure>
<a href="phone.html" target="_blank"><img class="img-responsive" src="images/shop/5.jpg" alt="product"></a>
</figure>
</div>
</div>
</div>
</div>
</div>
<!-- END: zero-product-section -->
<!--footer-->
<footer class="shop-footer">
<div id="footer ">
<div class="container ">
<div class="row ">
<div class="text-center ">
<div class="col-md-4">
<p><span class="glyphicon glyphicon-earphone"></span>: <a href="tel://+86 17798224524">17798224524</a> <a href="tel://+86 18971619915">18971619915</a></br> <span class="fa fa-weixin"></span>: ZEROhandmade </div>
<div class="col-md-8"><span class="glyphicon glyphicon-map-marker"></span>:地址：<strong><em>ZERO手作店铺地址</em></strong>：华罗利一楼ZERO手作</br>
<strong><em>ZERO玩艺工作室</em></strong>：中南民族大学校医院旁</p>
</div>
</div>
<div class="text-center row ">
<p>Copyright 2017
<a href="index.html" target="_blank">ZERO</a>. All Rights Reserved.
</br>Made by
<a href="" data-toggle="modal" data-target=".BIFCA">Less&More</a>
</p>
</div>
</div>
</div>
</div>
</footer>
<!--END: footer-->
<!--modal-->
<div class="modal fade BIFCA">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h4>用心做每个网页</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-6">
<span class="glyphicon glyphicon-earphone"></span>:
<a href="tel://+86 13129956742">+86 13129956742</a>
</br>
<a href="tel://+86 18338640523">+86 18338640523</a>
</div>
<div class="col-sm-6 col-xs-9">
<span class="fa fa-weixin"></span>:<img class="img-responsive" src="images/Less&More.png" />
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-warning" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<!-- END:modal-->
</div>
<!-- END: box-wrap -->
<!--JS Script-->
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Owl carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Parallax Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Main JS -->
<script src="js/zero.js"></script>
<!--END: JS Script-->
</body>
</html>