-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
236 lines (221 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>传给雅昌</title>
<link rel="stylesheet" href="css/idangerous.swiper.css" />
<link rel="stylesheet" href="css/animate.min.css" />
<link rel="stylesheet" href="css/diyart.css" />
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<div class="swiper-container diyart-indswiper">
<div class="swiper-wrapper">
<div class="swiper-slide indslide-one">
<div class="indslide-block">
<p class="ind-slogan-one " swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ONE IMAGE</p>
<p class="ind-slogan-one " swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ONE MASTERPIECE</p>
<p class="ind-slogan-two " swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">传给雅昌，专业在线图片输出</p>
<p class="ind-slogan-three " swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">唤醒沉睡的照片，还原一段新鲜的旅程</p>
<p class="ind-slogan-four " swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s"><input class="ind-button " swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s" type="button" value="开始定制"></p>
</div>
</div><!-- End swiper-slide -->
<div class="swiper-slide indslide-two">
<div class="indslide-block">
<p class="ind-slogan-one " swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ONE IMAGE</p>
<p class="ind-slogan-one " swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ONE MASTERPIECE</p>
<p class="ind-slogan-two " swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">产品类型</p>
<ul class="indslide-two-product">
<li class="kh " swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
<i></i>
<span>框画</span>
<small>Framing Photo</small>
</li>
<li class="zpq " swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
<i></i>
<span>照片墙</span>
<small>Photo Wall</small>
</li>
<li class="hc " swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
<i></i>
<span>画册</span>
<small>Catalogue</small>
</li>
<li class="hj " swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
<i></i>
<span>合集</span>
<small>Photo Collection</small>
</li>
<li class="hb " swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
<i></i>
<span>海报</span>
<small>Poster</small>
</li>
</ul>
<dl class="indslide-two-productinfo">
<dt><img src="images/indproduct-kh.png"></dt>
<dd>
<h3>框画<small>Framing Photo</small></h3>
<p>
艺术框画，让我们离开网络，在真实的墙壁上展示最爱的图画！您可以悬挂个人照片、艺术作品和收藏品，让身边充满令人微笑的回忆、大师的智慧。我们的框型有多种颜色和尺寸供您选择，助您为办公、家居环境增添更多个性、启迪心智、陶冶情操。
</p>
</dd>
</dl><!-- 产品详情 默认:隐藏 -->
<dl class="indslide-two-productinfo">
<dt><img src="images/indproduct-zpq.png"></dt>
<dd>
<h3>照片墙<small>Photo Wall</small></h3>
<p>
照片墙，影像是人们存在脑海中对时空的感受，静静的潜藏在心底，透过影像成为了挂在墙上的心中倒影，重温那瞬间的悸动，影像的礼物，让美好回忆再次重现，点燃你心的故事。
</p>
</dd>
</dl><!-- 产品详情 默认:隐藏 -->
<dl class="indslide-two-productinfo">
<dt><img src="images/indproduct-hc.png"></dt>
<dd>
<h3>画册<small>Catalogue</small></h3>
<p>
艺术画册，用镜头见证时代，用影像理解世界。制作一本专属的艺术画册吧，影像回归最初的简约，安静地呈现于画面之重，细细品味每个过往，回忆其中深藏的故事。翻阅让照片回忆有了温度。
</p>
</dd>
</dl><!-- 产品详情 默认:隐藏 -->
<dl class="indslide-two-productinfo">
<dt><img src="images/indproduct-hj.png"></dt>
<dd>
<h3>合集<small>Photo Collection</small></h3>
<p>
艺术合集，图片如同时空的钥匙，能打开通往影像撷取的瞬间，让每个人回到记忆深处，享受当时的美好。一组影像组成的礼物，将回忆重新点燃，释放你心的故事。
</p>
</dd>
</dl><!-- 产品详情 默认:隐藏 -->
<dl class="indslide-two-productinfo">
<dt><img src="images/indproduct-hb.png"></dt>
<dd>
<h3>海报<small>Poster</small></h3>
<p>
影像回归最初的简约，层次丰富的画面呈现，打破时空限制，还原图片本真。定格美好瞬间，将艺术之美传递给更多人。
</p>
</dd>
</dl><!-- 产品详情 默认:隐藏 -->
</div>
<input class="ind-button " swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s" type="button" value="开始定制">
</div><!-- End swiper-slide -->
<div class="swiper-slide indslide-three">
<div class="indslide-block">
<p class="ind-slogan-one " swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ONE IMAGE</p>
<p class="ind-slogan-one " swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ONE MASTERPIECE</p>
<p class="ind-slogan-two " swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">上传帮助</p>
<div class="stepCon">
<span class="border"></span>
<ul class="stepList">
<li class="step step1"><i></i><span>Step1:上传图片</span></li>
<li class="step step2"><i></i><span>Step2:定制产品</span></li>
<li class="step step3"><i></i><span>Step3:实际效果</span></li>
</ul>
<span class="stepLogo"></span>
</div>
<input class="ind-button " swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s" type="button" value="开始定制">
</div>
</div><!-- End swiper-slide -->
<div class="swiper-slide indslide-four">
<div class="indslide-block">
<p class="ind-slogan-one " swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ONE IMAGE</p>
<p class="ind-slogan-one " swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ONE MASTERPIECE</p>
<p class="ind-slogan-two " swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">媒体案例</p>
<div id="featureCarousel">
<div class="feature">
<a href="#" target="_blank"><img alt="Image Caption" src="images/pop/img_01.jpg"></a>
<div class="txt">
<h2>雅昌影像携世界影像亮相深圳文博会</h2>
<p>
盛世初夏，南风送暖，5月14日上午，第十一届中国（深圳）国际文化产业博览会。
</p>
</div>
<div class="mask"></div>
</div>
<div class="feature">
<a href="#" target="_blank"><img alt="Image Caption" src="images/pop/img_01.jpg"></a>
<div class="txt">
<h2>雅昌影像”携世界影像亮相深圳文博2</h2>
<p>
盛世初夏，南风送暖，5月14日上午，第十一届中国（深圳）国际文化产业博览会。
</p>
</div>
<div class="mask"></div>
</div>
<div class="feature">
<a href="#" target="_blank"><img alt="Image Caption" src="images/pop/img_01.jpg"></a>
<div class="txt">
<h2>雅昌影像”携世界影像亮相深圳文博3</h2>
<p>
盛世初夏，南风送暖，5月14日上午，第十一届中国（深圳）国际文化产业博览会。
</p>
</div>
<div class="mask"></div>
</div>
<div class="feature">
<a href="#" target="_blank"><img alt="Image Caption" src="images/pop/img_01.jpg"></a>
<div class="txt">
<h2>雅昌影像”携世界影像亮相深圳文博4</h2>
<p>
盛世初夏，南风送暖，5月14日上午，第十一届中国（深圳）国际文化产业博览会。
</p>
</div>
<div class="mask"></div>
</div>
<div class="feature">
<a href="#" target="_blank"><img alt="Image Caption" src="images/pop/img_01.jpg"></a>
<div class="txt">
<h2>雅昌影像”携世界影像亮相深圳文博5</h2>
<p>
盛世初夏，南风送暖，5月14日上午，第十一届中国（深圳）国际文化产业博览会。
</p>
</div>
<div class="mask"></div>
</div>
</div>
</div>
</div>
</div><!-- End swiper-slide -->
</div>
<div class="pagination"></div>
<div class="header diyart-ind-header">
<h1><a href="http://www.artup.com"><img src="images/logo-wite.png" alt="雅昌影像"></a></h1>
<ul class="login" style="display:none;">
<li class="header-buycar"><a href="shopping.html"><i></i>购物车<span class="shopNum">2</span></li>
<li class="header-register"><a href="register.html"><i></i>注册</a></li>
<li class="header-login"><a href="register.html"><i></i>登录</a></li>
</ul>
<ul class="loginAfter">
<li class="exit"><a href="javascritp:;">退出</a></li>
<li class="header-buycar"><a href="shopping.html"><i></i>购物车<span class="shopNum">2</span></li>
<li class="header-register"><a href="usercenter.html"><i></i>小米思密达</a></li>
</ul>
</div>
<a class="ind-arrowdown"></a>
</div>
<!--<div class="artronlogo">
<svg version="1.1" id="artronlogo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="163px" height="155px" viewBox="0 0 163 155" enable-background="new 0 0 163 155" xml:space="preserve">
<path id="path1" fill="none" stroke="#FFF" stroke-width="8" stroke-miterlimit="10" d= "M5,97.21 124,12.21 87,142.71 155,93.21 43.5,9.21 128,6.21 158,94.21"></path>
<path id="path2" fill="none" stroke="#FFF" stroke-width="8" stroke-miterlimit="10" d= "M6,96 34,11.5 80,44.857 8.333,96 77.667,147 114,62 149,89.5 7,95.5"></path>
</svg>
</div>-->
<script type="text/javascript" src="js/jquery.1.11.3.js" ></script>
<script type="text/javascript" src="js/idangerous.swiper.min.js" ></script>
<script type="text/javascript" src="js/swiper.animate1.0.2.min.js" ></script>
<!--<script type="text/javascript" src="js/vivus.js" ></script>-->
<script type="text/javascript" src="js/index.js" ></script>
<script src="js/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#featureCarousel").featureCarousel({
smallFeatureWidth: .87,
smallFeatureHeight: .87,
carouselSpeed: 500,
topPadding: 0,
smallFeatureOffset: 15
});
});
</script>
</body>
</html>