-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
269 lines (248 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>浪漫铺子——最浪漫的表白网页，为您传递浓浓的爱</title>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="apple-touch-startup-image" href="img/startup.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-title" content="浪漫铺子" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="msapplication-TileImage" content="apple-touch-icon.png" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="browsermode" content="application" />
<meta name="x5-page-mode" content="app" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="浪漫铺子,浪漫服务,浪漫礼品,制造浪漫,表白创意,举牌照,情人礼物,祝福短信,建站服务" />
<meta name="description" content="浪漫铺子建站服务为你制作七夕情人节表白网页告白情书生日爱情浪漫网站。" />
<script
type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</head>
<body>
<header class="menuHidden">
<div class="top-bar">
<button class="menu">
<em class="hamburger"></em>
</button>
<div class="icon">
<a class="qqun" target="_blank"
href="http://shang.qq.com/wpa/qunwpa?idkey=ff065cdb3e26cb78fbb1102bd33809ffe478179103a13c447de384b08d80814a"><img
border="0" src="img/qqun.png" width="24px"></a>
</div>
<div class="icon">
<a class="weibo" target="_blank" href="http://weibo.com/langmanpuzi"><img border="0" src="img/weibo.png"
width="24px"></a>
</div>
<div class="icon">
<a class="taobao" target="_blank" href="http://langmanpuzi.taobao.com"><img border="0"
src="img/taobao.png" width="24px"></a>
</div>
<a class="mail" href="#contact">[email protected]</a>
</div>
</header>
<nav>
<div class="grid">
<a href="#about">关于</a>
<a href="#skills">服务</a>
<a href="#experience">流程</a>
<a href="#works">案例</a>
<a href="#goal">理念</a>
<a href="#contact">联系</a>
</div>
</nav>
<main role="main" class="grid">
<section class="box white-box hero" id="about">
<img src="img/logo.png" class="thumb" />
<h1>浪漫铺子</h1>
<h2>最浪漫的表白网页，为你传递浓浓的爱</h2>
<p> 为你储存爱的记忆<br>
……<br>
浪漫铺子，只为爱浪漫的你！</p>
<a class="btn red" href="#works">看模板</a>
</section>
<h3 id="skills">服务</h3>
<section class="box red-box skills-box">
<div class="col">
<h4>建站服务</h4>
<ul>
<li>某某.这辈子.我爱你</li>
<li>精心设计网页</li>
<li>专属定制域名</li>
</ul>
</div>
<div class="col">
<h4>图片视频</h4>
<ul>
<li>表白视频制作</li>
<li>蒙太奇图片</li>
<li>3D音乐制作</li>
</ul>
</div>
<div class="col">
<h4>策划定制</h4>
<ul>
<li>主题求婚策划</li>
<li>创意表白策划</li>
<li>浪漫纪念策划</li>
</ul>
</div>
</section>
<h3 id="experience">流程</h3>
<section>
<ul class="timeline">
<li class="box">
<span>选择模板</span>
<strong>看下方的演示选择你喜欢的<a href="#works" class="link">模板</a>。</strong>
</li>
<li class="box">
<span>准备素材</span>
<strong>根据模板提供相应素材。背景音乐、双方名字、要说的话、照片、相恋日期。</strong>
</li>
<li class="box">
<span>联系客服</span>
<strong>联系客服将你的要求及模板发给客服，并进行付款。</strong>
</li>
<li class="box">
<span>等待验收</span>
<strong>通常一天内网站做好后，将网址发给你。</strong>
</li>
<li class="box">
<span>售后服务</span>
<strong>根据后期需要对网站进行微调，加入售后群享受会员服务。</strong>
</li>
</ul>
</section>
<h3 id="works">案例</h3>
<section>
<ul class="cards">
<li class="card dark">
<a class="box" href="demo/独家记忆" target="_blank">
<img src="img/1.gif" />
<div class="summary">
<h4>独家记忆</h4>
<span class="category">我把对你的爱锁到了记忆里，那钥匙你来保管一辈子。</span>
</div>
</a>
</li>
<li class="card">
<a class="box" href="demo/爱的印记" target="_blank">
<img src="img/2.gif" />
<div class="summary yor-summary">
<h4>爱的印记</h4>
<span class="category">如果注定了不可避免的相遇，就让我们擦出绚丽的火花，把整个生命旅程用爱照亮。</span>
</div>
</a>
</li>
<li class="card">
<a class="box" href="demo/爱你的心-温馨粉色" target="_blank">
<img src="img/3.gif" />
<div class="summary runceanu-summary">
<h4>爱你的心-温馨粉色</h4>
<span class="category">打字机将情书娓娓道来，同时你们的相爱时间会在用花瓣围成的心里记载。</span>
</div>
</a>
</li>
<li class="card">
<a class="box" href="demo/年年岁岁" target="_blank">
<img src="img/4.gif" />
<div class="summary flip-summary">
<h4>年年岁岁</h4>
<span class="category">地球永远转重，世间依旧善变，而我永远爱你。</span>
</div>
</a>
</li>
<li class="card card-kiteops">
<a class="box" href="demo/爱的花瓣" target="_blank">
<img src="img/5.gif" />
<div class="summary kiteops-summary">
<h4>爱的花瓣</h4>
<span class="category">我将感情写到每个花瓣上，当花开绽放时，所有人都会看到——我爱你。</span>
</div>
</a>
</li>
<li class="card">
<a class="box" href="demo/情书弹窗" target="_blank">
<img src="img/6.gif" />
<div class="summary benevol-summary">
<h4>情书弹窗</h4>
<span class="category">永远爱你，一辈子，不分离！</span>
</div>
</a>
</li>
<li class="card">
<a class="box" href="demo/阿狸记得" target="_blank">
<img src="img/7.gif" />
<div class="summary pa-summary">
<h4>阿狸记得</h4>
<span class="category">用键盘方向键控制网页，整屏整屏切换，55张图描绘暖心的爱情，按下esc会有更大的surprise。</span>
</div>
</a>
</li>
<li class="card">
<a class="box"
href="http://mp.weixin.qq.com/s?__biz=MzAwNTEwMTczMA==&mid=205954800&idx=1&sn=3e2de0dad6606411b932cbba97d33d0a#rd"
target="_blank">
<img src="img/p7.jpg" />
<div class="summary sp-summary">
<h4>蒙太奇</h4>
<span class="category">大型蒙太奇照片</span>
</div>
</a>
</li>
<li class="card">
<a class="box"
href="http://mp.weixin.qq.com/s?__biz=MzAwNTEwMTczMA==&mid=210096372&idx=1&sn=4ffcc5991e29aa1d60f293e8f3c899ac&scene=23&srcid=1116j2ft4sfPiugAPVvI1dEr#rd"
target="_blank">
<img src="img/p9.jpg" />
<div class="summary flip-summary">
<h4>二维码蛋糕</h4>
<span class="category">专属于你的密码</span>
</div>
</a>
</li>
</ul>
</section>
<h3 id="goal">理念</h3>
<section class="box red-box skills-box">
<p>
我们从零开始直到今天上线一直克服各种困难走来。<br />
我们唯一想到的事就是，让你变得浪漫。<br />
传达浪漫的生活方式，也是我们浪漫铺子的宗旨。<br />
浪漫铺子，只为爱浪漫的你！<br />
</p>
</section>
<h3 id="contact">联系</h3>
<section class="box white-box ">
<!-- <div id="SOHUCS"></div>
<script type="text/javascript">
(function(){
var appid = 'cyta1sVjt';
var conf = 'prod_65be31fbbe5ac211db9bde533e205209';
var width = window.innerWidth || document.documentElement.clientWidth;
if (width < 960) {
window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="http://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("http://changyan.sohu.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })(); </script>
-->
</section>
</main>
<footer class="grid box white-box">
<div class="col">
<li class="card dark">
<img src="img/qrcode.jpg" />
<div class="">
<h4>浪漫铺子</h4>
<span class="category">只为爱浪漫的你,提供个性化浪漫创意服务。</span>
</div>
</li>
<li class="card dark"><img src="img/qrcode2.jpg" />
<div class="">
<h4>浪漫点子铺</h4>
<span class="category">漫吧联合浪漫网联合推出，提供免费浪漫点子。</span>
</div>
</li>
</div>
©2012-2021 浪漫铺子 <a class="link" href="https://beian.miit.gov.cn/" target="_blank">豫ICP备15004377号-1</a>.
</footer>
<script src="jquery.min.js"></script>
<script src="home.js"></script>
</body>
</html>