-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_mo.html
649 lines (595 loc) · 32 KB
/
index_mo.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
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>我们的爱情</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/sty.css" rel="stylesheet" />
<link href="css/one.css" rel="stylesheet" />
<!--照片墙-->
<!--必要样式-->
<link href="css/photopile.css" rel="stylesheet">
<link rel="stylesheet" href="css/animate.css">
<style type="text/css">
.txt{
color: white;
font-size: 18px;
line-height: 28px;
outline: none;
}
h2{
margin-top: 10px;
}
.timeline > li > .timeline-badge i {
font-size: 28px;
line-height: 45px;
}
.timeline > li > .timeline-badge {
color: #fff;
width: 45px;
height: 45px;
line-height: 45px;
}
.timeline > li > .left{
margin-right: 60px;
left: 100%;
top:22px;
}
.timeline > li > .right{
left: 25px;
top: 22px
}
.timeline > .col-xs-12{
padding:0;
}
.timeline > li > .timeline-panel {
margin: 5px 0 11px 0;
width: 88%;
}
.timeline:before {
visibility: hidden;
}
/*.timeline .leftli:before {*/
/*top: -20px;*/
/*bottom: 0;*/
/*position: absolute;*/
/*content: " ";*/
/*width: 3px;*/
/*background-color: #e74851;*/
/*left: 100%;*/
/*margin-left: -13px;*/
/*display: inline;*/
/*}*/
.txtcolor{
font-size: 15px;
}
.leftli img{
width: 102px;
height: 102px;
float: left;
padding: 15px 20px 15px 0;
}
.rightli img{
width: 102px;
height: 102px;
float: right;
padding: 15px 20px 15px 0;
}
.timeline-foot{
font-size: 13px;
margin: 3px 8px 0px 3px;
}
.timeline > li > .timeline-panel:before{
right: 0;
top: 26px;
clear: none;
}
.timeline > li > .timeline-panel-right:after {
position: absolute;
top: 27px;
right: -14px;
margin-right: 0;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel-right:before{
right: 0;
top: 26px;
position: absolute;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #e74851;
border-right: 0 solid #e74851;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel-left:before{
left: -30px;
top: 26px;
right: auto;
position: absolute;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid transparent;
border-right: 15px solid #e74851;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel-left:after {
position: absolute;
top: 27px;
left: -28px;
right: auto;
margin-right: 0;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid transparent;
border-right: 14px solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
/*.timeline .rigthli:before {*/
/*top: 0px;*/
/*bottom: 0;*/
/*position: absolute;*/
/*content: " ";*/
/*width: 100%;*/
/*height: 3px;*/
/*background-color: #e74851;*/
/*left: 10%;*/
/*margin-left: -13px;*/
/*display: inline;*/
/*}*/
.heng {
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 3px;
background-color: #e74851;
;
margin-left: 12px;
display: inline;
}
.heng_bottom {
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 3px;
background-color: #e74851;
;
margin-left: 12px;
display: inline;
}
.left_shu {
top: -11px;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #e74851;
left: 100%;
margin-left: -13px;
display: inline;
}
.left_shu_shang {
top: -20px;
bottom: 0;
height: 15px;
position: absolute;
content: " ";
width: 3px;
background-color: #e74851;
left: 100%;
margin-left: -13px;
display: inline;
}
.right_shu {
top: -10px;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #e74851;
left: 25px;
margin-left: -13px;
display: inline;
}
</style>
</head>
<body class="body">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation"
data-anijs="if: mouseover, do: bounceIn animated"
style="background-color: #f99ec7 !important;box-shadow: 0 0 2px 0 #acacac;">
<img class="pull-left col-xs-5" style="display: inline-block !important;padding: 13px 5px 0 12px"
src="images/logo.png" title="">
<div class="col-xs-7 text-center txt" data-bind="" style="line-height: 55px;margin-top: 10px">
陪伴是最长情的告白
</div>
<div class="col-xs-12 text-center txt" style="padding-right:5px;padding-left:5px;line-height: 30px;font-size: 14px">无论生老病死，无论贫穷富有，我都愿陪你到天荒地老</div>
</nav>
<div class="container-fluid" style="margin-top: 98px">
<div id="begin" class="col-xs-12 text-center txt underline" data-anijs="if: mouseover, do: swing animated" >
<h2 class="col-xs-12" style="font-family: 'Great Vibes',cursive;
color: #283a44; padding-bottom: 0px;font-size: 18px">我们的遇见，是爱情的开始</h2>
<h2 class="col-xs-12" style="font-family: 'Great Vibes',cursive;
color: #283a44; padding-bottom: 0px;font-size: 18px">我们的爱情，是幸福的开始</h2>
<h2 class="col-xs-12" style="font-family: 'Great Vibes',cursive;
color: #283a44; padding-bottom: 0px;font-size: 18px">我们的幸福，是平平淡淡的陪伴</h2>
</div>
<span class="wow fadeInUp animated col-xs-12 text-center" data-wow-delay="0.7s" style="color: rgb(239, 106, 138);
visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;margin: 15px auto;font-size: 16px">
♥ 2019-05-20 ♥</span>
<div class="col-xs-12">
<div class="col-xs-6 text-right man wow flipInX animated" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;
padding: 0"
data-anijs="if: click, do: rollOut animated, to: .boy, after: $removeAnim">
<img src="images/boy.png" alt="" class="col-xs-12"
style="padding: 15px 25px 15px 15px">
</div>
<div class="and" style="margin-top: 45px;font-size: 65px">&</div>
<div class="col-xs-6 text-left woman wow flipInX animated"
data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: flipInX;padding: 0;margin-top: 0"
data-anijs="if: click, do: rollIn animated, to: .girl, after: $removeAnim">
<img src="images/girl.png" alt="" class="col-xs-12" style="padding: 15px 15px 15px 25px">
</div>
</div>
<div class="col-xs-12 text-center txt underline">
<h2 class="col-xs-12" style="font-family: 'Great Vibes',cursive;
color: #283a44; padding-bottom: 0px;">我们的爱情历程</h2>
</div>
<div id="dslc-module-4" class=" dslc-module-Pluton_Time_Line dslc-in-viewport-check dslc-in-viewport-anim-none dslc-module-handle-like-regular dslc-in-viewport" data-module-id="4" data-dslc-module-id="Pluton_Time_Line" data-dslc-module-size="12" data-dslc-anim="none" data-dslc-anim-delay="0" data-dslc-anim-duration="650" data-dslc-anim-easing="ease" data-dslc-preset="" style="animation: forwards 0.65s ease 0s 1 normal none running;">
<div class="ilove_timeline">
<div class="col-md-12">
<ul class="timeline col-xs-12" >
<li class="col-xs-12 leftli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="left_shu"></div>
<div class="left_shu_shang"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated left" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-right wow fadeInLeft animated" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
<div class="timeline-body">
<img src="images/x1.png" alt="" style="width: 102px;height: 102px;float: left">
<p class="txtcolor"> 那一天，在卓越班遇见你，
你的与众不同，
就像一个天使，
那个笑容，灿烂我整个心灵，
你的出现是我
唯一的心动，
我心里对你的想念
充满每一天
</p>
<div class="timeline-foot">2015年3月12日</div>
</div>
</div>
</li>
<li class="col-xs-12 rightli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="right_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated right" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-left wow fadeInLeft animated" data-wow-delay="0.7s" style="
visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;float: right">
<div class="timeline-body">
<img src="images/x2.png" alt="" style="width: 102px;height: 102px;float: right">
<p class="txtcolor">我的心动，你不知道，我亦不敢表达，我们去广场跳舞，拉近心的距离</p>
<div class="timeline-foot">2015年6月28日</div>
</div>
</div>
</li>
<li class="col-xs-12 leftli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="left_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated left" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-right wow fadeInLeft animated" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
<div class="timeline-body">
<img src="images/x3.png" alt="" style="width: 102px;height: 102px;float: left">
<p class="txtcolor">我们第一次跨年，好兴奋，好激动，好开心！</p>
<div class="timeline-foot">2016年1月1日</div>
</div>
</div>
</li>
<li class="col-xs-12 rightli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="right_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated right" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-left wow fadeInLeft animated" data-wow-delay="0.7s" style="
visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;float: right">
<div class="timeline-body">
<img src="images/x4.png" alt="" style="width: 102px;height: 102px;float: right">
<p class="txtcolor">过第一个宝宝的生日，祝 依依酱生日快乐！</p>
<div class="timeline-foot">2016年1月7日</div>
</div>
</div>
</li>
<li class="col-xs-12 leftli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="left_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated left" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-right wow fadeInLeft animated" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
<div class="timeline-body">
<img src="images/x5.png" alt="" style="width: 102px;height: 102px;float: left">
<p class="txtcolor">众众要回家了，虽然我们距离变远了，但是我们的心永远在一起，我们以后一定会幸福</p>
<div class="timeline-foot">2016年1月18日</div>
</div>
</div>
</li>
<li class="col-xs-12 rightli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="right_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated right" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-left wow fadeInLeft animated" data-wow-delay="0.7s" style="
visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;float: right">
<div class="timeline-body">
<img src="images/x6.png" alt="" style="width: 102px;height: 102px;float: right">
<p class="txtcolor">今天是敬敬节，祝敬敬小宝贝敬敬节快乐！爱你~</p>
<div class="timeline-foot">2016年2月14日</div>
</div>
</div>
</li>
<li class="col-xs-12 leftli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="left_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated left" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-right wow fadeInLeft animated" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
<div class="timeline-body">
<img src="images/x7.png" alt="" style="width: 102px;height: 102px;float: left">
<p class="txtcolor">众众今天过生日，这是我们在一起以来众哥哥第一个生日，有些遗憾没能陪在众众身边，但是我知道我们未来的路长着呢，现在的小离别不算什么。众众生日快乐，我们永远在一起</p>
<div class="timeline-foot">2016年2月22日</div>
</div>
</div>
</li>
<li class="col-xs-12 rightli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="right_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated right" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-left wow fadeInLeft animated" data-wow-delay="0.7s" style="
visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;float: right">
<div class="timeline-body">
<img src="images/x8.png" alt="" style="width: 102px;height: 102px;float: right">
<p class="txtcolor">我们的情侣手链恩恩爱爱可以见证我们的爱情，执子之手与子偕老，我们永远在一起，爱你到永远</p>
<div class="timeline-foot">2016年2月25日</div>
</div>
</div>
</li>
<li class="col-xs-12 leftli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="left_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated left" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-right wow fadeInLeft animated" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
<div class="timeline-body">
<img src="images/x9.png" alt="" style="width: 102px;height: 102px;float: left">
<p class="txtcolor">众众开学了，学习很忙，宝宝知道～所以不能打扰众众学习，要做懂事的宝宝，想众众的时候宝宝可以在微爱里留言，众众有时间的时候就能看见啦。宝宝知道众众最棒的男人，是个有理想的人，众众加油，宝宝永远支持你相信你\^O^/</p>
<div class="timeline-foot">2016年2月25日</div>
</div>
</div>
</li>
<li class="col-xs-12 rightli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="right_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated right" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-left wow fadeInLeft animated" data-wow-delay="0.7s" style="
visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;float: right">
<div class="timeline-body">
<img src="images/x10.png" alt="" style="width: 102px;height: 102px;float: right">
<p class="txtcolor">四级没过有了很多感慨，感觉未来还有很多坎坷，不知道未来什么样。其实众众很好，是因为我觉得自己太弱了，以后可能配不上众众，所以会觉得伤感，害怕我们不能在一起。想到这个就好难过好难过，我真的希望能和众众做永远的夫妻，爱你众众，这辈子只爱你一个人。为了众众我也要努力学习，下学期变成一个爱好学习的宝宝，希望众众监督我哦。</p>
<div class="timeline-foot">2016年2月29日</div>
</div>
</div>
</li>
<li class="col-xs-12 leftli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="left_shu"></div>
<div class="heng"></div>
<div class="timeline-badge wow fadeInUp animated left" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-right wow fadeInLeft animated" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
<div class="timeline-body">
<img src="images/x11.png" alt="" style="width: 102px;height: 102px;float: left">
<p class="txtcolor">敬敬真好啊，乖巧懂事。有这么好的女朋友我感到非常幸福，我们天造地设，一定会在一起的。敬敬是聪明宝宝，只要认真学习，一定会有所成果的。很很抱歉我这几天一直没有看微爱，我以后会关注的。敬敬我爱你。</p>
<div class="timeline-foot">2016年2月27日</div>
</div>
</div>
</li>
<li class="col-xs-12 rightli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="right_shu"></div>
<div class="heng"></div>
<div class="heng_bottom"></div>
<div class="timeline-badge wow fadeInUp animated right" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-left wow fadeInLeft animated" data-wow-delay="0.7s" style="
visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;float: right">
<div class="timeline-body">
<img src="images/x12.png" alt="" style="width: 102px;height: 102px;float: right">
<p class="txtcolor">今天宝宝第一天上课，总体感觉还很充实。好希望众众来关心关心宝宝，不过我知道众众也很忙，但是宝宝今天好想众众啊，卓越班上课熟悉的感觉，但是身边没有众众，好想抱众众。以前有众众给我遮风挡雨，现在就只能靠自己啦，不过宝宝很骄傲的告诉众众，虽然身边没有众众了，但宝宝还是把软件装上啦，快表扬宝宝，嘿嘿。众众，宝宝现在真的好想你，虽然才一个半月，可对宝宝来说好像过了好久，众众是不是也一样想宝宝呢？但是宝宝相信众众将来一定会娶宝宝做你的妻子的，这样我们就永远都不会分开了，是不是。</p>
</div>
<div class="timeline-foot">2016年2月29日</div>
</div>
</div>
</li>
<li class="col-xs-12 rightli" data-anijs="if: scroll, on: window, do: slideInLeft animated, before: $scrollReveal repeat">
<div class="right_shu"></div>
<div class="heng"></div>
<div class="heng_bottom"></div>
<div class="timeline-badge wow fadeInUp animated right" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<i> ♥ </i>
</div>
<div class="timeline-panel timeline-panel-left wow fadeInLeft animated" data-wow-delay="0.7s" style="
visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;float: right">
<div class="timeline-body">
<img src="images/x12.png" alt="" style="width: 102px;height: 102px;float: right">
<p class="txtcolor">未完待续</p>
</div>
<div class="timeline-foot">2019年5月20日</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="col-xs-12 text-center txt underline">
<h2 class="col-xs-12" style="font-family: 'Great Vibes',cursive;
color: #283a44; padding-bottom: 0px;">我们的山盟海誓</h2>
</div>
<div class="col-xs-12 text-center "
data-anijs="if: scroll,on: window,do: zoomInDown animated, before: $scrollReveal repeat">
<span class="col-xs-12" style="font-family: 'Great Vibes',cursive;color: #283a44; font-size: 16px;
margin: 15px;padding: 15px;line-height: 25px">
与你的相遇，是命中注定的一生一世。与你的相爱，是命中注定的地老天荒<br>
今生携手徜徉天地间，为你遮风挡雨，相濡以沫，并肩悠游滚滚红尘中<br>
即使有一天，你的步履变得蹒跚，青丝变成白发，红润的脸上爬满了皱纹，但我仍要携着你的手，漫步在夕阳的余辉下<br>
你，我一生最爱的人;你，我一生最想的人;你，我一生守候的人;你，我一生唯一的人<br>
不论你生病或是健康、富有或贫穷，始终忠於你，直到离开世界
</span>
</div>
<div class="col-xs-12 text-center txt underline">
<h2 class="col-xs-12" style="font-family: 'Great Vibes',cursive;
color: #283a44; padding-bottom: 0px;">我们的爱情见证</h2>
</div>
<div class="photopile-wrapper col-xs-12 text-center" data-anijs="if: scroll, on: window, do: rollIn animated, before: $scrollReveal repeat">
<ul class="photopile col-xs-12">
<li>
<a href="images/j1.jpg">
<img src="images/j1.jpg"
alt="" />
</a>
</li>
<li>
<a href="images/j2.jpg">
<img src="images/j2.jpg"
alt="" />
</a>
</li>
<li>
<a href="images/j3.jpg">
<img src="images/j3.jpg"
alt="" />
</a>
</li>
<li>
<a href="images/j4.jpg">
<img src="images/j4.jpg"
alt=" " />
</a>
</li>
<li>
<a href="images/j5.jpg">
<img src="images/j5.jpg"
alt="" />
</a>
</li>
<li>
<a href="images/j6.jpg">
<img src="images/j6.jpg"
alt="" />
</a>
</li>
<li>
<a href="images/j7.jpg">
<img src="images/j7.jpg"
alt="" />
</a>
</li>
<li>
<a href="images/j8.jpg">
<img src="images/j8.jpg"
alt="" />
</a>
</li>
<li>
<a href="images/j9.jpg">
<img src="images/j9.jpg"
alt="" />
</a>
</li>
<li>
<a href="images/j10.jpg">
<img src="images/j10.jpg"
alt="" />
</a>
</li>
</ul>
</div>
<p class="text-center" style="font-size: 10px">爱的旅行 Copyright © 2019 - 2019 CZZ&HJY.All Rights Reserved.</p>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script>
<script src="js/photopile.js"></script>
<script type="text/javascript">
$(function(){
PhotoPile().scatter();
});
$(document).ready(function() {
var heng = $(".heng").width();
console.log(heng);
$(".heng").width(heng-25+'px');
});
</script>
</div>
<audio id="bgmMusic" src="DreamVillage.mp3"
preload="auto" type="audio/mp3" autoplay="" loop=""></audio>
<script src="js/anijs-min.js"></script>
<script src="js/anijs-helper-scrollreveal-min.js"></script>
<script src="js/flu.js" type="text/javascript"></script>
<div class="heart " rel="like" style="">
<p id="pClick" style="text-align: center;font-size: 10px;margin-bottom: 0px;
margin-top: 55px;">喜欢</p>
<div class="heartCa"></div></div>
<script type="text/javascript">
$(document).ready(function(){
$('body').on("click",'.heart',function(){
$(this).css("background-position","")
$(this).addClass("heartAnimation");
$(this).addClass("clickH");
$('#pClick').addClass('tC');
setTimeout(function () {
$(".heart").removeClass('heartAnimation');
}, 1000);
});
});
</script>
</body>
</html>