-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
740 lines (697 loc) · 39.5 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
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
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Đám cưới Long & Hoài</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Wedding,Trọng Long,Dương Hoài,Wedding website, Website đám cưới">
<!-- Primary Meta Tags -->
<title>Đám cưới Long & Hoài</title>
<meta name="title" content="Đám cưới Long & Hoài" />
<meta name="description" content="Trọng Long & Dương Hoài - Hãy đến dự đám cưới chúng mình nhé : 20/10/2024 " />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://damcuoilonghoai.click/" />
<meta property="og:title" content="Đám cưới Long & Hoài" />
<meta property="og:description"
content="Trọng Long & Dương Hoài - Hãy đến dự đám cưới chúng mình nhé : 20/10/2024 " />
<meta property="og:image" content="https://damcuoilonghoai.click/img/meta.webp" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://damcuoilonghoai.click/" />
<meta property="twitter:title" content="Đám cưới Long & Hoài" />
<meta property="twitter:description"
content="Trọng Long & Dương Hoài - Hãy đến dự đám cưới chúng mình nhé : 20/10/2024 " />
<meta property="twitter:image" content="https://damcuoilonghoai.click/img/meta.webp" />
<link rel="shortcut icon" type="image/x-icon" href="./img/wedding-couple_1058347.png">
<!-- Preconnect to Google Fonts origins -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Texturina:opsz,[email protected],100&display=swap"
rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Bellota+Text&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Bonheur+Royale&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/libs.css" />
<link rel="stylesheet" href="./css/style.css" />
<link href="./common/calendar.css?v=20240713" rel="stylesheet">
</head>
<body>
<script type="text/javascript">
var photoGalleries = [];
</script>
<div class="wrapper">
<header id="header" class="site-header header-style-1 d-none">
<meta name="format-detection" content="telephone=no">
<nav class="navbar bg-white shadow-sm py-1">
<div class="container-fluid">
<div class="w-100 d-flex align-items-center justify-content-between">
<a class="section-title navbar-brand" href="#">L & H</a>
<button class="navbar-toggler rounded-0 border-0 p-0" type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
<i class="bi bi-list fs-3 text-black"></i>
</button>
</div>
</div>
</nav>
</header>
<section class="banner-section">
<div class="main_area p-3">
<div class="day_wrapper" data-aos="fade-up" data-aos-delay="500">
<div class="day_area p-1 text-center">
<div class="section-sub-title d-flex day_area_inner text-center p-2 py-3">
<p class="m-0 we"> Chúng tôi</p>
<div class="wrap-text">
<p class="day m-0">20</p>
<p class="month m-0">10</p>
</div>
<p class="m-0">Sắp kết hôn.</p>
</div>
</div>
</div>
<div class="main_image_area pt-4 pb-8" data-aos="fade-up" data-aos-delay="50">
<div class="main_image">
<img src="./img/9.webp">
</div>
<img class="bg-title" src="./img/main_title.png" alt="" />
<div class="wrap-name pt-7 px-5 title">
Trọng Long <small>&</small> Dương Hoài
</div>
</div>
</div>
</section>
<section class="py-4 accessibilities-section">
<div class="container-fluid">
<div class="row gx-2 justify-content-center">
<div class="col-sm-6">
<a href="#wishes" class="w-100 mb-1 px-2 accessibility-btn btn btn-secondary" data-aos="fade-right">
<span class="content-button">
<img class="access-section-icon" src="./img/wishes.webp" alt="access-btn">Gửi lời chúc
</span>
</a>
</div>
<div class="col-sm-6">
<a href="javascript:void(0)" class="w-100 mb-1 accessibility-btn btn btn-secondary buttonDonate"
data-aos="fade-left">
<span class="content-button">
<img class="access-section-icon" src="./img/money_bag.webp" alt="access-btn"> Mừng cưới
</span>
</a>
</div>
</div>
</div>
</section>
<section class="py-5 gallery-section section-bg-affect" id="gallery">
<div class="container-fluid">
<h2 class="section-title text-center" data-aos="zoom-in-up">
Album Hình Cưới
</h2>
<h3 class="section-sub-title mb-4 text-center" data-aos="zoom-in-up">
Được ai đó yêu sâu sắc sẽ mang lại cho bạn sức mạnh, trong khi yêu ai đó sâu sắc sẽ cho bạn dũng khí.
</h3>
<div class="row gx-2" id="photoGalleryContainer">
<script type="text/javascript">
const quotes = [
"Tình yêu là khi hạnh phúc của người khác trở thành hạnh phúc của chính bạn.",
"Tình yêu không phải là nhìn nhau, mà là cùng nhìn về một hướng.",
"Yêu không phải là chiếm hữu, yêu là cho đi mà không mong nhận lại.",
"Tình yêu đích thực không bao giờ chết, chỉ có trái tim ta thay đổi.",
"Người yêu bạn không phải là người nói yêu bạn, mà là người làm cho bạn cảm nhận tình yêu.",
"Tình yêu là sự gặp gỡ của hai tâm hồn hòa hợp.",
"Không ai có thể yêu bạn hơn chính bạn yêu bản thân mình.",
"Tình yêu là nghệ thuật của trái tim, và mỗi người là một nghệ sĩ.",
"Yêu là đặt hạnh phúc của người khác lên trên hạnh phúc của mình.",
"Tình yêu là ngọn lửa cháy bùng nhưng không bao giờ tàn.",
"Chân thành trong tình yêu là chìa khóa của mọi cánh cửa.",
"Tình yêu không chỉ là lời nói, mà còn là hành động.",
"Mọi điều tốt đẹp trong cuộc sống đều bắt đầu từ tình yêu.",
"Tình yêu giống như gió, bạn không thể thấy nó, nhưng có thể cảm nhận được.",
"Yêu không phải là tìm một người hoàn hảo, mà là yêu sự không hoàn hảo trong họ.",
"Tình yêu làm cho những điều nhỏ nhặt trở nên ý nghĩa.",
"Hạnh phúc lớn nhất là yêu và được yêu.",
"Trong tình yêu, điều quan trọng không phải là bạn yêu bao nhiêu, mà là bạn yêu bao lâu.",
"Tình yêu không cần lý do, chỉ cần một trái tim chân thành.",
"Khoảnh khắc đẹp nhất của tình yêu là khi hai người cùng im lặng và trái tim họ trò chuyện.",
"Yêu là khi bạn tìm thấy một phần còn thiếu của mình ở người khác.",
"Tình yêu không phải là thứ có thể điều khiển, nó là điều tự nhiên nhất.",
"Tình yêu là một hành trình, không phải là một điểm đến.",
"Yêu là học cách kiên nhẫn, bao dung và tha thứ.",
"Một trái tim tràn đầy tình yêu sẽ không bao giờ cô đơn.",
"Tình yêu là ánh sáng soi sáng mọi bóng tối trong cuộc đời.",
"Không ai hoàn hảo, nhưng tình yêu giúp chúng ta hoàn thiện.",
"Yêu không phải là chuyện của lý trí, mà là của trái tim."
];
for (let i = 1; i <= 28; i++) {
photoGalleries.push({
src: `./img/${i}.webp`,
thumb: `./img/${i}.webp`,
subHtml: `<div class="lg-sub-html"><h4>${quotes[i - 1]}</h4></div>`
});
}
</script>
<div class="col-6 gallery-item section-sub-title mb-2 btn-see-more-gallery" data-aos="fade-right"
data-index="0"> <img src="./img/1.webp" />
</div>
<div class="col-6 gallery-item section-sub-title mb-2 btn-see-more-gallery" data-aos="fade-left"
data-index="1"> <img src="./img/2.webp" />
</div>
<div class="col-6 gallery-item section-sub-title mb-2 btn-see-more-gallery" data-aos="fade-right"
data-index="2"> <img src="./img/3.webp" />
</div>
<div class="col-6 gallery-item section-sub-title mb-2 btn-see-more-gallery" data-aos="fade-left"
data-index="3"> <img src="./img/4.webp" />
</div>
<div class="col-6 gallery-item section-sub-title mb-2 btn-see-more-gallery" data-aos="fade-right"
data-index="4"> <img src="./img/5.webp" />
</div>
<div class="col-6 gallery-item section-sub-title mb-2 btn-see-more-gallery" data-aos="fade-left"
data-index="5"> <img src="./img/6.webp" />
</div>
</div>
<div class="text-center" data-aos="fade-up">
<a href="javascript:void(0)" id="btn-see-more-gallery" class="btn btn-secondary mt-4 btn-see-more-gallery">
<span> Tất cả hình ảnh </span>
</a>
</div>
</div>
</section>
<section class="py-5 section-sub-title weddingdate-section section-bg-affect" id="weddingdate">
<div class="container-fluid">
<div class="w-100">
<div class="mini_calendar m-auto pb-3" data-aos="fade-up-right">
<div class="mini_calendar">
<table>
<caption class="calendar-month">Tháng 10 / 2024</caption>
<tr>
<th abbr="Monday">Thứ 2</th>
<th abbr="Tuesday">Thứ 3</th>
<th abbr="Wednesday">Thứ 4</th>
<th abbr="Thursday">Thứ 5</th>
<th abbr="Friday">Thứ 6</th>
<th abbr="Saturday">Thứ 7</th>
<th abbr="Sunday">CN</th>
</tr>
<tr>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>
4
</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>
<div id="today">20</div>
</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td id="emptydays" colspan="4"> </td>
</tr>
</table>
</div>
</div>
<div class="countdown" data-aos="fade-up-left">
<div class="m-auto" id="clock" data-date="2024-10-20" data-text-day="Ngày" data-text-hour="Giờ"
data-text-minute="Phút" data-text-second="Giây"></div>
</div>
</div>
</div>
</section>
<section class="py-5 invitation-section section-bg-affect" id="invitation">
<div class="container-fluid">
<div class="w-100">
<div data-aos="fade-up" class="invation-title">
<h3 class="text-center title m-0">Lời Ngỏ</h3>
<p class="text-center m-0">
</p>
</div>
<div>
<div data-aos="fade-up" class="invitation-content my-5 text-center sub-title">
Cảm ơn tất cả những người bạn thân yêu của tôi!<br />
Tôi biết các bạn rất bận rộn, bận rộn với công việc, bận rộn với gia đình…<br />
Nhưng tất cả đã có mặt hôm nay để chúc mừng tình yêu và hạnh phúc của chúng tôi.<br />
Một lần nữa xin chân thành cảm ơn tất cả các bạn!
</div>
<div data-aos="fade-up" class="couple-img mb-5">
<img src="./img/24.webp">
</div>
<div data-aos="fade-up" class="section-title invitation-couple text-center my-5 fs-4">
<p>*Groom/<span> Trọng Long</span></p>
<p>*Bride/<span> Dương Hoài</span></p>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 event-section section-bg-affect" id="event">
<div class="container-fluid">
<h2 data-aos="fade-up" class="section-title text-center">
Sự Kiện Cưới
</h2>
<h3 data-aos="fade-up" class="section-sub-title mb-4 text-center">
Cảm ơn bạn rất nhiều vì đã gửi những lời chúc mừng tốt đẹp nhất đến đám cưới của chúng tôi!
</h3>
<div data-aos="flip-right" class="event-item d-flex flex-row p-0 border-0 rounded overflow-hidden">
<div class="image-wrap position-relative"
style="background-image: url('./img/45dfd859dd184042e2a6adaa320ac64b.webp');">
</div>
<div class="info-wrap p-3">
<h5 class="section-sub-title">Tiệc cưới nhà gái</h5>
<strong>08:00 20/10/2024</strong>
<p class="card-text">
<span>Tư gia nhà gái - </span>
Xóm 6, thôn Khang Ninh, xã Quỳnh Trang, huyện Quỳnh Phụ, tỉnh Thái Bình
</p>
<div class="calendar-button" style="display:none;">
<div class="atcb" style="display:none;">
{
"name":"Tiệc cưới nhà gái (Đám cưới Trọng Long và Dương Hoài)",
"description":"Cảm ơn bạn đã dành thời gian tham dự đám cưới của chúng tôi!. Thông tin chi tiết xem tại
website:<br>[url]https://damcuoilonghoai.click[/url]",
"startDate":"2024-10-20",
"endDate":"2024-10-20",
"startTime":"08:00",
"endTime":"09:30",
"location":"J83R+RH8 Quỳnh Phụ, Thai Binh",
"options":["Apple","Google","iCal","Microsoft365","MicrosoftTeams","Outlook.com","Yahoo"],
"timeZone":"Asia/Ho_Chi_Minh",
"iCalFileName":"Reminder-Event",
"listStyle":"modal",
"label":"Thêm vào lịch",
"trigger":"click"
}
</div>
</div>
<a href="#" data-index="1"
class="section-sub-title btn btn-sm btn-secondary calendar-button-custom-click">Thêm vào lịch</a>
<a href="https://maps.app.goo.gl/MyY1uYChhkCqrfpCA" target="_blank"
class="section-sub-title btn btn-sm btn-secondary">Xem bản đồ</a>
</div>
</div>
<div data-aos="flip-left " class="event-item d-flex flex-row p-0 border-0 rounded overflow-hidden">
<div class="image-wrap position-relative"
style="background-image: url('./img/194d4b3c58f61adb4931a8a00a4fa019.webp');">
</div>
<div class="info-wrap p-3">
<h5 class="section-sub-title">Tiệc cưới nhà trai</h5>
<strong>10:30 20/10/2024</strong>
<p class="card-text">
<span>Nhà hàng tiệc cưới Hoàng Gia - </span>
thôn An Cố Tân, Thụy An, Thái Thụy, Thái Bình
</p>
<div class="calendar-button" style="display:none;">
<div class="atcb" style="display:none;">
{
"name":"Tiệc cưới nhà trai (Đám cưới Trọng Long và Dương Hoài)",
"description":"Cảm ơn bạn đã dành thời gian tham dự đám cưới của chúng tôi!. Thông tin chi tiết xem tại
website:<br>[url]https://damcuoilonghoai.click[/url]",
"startDate":"2024-10-20",
"endDate":"2024-10-20",
"startTime":"10:30",
"endTime":"12:00",
"location":"HHXX+2RW Ngã ba cầu, Hồ, gốc đa Đường đê, Thụy Xuân, Thái Thụy, Thái Bình",
"options":["Apple","Google","iCal","Microsoft365","MicrosoftTeams","Outlook.com","Yahoo"],
"timeZone":"Asia/Ho_Chi_Minh",
"iCalFileName":"Reminder-Event",
"listStyle":"modal",
"label":"Thêm vào lịch",
"trigger":"click"
}
</div>
</div>
<a href="#" data-index="4"
class="section-sub-title btn btn-sm btn-secondary calendar-button-custom-click">Thêm vào lịch</a>
<a href="https://maps.app.goo.gl/GRdBrq5HqE7ZNiQw8" target="_blank"
class="section-sub-title btn btn-sm btn-secondary">Xem bản đồ</a>
</div>
</div>
</div>
</section>
<section class="py-5 couple-section section-bg-affect" id="couple">
<div class="container-fluid">
<h2 data-aos="fade-up" class="section-title text-center m-0">
Cô Dâu & Chú Rể
</h2>
<!-- <h3 data-aos="fade-up" class="section-sub-title mb-0 text-center">
</h3> -->
<div class="section-title wrap-people mt-5">
<div class="member member-groom mb-5">
<div data-aos="flip-left" class="member-image animation mb-3 text-center">
<img src="./img/long.webp" />
</div>
<div class="parent d-flex flex-column mx-auto text-center my-2">
<div class="parent-name">Con ông: <span>Nguyễn Trọng Ca</span></div>
<div class="parent-name">Con bà: <span>Nguyễn Thị Thành</span></div>
</div>
<div class="d-flex justify-content-center">
<span data-aos="fade-left" class="member-name m-0">
Trọng Long /
</span>
<ul data-aos="fade-up" class="member-contact social-links d-flex p-0 m-0 mx-2">
<li> <a href="https://facebook.com/simel0" target="_blank"> <i class="bi bi-facebook"></i> </a> </li>
<li> <a href="tel:+84357779776" target="_blank"> <i class="bi bi-phone-fill"></i> </a> </li>
</ul>
</div>
</div>
<div class="member member-bride mt-5">
<div data-aos="flip-right" class="member-image animation mb-3 text-center">
<img src="./img/hoai.webp" />
</div>
<div class="parent d-flex flex-column mx-auto text-center my-2">
<div class="parent-name">Con bà: <span>Bùi Thị Nhẫn</span></div>
</div>
<div class="d-flex justify-content-center">
<span data-aos="fade-left" class="member-name m-0">
Dương Hoài /
</span>
<ul data-aos="fade-up" class="member-contact social-links d-flex p-0 m-0 mx-2">
<li> <a href="https://www.facebook.com/milk.candy.737" target="_blank"> <i class="bi bi-facebook"></i>
</a> </li>
<li> <a href="tel:+84359868555" target="_blank"> <i class="bi bi-phone-fill"></i> </a> </li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 donate-section section-bg-affect" id="donate">
<div class="container-fluid ">
<div class="w-100">
<h2 data-aos="fade-up" class="section-title text-center m-0">
Hộp mừng cưới
</h2>
<h3 data-aos="fade-up" class="section-sub-title mb-4 text-center">
Thật vui vì được gặp và đón tiếp các bạn trong một dịp đặc biệt như đám cưới của chúng tôi.
</h3>
<div class="row d-flex justify-content-around donate-box mb-1">
<div data-aos="fade-right" class="col-6 mb-4 donate-wrap">
<div class="donate-card p-3 px-3 rounded text-center">
<strong class="d-block sub-title mb-2 text-uppercase">Đến chú rể</strong>
<img class="qr-code-image m-auto mb-2" src="./img/long_qr.gif">
<p class="mb-1">Ngân hàng: <strong>TECHCOMBANK</strong></p>
<p class="mb-1">
Tên tk: <strong>Nguyen Trong Long</strong>
</p>
<p class="mb-1">
Số tk: <strong>1903 4638 5250 14</strong>
</p>
</div>
</div>
<div data-aos="fade-left" class="col-6 donate-wrap">
<div class="donate-card p-3 px-4 rounded text-center">
<strong class="d-block sub-title mb-2 text-uppercase">Đến cô dâu</strong>
<img class="qr-code-image m-auto mb-2" src="./img/hoai_qr.gif">
<p class="mb-1">Ngân hàng: <strong>TECHCOMBANK</strong></p>
<p class="mb-1">
Tên tk: <strong>Duong Thi Hoai</strong>
</p>
<p class="mb-1">
Số tk: <strong>1903 6306 1700 10</strong>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 wishes-section section-bg-affect" id="wishes">
<div class="container-fluid">
<h2 data-aos="fade-up" class="section-title text-center">
Sổ Lưu Bút
</h2>
<h3 data-aos="fade-up" class="section-sub-title mb-4 text-center">
Cảm ơn bạn rất nhiều vì đã gửi những lời chúc mừng tốt đẹp nhất đến đám cưới của chúng tôi!
</h3>
<div id="section-comment">
<form action="" id="wish-form" class="p-4 contact-validation-active">
<div class="col-auto mb-3 d-flex">
<div class="w-100 me-2">
<input name="name" id="name-comment" type="text" class="form-control border-0"
placeholder="Nhập tên của bạn*" />
</div>
</div>
<div class="col-auto mb-3">
<div class="textarea-emoji-picker position-relative">
<div class="vitualTextarea form-control px-0">
<textarea name="content" class="form-control border-0" id="detail-comment" rows="3" cols=""
placeholder="Nhập lời chúc của bạn*"></textarea>
<div class="textAreaIcons">
<span class="show-autocomplete tooltip-custom" data-toggle="tooltip" data-placement="top"
title="Lời chúc gợi ý">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-lightbulb" viewBox="0 0 16 16">
<path
d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1" />
</svg>
</span>
<span class="hide-autocomplete tooltip-custom" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-lightbulb-off" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M2.23 4.35A6 6 0 0 0 2 6c0 1.691.7 3.22 1.826 4.31.203.196.359.4.453.619l.762 1.769A.5.5 0 0 0 5.5 13a.5.5 0 0 0 0 1 .5.5 0 0 0 0 1l.224.447a1 1 0 0 0 .894.553h2.764a1 1 0 0 0 .894-.553L10.5 15a.5.5 0 0 0 0-1 .5.5 0 0 0 0-1 .5.5 0 0 0 .288-.091L9.878 12H5.83l-.632-1.467a3 3 0 0 0-.676-.941 4.98 4.98 0 0 1-1.455-4.405zm1.588-2.653.708.707a5 5 0 0 1 7.07 7.07l.707.707a6 6 0 0 0-8.484-8.484zm-2.172-.051a.5.5 0 0 1 .708 0l12 12a.5.5 0 0 1-.708.708l-12-12a.5.5 0 0 1 0-.708" />
</svg>
</span>
<span class="emoji-picker-button tooltip-custom" data-toggle="tooltip" data-placement="top"
title="Chèn biểu tượng">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-emoji-smile" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
<path
d="M4.285 9.567a.5.5 0 0 1 .683.183A3.5 3.5 0 0 0 8 11.5a3.5 3.5 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.5 4.5 0 0 1 8 12.5a4.5 4.5 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5m4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5" />
</svg>
</span>
<div class="wishes-autocomplete-content" style="display: none;">
<input type="text" id="searchWishSuggestions" onkeyup="searchWishSuggestionsFunction()"
placeholder="Tìm kiếm...">
<ul id="wishSuggestions">
<li><a class="showContent" href="#">Chúc mừng hạnh phúc! Chúc hai bạn trăm năm hạnh phúc!</a>
</li>
<li><a class="showContent" href="#">Chúc mừng ngày trọng đại tới hai bạn. Hạnh phúc bền lâu và
trọn vẹn nhé!</a></li>
<li><a class="showContent" href="#">Chúc mừng hạnh phúc hai bạn. Chúc hai bạn bên nhau đầu bạc
răng long, sớm có thiên thần nhỏ nhé!</a></li>
<li><a class="showContent" href="#">Chúc hai bạn ngày vui hạnh phúc. Hãy yêu thương nhau thật
nhiều và sống thật hạnh phúc nha!</a></li>
<li><a class="showContent" href="#">Chúc hai bạn sớm có con đàn cháu đống, cửa nhà lúc nào cũng
đầm ấm, yên vui nhé!</a></li>
<li><a class="showContent" href="#">Thật vui vì cuối cùng ngày này cũng tới với bạn. Tôi thành
tâm chúc hai bạn thật nhiều hạnh phúc và sống đời vui vẻ cùng nhau mãi mãi!</a></li>
<li><a class="showContent" href="#">Một chương mới đã mở ra với hai bạn rồi. Tôi mong cuộc sống
mới của cả hai sẽ tràn ngập hy vọng, hạnh phúc và niềm vui!</a></li>
<li><a class="showContent" href="#">Chúc đôi trai tài gái sắc hạnh phúc trọn vẹn, luôn yêu
thương nhau thật nhiều!</a></li>
<li><a class="showContent" href="#">Chia vui cùng bạn trong ngày trọng đại này. Cầu mong cuộc
sống sau này của 2 vợ chồng thật thuận hòa, may mắn, làm ăn phát tài nha.</a></li>
<li><a class="showContent" href="#">Tôi mong tình yêu của hai bạn thật bền chặt, gắn bó để xây
dựng tổ ấm yên bình, hạnh phúc!</a></li>
<li><a class="showContent" href="#">Hai bạn của tôi chắc chắn sẽ có được nhiều hạnh phúc. Mong
hai bạn có sức khỏe dồi dào, làm ăn phát đạt và sớm có cháu cho ông bà bồng bế nhé!</a></li>
<li><a class="showContent" href="#">Gửi lời chúc mừng chân thành nhất tới bạn của tôi. Chúc hai
bạn một cuộc sống thật tuyệt vời, hòa thuận, gắn bó son sắt, thủy chung, hạnh phúc lâu
dài.</a></li>
<li><a class="showContent" href="#">Nơi nào có yêu thương nơi đó chắc chắn hạnh phúc. Hai bạn đã
tìm được nơi đủ đầy yêu thương rồi, hãy cùng nắm tay nhau đi hết cuộc đời nhé!</a></li>
<li><a class="showContent" href="#">Khởi đầu một cuộc sống mới, nguyện ước cho bạn của tôi những
ngày tháng hạnh phúc phía trước để cùng xây dựng tổ ấm với người bạn đời. Happy ending!</a>
</li>
<li><a class="showContent" href="#">Mình tin rằng đây sẽ là khởi đầu cho những điều tốt đẹp sắp
tới trong cuộc sống của hai bạn. Hãy yêu thương và cùng nhau vượt qua mọi khó khăn trong
cuộc sống nhé.</a></li>
<li><a class="showContent" href="#">Hôn nhân đánh dấu sự kết thúc một câu chuyện tình yêu và bắt
đầu một trận đấu vật. Chúc bạn những điều tốt đẹp nhất.</a></li>
<li><a class="showContent" href="#">Tôi sẽ nói cho bạn bí mật của một cuộc hôn nhân hạnh phúc.
Đó vẫn là … một bí mật cho tất cả! Chúc bạn tất cả những điều tốt đẹp nhất của thời gian
phía trước.</a></li>
<li><a class="showContent" href="#">Hôn nhân thật đẹp. Cuối cùng bạn đã tìm thấy một người mà
bạn bị làm phiền suốt cuộc đời.</a></li>
<li><a class="showContent" href="#">Hai trở thành một: Một giường, một điều khiển từ xa, một
phòng tắm! Xin chúc mừng đám cưới hai bạn.</a></li>
<li><a class="showContent" href="#">Chúc đôi trai tài gái sắc nhà mình hạnh phúc vẹn tròn, cung
hỷ cung hỷ!</a></li>
<li><a class="showContent" href="#">Chúc mừng anh trai của em đã có người rước nhé. Em mong anh
chị có cuộc sống vui vẻ, hạnh phúc phía trước, làm ăn phát tài phát lộc.</a></li>
<li><a class="showContent" href="#">Anh chị là một cặp trời sinh, chắc chắn sau này sẽ rất hạnh
phúc. Em chúc anh chị sức khỏe dồi dào, làm ăn phát đạt và sớm có thiên thần nhỏ cho vui cửa
vui nhà.</a></li>
<li><a class="showContent" href="#">Hôm nay là ngày vui của anh chị và cũng là ngày em rất hạnh
phúc. Chúc anh chị mãi yêu thương nhau như bây giờ và đạt được mọi ước nguyện trong cuộc
sống.</a></li>
<li><a class="showContent" href="#">Chúc anh/chị/em trăm năm hạnh phúc, thuận vợ thuận
chồng.</a></li>
<li><a class="showContent" href="#">Hôm nay chú rể đẹp trai, cô dâu xinh gái. Chúc mừng ngày
thành hôn hai bạn tôi!</a></li>
<li><a class="showContent" href="#">Chúc mừng đôi bạn trẻ nhé! Mãi yêu thương nhau đến đầu bạc
răng long bạn nha!</a></li>
<li><a class="showContent" href="#">Thay mặt team (tên nhóm) chúc hai bạn ngày ngày ân ái, bên
nhau trọn đời.</a></li>
<li><a class="showContent" href="#">Happy wedding! Chúc hai bạn có cuộc sống mới ngập tràn tiếng
cười và niềm vui, sớm có thiên thần nhỏ bồng bé!</a></li>
</ul>
</div>
</div>
</div>
<div class="emoji-picker">
<emoji-picker style="max-width: 100%;max-height: 350px;" class="light"></emoji-picker>
</div>
</div>
</div>
<div class="col-auto text-center">
<button type="submit" class="p-2 w-50 btn btn-danger border-0" id="btn-submit-comment">
Gửi lời chúc
</button>
</div>
<div class="clearfix error-handling-messages">
<div id="success">Cám ơn bạn nhiều, lời chúc sẽ sớm được duyệt bạn nhé!</div>
<div id="error"> Lỗi rồi, gọi chú rể sửa thôi.</div>
</div>
</form>
<div class="mt-3 px-4 py-3 " id="show-comments">
</div>
</div>
</div>
</section>
<section class="section-title footer-section py-5 text-center section-bg-affect">
<div class="container-fluid">
<h3 class="title">Thank you!</h3>
<h5 class="sub-title">-- Trọng Long & Dương Hoài --</h5>
</div>
</section>
</div>
<div class="offcanvas offcanvas-end offcanvas-menu" tabindex="-1" id="offcanvasNavbar" data-bs-scroll="true"
data-bs-backdrop="true" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1">
<div class="offcanvas-header pb-4 pt-2 px-2 justify-content-end">
<button type="button" class="btn-close p-0" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<li class="nav-item">
<a class="section-sub-title nav-link active" aria-current="page" href="#gallery">Album Hình Cưới</a>
</li>
<li class="nav-item">
<a class="section-sub-title nav-link active" aria-current="page" href="#invitation">Lời Ngỏ</a>
</li>
<li class="nav-item">
<a class="section-sub-title nav-link" href="#event">Sự kiện cưới</a>
</li>
<li class="nav-item">
<a class="section-sub-title nav-link" href="#couple">Cô Dâu & Chú Rể</a>
</li>
<li class="nav-item">
<a class="section-sub-title nav-link" href="#wishes">Sổ Lưu Bút</a>
</li>
<li class="nav-item">
<a class="section-sub-title nav-link" href="#donate">Mừng cưới</a>
</li>
</ul>
</div>
</div>
<div class="py-5 donate-section donate-modal section-bg-affect" id="donate-modal">
<div class="container-fluid donate-modal-content">
<span class="donate-modal-close text-danger">×</span>
<div class="w-100 p-4">
<h2 data-aos="fade-up" class="section-title text-body text-center m-0">
Hộp mừng cưới
</h2>
<h3 data-aos="fade-up" class="section-sub-title text-body mb-4 text-center">
Thật vui vì được gặp và đón tiếp các bạn trong một dịp đặc biệt như đám cưới của chúng tôi.
</h3>
<div class="row justify-content-center donate-box mb-1">
<div data-aos="fade-right" class="col-6 px-4 mb-4">
<div class="donate-card p-4 rounded text-center">
<strong class="d-block sub-title mb-2 text-uppercase">Đến chú rể</strong>
<img class="qr-code-image m-auto mb-2" src="./img/long_qr.gif">
<p class="mb-1">Ngân hàng: <strong>TECHCOMBANK</strong></p>
<p class="mb-1">
Tên tk: <strong>Nguyen Trong Long</strong>
</p>
<p class="mb-1">
Số tk: <strong>1903 4638 5250 14</strong>
</p>
</div>
</div>
<div data-aos="fade-left" class="col-6 px-4 ">
<div class="donate-card p-4 rounded text-center">
<strong class="d-block sub-title mb-2 text-uppercase">Đến cô dâu</strong>
<img class="qr-code-image m-auto mb-2" src="./img/hoai_qr.gif">
<p class="mb-1">Ngân hàng: <strong>TECHCOMBANK</strong></p>
<p class="mb-1">
Tên tk: <strong>Duong Thi Hoai</strong>
</p>
<p class="mb-1">
Số tk: <strong>1903 6306 1700 10</strong>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="menu-access" class="">
<div class="btn-menu-open">
<i class="bi bi-list text-white"></i>
</div>
<div class="btn-menu-close">
<i class="bi bi-x-lg text-white"></i>
</div>
<ul class="p-0 m-0 list-menu-icon">
<li class="text-center">
<a href="#wishes" class="text-white">
<span class="content-button tooltipBtn">
<span class="tooltiptext">Gửi lời chúc</span>
<img class="access-icon" src="./img/wishes.webp" alt="">
</span>
</a>
</li>
<li class="text-center">
<a href="#donate" class="text-white">
<span class="content-button tooltipBtn">
<span class="tooltiptext">Mừng cưới</span>
<img class="access-icon" src="./img/money_bag.webp" alt="">
</span>
</a>
</li>
</ul>
</div>
<script type="text/javascript">
const biicore = { webroot: '.', templatePremium: true, isPremium: true, bgMusic: './wedding-musics/IDo-911.mp3', alert: JSON.parse('{\"title\":\"L\\u1eddi c\\u1ea3m \\u01a1n t\\u1eeb D\\u00e2u & R\\u1ec3\",\"content\":\"Xin ch\\u00e2n th\\u00e0nh c\\u1ea3m \\u01a1n to\\u00e0n th\\u1ec3 m\\u1ecdi ng\\u01b0\\u1eddi \\u0111\\u00e3 g\\u1eedi l\\u1eddi ch\\u00fac cho v\\u1ee3 ch\\u1ed3ng ch\\u00fang em!\",\"timeout\":5000,\"status\":2,\"cancel_button_text\":\"\"}'), effect: JSON.parse('{\"type\":\"heart\"}'), isAutoPlay: true };
</script>
<script src="./common/calendar.js?v=20240713"></script>
<script src="./common/bii.js?v=20240713"></script>
<script src="./templates/template135/js/libs.js"></script>
<script src="./templates/template135/js/script.js"></script>
<script src="./common/emoji-picker/insertTextAtCursor.js?v=20240713"></script>
<script type="module" src="./common/emoji-picker/init.js?v=20240713"></script>
</body>
</html>