PageSourceSearch

https://seremoni.id/

html seremoni.id collected 2026-10-07 23:54:21 UTC 86,962 bytes, 1,105 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <!-- Required meta tags -->
6            <title>Website Undangan Pernikahan Online Digital - SEREMONI.ID</title>
7    
8        <meta charset="utf-8">
9    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
10    <meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1, index, follow"/>
11    <meta name="title" content="Undangan Pernikahan Online - Seremoni">
12    <meta name="description" content="Seremoni dapat membantu Anda membuat undangan pernikahan online yang simple, terlengkap, dan kekinian. Buat undangan pernikahan digital gratis disini.">
13    <meta name="keywords" content="undangan nikah digital, undangan pernikahan, undangan pernikahan gratis, undangan pernikahan digital, undangan pernikahan online, platform undangan online, undangan nikah unik, undangan pernikahan islami, undangan pernikahan simpel">
14    <meta name="author" content="Seremoni">
15
16    <meta property="og:type" content="website"/>
17    <meta property="og:title" content="Undangan Pernikahan Online - Seremoni"/>
18    <meta property="og:description" content="Seremoni dapat membantu Anda membuat undangan pernikahan online yang simple, terlengkap, dan kekinian. Buat undangan pernikahan digital gratis disini."/>
19    <meta property="og:url" content="https://seremoni.id"/>
20    <meta property="og:locale" content="id_ID"/>
21    <meta property="og:site_name" content="Undangan Pernikahan Online - Seremoni"/>
22    <meta property="og:image" content="https://seremoni.id/img/banner.png"/>
23    <meta property="og:image:secure_url" content="https://seremoni.id/img/banner.png"/>
24
25    <meta name="twitter:card" content="summary_large_image"/>
26    <meta name="twitter:description" content="Seremoni, undangan pernikahan online gratis"/>
27    <meta name="twitter:title" content="Undangan Pernikahan Online - Seremoni"/>
28    <meta name="twitter:image" content="https://seremoni.id/img/banner.png"/>
29
30    <meta name="theme-color" content="#00C2CB">
31    <meta name="msapplication-navbutton-color" content="#00C2CB">
32    <meta name="apple-mobile-web-app-status-bar-style" content="#00C2CB">
33
34    <meta property="article:author" content="https://seremoni.id">
35    <meta property="article:section" content="website">
36    
36<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
36
37    <style>
38        .form-control2 {
39            height: 45px;
40            border: 0;
41            background-color: #fff;
42        }
43        .form-control2 {
44            display: block;
45            width: 100%;
46            height: calc(1.5em + 0.75rem + 2px);
47            padding: 0.375rem 0.75rem;
48            font-size: 1rem;
49            font-weight: 400;
50            line-height: 1.5;
51            color: #495057;
52            background-color: #fff;
53            background-clip: padding-box;
54            border: 1px solid #ced4da;
55            border-radius: 0.25rem;
56            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
57        }
58    </style>
59    <!-- Global site tag (gtag.js) - Google Ads: 965800586 -->
vendor: 64 bytes, lines 59-60
59
60<script async src="https://www.googletagmanager.com/gtag/js?id=
60AW-965800586
vendor: 12 bytes, line 60
60"></script>
61<script>
62    
vendor: 140 bytes, lines 62-66
62window.dataLayer = window.dataLayer || [];
63    function gtag(){dataLayer.push(arguments);}
64    gtag('js', new Date());
65
66    gtag('config', '
66AW-965800586
vendor: 4 bytes, line 66
66');
67</script>
67
68
69<!-- Meta Pixel Code -->
70<script>
vendor: 435 bytes, lines 70-79
70
71    !function(f,b,e,v,n,t,s)
72    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
73    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
74    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
75    n.queue=[];t=b.createElement(e);t.async=!0;
76    t.src=v;s=b.getElementsByTagName(e)[0];
77    s.parentNode.insertBefore(t,s)}(window, document,'script',
78    'https://connect.facebook.net/en_US/fbevents.js');
79    fbq('init', '
79374493378129021
vendor: 34 bytes, lines 79-80
79');
80    fbq('track', 'PageView');
81</script>
81
82
83<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=374493378129021&ev=PageView&noscript=1" /></noscript>
84<!-- End Meta Pixel Code -->    
84<script type='application/ld+json'>
85    {
86        "@context": "http://schema.org",
87            "@graph": [{
88                "@type": "WebSite",
89                "name": "Seremoni.id",
90                "alternateName": "Undangan Pernikahan Online",
91                "url": "https://seremoni.id",
92                "image": [
93                    "https://seremoni.id/landing/images/undangan-pernikahan-online-1x1.jpg",
94                    "https://seremoni.id/landing/images/undangan-pernikahan-online-4x3.jpg",
95                    "https://seremoni.id/landing/images/undangan-pernikahan-online-16x9.jpg"
96                ],
97                "keywords": ["undangan nikah digital", "undangan pernikahan", "undangan pernikahan gratis", "undangan pernikahan digital", "undangan pernikahan online", "platform undangan online", "undangan nikah unik", "undangan pernikahan islami", "undangan pernikahan simpel"]
98            }, {
99                "@type": "Organization",
100                "url": "https://seremoni.id",
101                "logo": "https://seremoni.id/landing/images/logo-dark.png",
102                "sameAs": [
103                    "https://www.facebook.com/seremoni.id",
104                    "https://twitter.com/seremoni_id",
105                    "https://www.tiktok.com/@seremoni_id",
106                    "https://www.instagram.com/seremoni_id"
107                ]
108            }, {
109                "@type": "ImageObject",
110                "@id": "https://seremoni.id/#primaryimage",
111                "inLanguage": "id",
112                "url": "https://seremoni.id/landing/images/home-img.png",
113                "width": 1620,
114                "height": 1943,
115                "caption": "Buat undangan pernikahan online dan digital terbaik"
116            }
117        ]
118    }
119</script>
119
120    <!-- favicon -->
121    <link rel="shortcut icon" href="https://seremoni.id/landing/images/ic.png">
122    <link rel="apple-touch-icon" sizes="180x180" href="https://seremoni.id/landing/images/apple-touch-icon.png">
123    <link rel="canonical" href="https://seremoni.id">
124
125    <!-- css -->
126    <link href="https://seremoni.id/landing/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
127    <link href="https://seremoni.id/landing/css/materialdesignicons.min.css" rel="stylesheet" type="text/css" />
128
129    <!-- magnific pop-up -->
130    <link rel="stylesheet" type="text/css" href="https://seremoni.id/landing/css/magnific-popup.css" />
131
132    <!-- Swiper CSS -->
133    <link rel="stylesheet" href="https://seremoni.id/landing/css/swiper.min.css">
134
135    <!--Slider-->
136    <link rel="stylesheet" type="text/css" href="https://seremoni.id/landing/css/owl.carousel.css" />
137    <link rel="stylesheet" type="text/css" href="https://seremoni.id/landing/css/owl.theme.css" />
138    <link rel="stylesheet" type="text/css" href="https://seremoni.id/landing/css/owl.transitions.css" />
139    <link href="https://seremoni.id/landing/css/style.css" rel="stylesheet" type="text/css" />
140
141    <link rel="stylesheet" href="https://seremoni.id/plugins/floating-whatsapp/floating-wpp.min.css">
142
143    <!-- Material Icon -->
144    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
145</head>
146
147<body>
148
149    <!--Navbar Start-->
150            <nav id="navmenu" class="navbar navbar-expand-lg fixed-top navbar-custom sticky sticky-dark">
151    <div class="container">
152        <!-- LOGO -->
153        <a class="navbar-brand logo text-uppercase" href="https://seremoni.id">
154            <img src="https://seremoni.id/landing/images/logo-light.png" class="logo-light" alt="Undangan Pernikahan Digital Seremoni" height="30">
155            <img src="https://seremoni.id/landing/images/logo-dark.png" class="logo-dark" alt="Undangan Pernikahan Online Seremoni" height="30">
156        </a>
157        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
158            aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
159            <i class="mdi mdi-menu"></i>
160        </button>
161        <div class="collapse navbar-collapse" id="navbarCollapse">
162            <ul class="navbar-nav mx-auto navbar-center" id="mySidenav">
163                <li class="nav-item">
164                    <a href="#features" class="nav-link">Fitur</a>
165                </li>
166                <li class="nav-item">
167                    <a href="#langkah" class="nav-link">Cara Kerja</a>
168                </li>
169                <li class="nav-item">
170                    <a href="#tema" class="nav-link">Tema</a>
171                </li>
172                <li class="nav-item">
173                    <a href="#testimonial" class="nav-link">Testimonial</a>
174                </li>
175                <li class="nav-item">
176                    <a href="#pricing" class="nav-link">Harga</a>
177                </li>
178                <li class="nav-item">
179                    <a href="/faq" class="nav-link">FAQ</a>
180                </li>
181                <li class="nav-item">
182                    <a href="/kontak" class="nav-link">Kontak</a>
183                </li>
184                <li class="nav-item">
185                    <a href="/blog" class="nav-link">Blog</a>
186                </li>
187            </ul>
188
189            <ul class="navbar-nav navbar-center">
190                <li class="nav-item">
191                    <a href="https://seremoni.id/login" class="nav-link">Masuk</a>
192                </li>
193                <li class="nav-item d-inline-block d-lg-none">
194                    <a href="https://seremoni.id/register" class="nav-link">Daftar</a>
195                </li>
196            </ul>
197            <div class="navbar-button d-none d-lg-inline-block">
198                <a href="https://seremoni.id/register" class="btn btn-sm btn-success btn-rounded btn-round">Daftar Sekarang</a>
199            </div>
200        </div>
201    </div>
202</nav>    <!-- Navbar End -->
203
204
205    <!-- CONTENT -->
206        	<!-- START HOME -->
207        <section class="bg-home" id="home">
208            <div class="bg-overlay"></div>
209            <div class="home-center">
210                <div class="home-desc-center">
211
212                    <div class="container">
213                        <div class="row align-items-center">
214                            <div class="col-lg-6">
215                                <div class="home-content text-white">
216                                    <h1 class="home-title mt-5">Undangan Pernikahan Online<br>
217                                    </h1>
218                                    <p class="text-white-50 f-16 mt-4"> Saatnya beralih ke undangan digital.
219                                        <br> Proses cepat, 10 menit undangan langsung jadi.</p>
220                                    <div class="pt-4 mt-1">
221                                        <a href="https://seremoni.id/register" class="btn btn-primary">Daftar Sekarang <i
222                                                class="mdi mdi-arrow-right ml-1"></i></a>
223                                    </div>
224                                </div>
225                            </div>
226                            <div class="col-lg-6">
227                                <div class="home-img">
228                                    <img src="https://seremoni.id/landing/images/home-img.png" class="img-fluid" alt="Undangan Pernikahan Digital Seremoni">
229                                </div>
230                            </div>
231                        </div>
232
233                    </div>
234
235                </div>
236            </div>
237        </section>
238    <!-- END HOME -->
239
240    <!-- FEATURES -->
241        <section class="section" id="features">
242            <div class="container">
243                <div class="row mb-5 pb-5 mt-5">
244                    <div class="col-lg-12">
245                        <div class="text-center title-content">
246                            <h6 class="text-uppercase f-14 text-primary">Fitur Undangan</h6>
247                            <h2 class="mt-3">Fitur-fitur Unggulan Undangan</h2>
248                            <!-- <p class="text-muted mt-3">
248Tempus porta massa sed eleifend sagittis eget aliquam iaculis enim.
249                            </p> -->
250                        </div>
251
252                        <div class="row mt-5 mb-5 pb-5" style="justify-content: center;">
253                            <div class="col-lg-4">
254                                <div class="features-box text-center mt-4 p-2">
255                                    <div class="features-icon">
256                                        <img src="https://seremoni.id/landing/images/icon/tamu-undangan.png" alt="Undangan Pernikahan Online Seremoni" width="40px">
257                                    </div>
258                                    <h5 class="mt-4 pt-3 f-18">Tamu Undangan</h5>
259                                    <p class="text-muted mt-3">Undang semua teman dan kerabat Anda tanpa ada batasan jumlah.</p>
260                                </div>
261                            </div>
262
263                            <div class="col-lg-4">
264                                <div class="features-box text-center mt-4 p-2">
265                                    <div class="features-icon">
266                                        <!-- <i class="uim uim-briefcase"></i> -->
267                                        <img src="https://seremoni.id/landing/images/icon/buku-tamu.png" alt="Undangan Pernikahan Digital Seremoni" width="40px">
268                                    </div>
269                                    <h5 class="mt-4 pt-3 f-18">Buku Tamu</h5>
270                                    <p class="text-muted mt-3">Ketahui siapa saja teman / kerabat Anda yang akan hadir atau tidak hadir.</p>
271                                </div>
272                            </div>
273
274                            <div class="col-lg-4">
275                                <div class="features-box text-center mt-4 p-2">
276                                    <div class="features-icon">
277                                        <img src="https://seremoni.id/landing/images/icon/countdown-timer.png" alt="Undangan Pernikahan Online Seremoni" width="40px">
278                                    </div>
279                                    <h5 class="mt-4 pt-3 f-18">Countdown Timer</h5>
280                                    <p class="text-muted mt-3">Hitung mundur ke momen paling indah dalam hidup Anda.</p>
281                                </div>
282                            </div>
283
284                            <div class="col-lg-4">
285                                <div class="features-box text-center mt-4 p-2">
286                                    <div class="features-icon">
287                                        <img src="https://seremoni.id/landing/images/icon/amplop-digital.png" alt="Undangan Pernikahan Digital Seremoni" width="40px">
288                                    </div>
289                                    <h5 class="mt-4 pt-3 f-18">Amplop Digital</h5>
290                                    <p class="text-muted mt-3">Proses pengiriman amplop instant dan cashless.</p>
291                                </div>
292                            </div>
293
294                            <div class="col-lg-4">
295                                <div class="features-box text-center mt-4 p-2">
296                                    <div class="features-icon">
297                                        <img src="https://seremoni.id/landing/images/icon/peta-alamat.png" alt="Undangan Pernikahan Online Seremoni" width="40px">
298                                    </div>
299                                    <h5 class="mt-4 pt-3 f-18">Peta Alamat</h5>
300                                    <p class="text-muted mt-3">Petunjuk Google Maps yang dapat mempermudah tamu undangan menuju ke lokasi.</p>
301                                </div>
302                            </div>
303
304                            <div class="col-lg-4">
305                                <div class="features-box text-center mt-4 p-2">
306                                    <div class="features-icon">
307                                        <img src="https://seremoni.id/landing/images/icon/gallery-foto.png" alt="Undangan Pernikahan Digital Seremoni" width="40px">
308                                    </div>
309                                    <h5 class="mt-4 pt-3 f-18">Galeri Foto</h5>
310                                    <p class="text-muted mt-3">Tunjukan foto dan video indah Anda kepada tamu undangan.</p>
311                                </div>
312                            </div>
313
314                            <div class="col-lg-4">
315                                <div class="features-box text-center mt-4 p-2">
316                                    <div class="features-icon">
317                                        <img src="https://seremoni.id/landing/images/icon/cerita-pasangan.png" alt="Undangan Pernikahan Online Seremoni" width="40px">
318                                    </div>
319                                    <h5 class="mt-4 pt-3 f-18">Cerita Pasangan</h5>
320                                    <p class="text-muted mt-3">Biarkan tamu undangan Anda tahu bagaimana Anda bertemu pasangan hidup Anda.</p>
321                                </div>
322                            </div>
323
324                            <div class="col-lg-4">
325                                <div class="features-box text-center mt-4 p-2">
326                                    <div class="features-icon">
327                                        <img src="https://seremoni.id/landing/images/icon/share-whatsapp.png" alt="Undangan Pernikahan Digital Seremoni" width="40px">
328                                    </div>
329                                    <h5 class="mt-4 pt-3 f-18">Share Whatsapp</h5>
330                                    <p class="text-muted mt-3">
330Fitur terbaik untuk mempermudah Anda untuk membagikan undangan melalui whatsapp.</p>
331                                </div>
332                            </div>
333                        </div>
334
335                    </div>
336
337                </div>
338            </div>
339        </section>
340    <!-- END FEATURES -->
341
342    <!-- START KENAPA KAMI -->
343        <section class="section pt-0 bg-light">
344
345            <div class="container">
346
347                <div class="row mt-5 justify-content-center">
348                    <div class="col-lg-8">
349                        <div class="text-center features-img">
350                            
351                        </div>
352                    </div>
353                </div>
354
355                <div class="row mt-5 pt-5">
356                    <div class="col-lg-12">
357                        <div class="text-center title-content">
358                            <h6 class="text-uppercase f-14 text-primary">Kenapa Kami?</h6>
359                            <h2 class="mt-3">Mengapa Harus Seremoni?</h2>
360                            <!-- <p class="text-muted mt-3">Aenean aliquam odio ut risus aliquam facilisis. Nam ac velit odio.
361                                Fusce a leo vel ligula
362                                <br> elementum feugiat id fringilla at, interdum in sem.
363                            </p> -->
364                        </div>
365                    </div>
366                </div>
367
368                <div class="row mt-5" id="counter">
369                    <div class="col-lg-3">
370                        <div class="counter-box mt-4">
371                            <div class="media box-shadow bg-white p-4 rounded">
372                                <div class="media-body">
373                                    <div class="counter-icon">
374                                        <img src="https://seremoni.id/landing/images/icon/harga-bersaing.png" alt="Undangan Pernikahan Digital Seremoni" style="width: 50px; margin-bottom: 20px;">
375                                    </div>
376                                    <h3 class="counter-count">Harga <br> Bersaing</h3>
377                                    <p class="mt-1 mb-0">Spesialkan Pernikahanmu dengan undangan digital yang terjangkau.</p>
378                                </div>
379                            </div>
380                        </div>
381                    </div>
382
383                    <div class="col-lg-3">
384                        <div class="counter-box mt-4">
385                            <div class="media box-shadow bg-white p-4 rounded">
386                                <div class="media-body">
387                                    <div class="counter-icon">
388                                        <img src="https://seremoni.id/landing/images/icon/proses-cepat.png" alt="Undangan Pernikahan Online Seremoni" style="width: 50px; margin-bottom: 20px;">
389                                    </div>
390                                    <h3 class="counter-count ">Proses <br> Cepat</h3>
391                                    <p class="mt-1 mb-0">Proses pembuatan undangan yang cepat dan dapat diubah kapanpun.</p>
392                                </div>
393                            </div>
394                        </div>
395                    </div>
396
397                    <div class="col-lg-3">
398                        <div class="counter-box mt-4">
399                            <div class="media box-shadow bg-white p-4 rounded">
400                                <div class="media-body">
401                                    <div class="counter-icon">
402                                        <img src="https://seremoni.id/landing/images/icon/tema-beragam.png" alt="" style="width: 50px; margin-bottom: 20px;">
403                                    </div>
404                                    <h3 class="counter-count">Tema <br> Beragam</h3>
405                                    <p class="mt-1 mb-0">Tersedia banyak pilihan tema yang bisa di sesuaikan dengan selera Anda.</p>
406                                </div>
407                            </div>
408                        </div>
409                    </div>
410
411                    <div class="col-lg-3">
412                        <div class="counter-box mt-4">
413                            <div class="media box-shadow bg-white p-4 rounded">
414                                <div class="media-body">
415                                    <div class="counter-icon">
416                                        <img src="https://seremoni.id/landing/images/icon/support-terbaik.png" alt="Undangan Pernikahan Digital Seremoni" style="width: 50px; margin-bottom: 20px;">
417                                    </div>
418                                    <h3 class="counter-count">Support <br> Terbaik</h3>
419                                    <p class="mt-1 mb-0">Tim Kami selalu bisa diandalkan, Ketika Anda perlu bantuan.</p>
420                                </div>
421                            </div>
422                        </div>
423                    </div>
424                </div>
425            </div>
426        </section>
427    <!-- END KENAPA KAMI -->
428
429    <!-- START LANGKAH -->
430        <section class="section" id="langkah">
431            <div class="container">
432                <div class="row">
433                    <div class="col-lg-12">
434                        <div class="text-center title-content">
435                            <h6 class="text-uppercase f-14 text-primary">Langkah Pembuatan</h6>
436                            <h2 class="mt-3">Hanya 4 Langkah dan Website <br> Undangan Pernikahan Online Anda Siap Disebar!</h2>
437                            <!-- <p class="text-muted mt-3">Kamu bisa merubah paket kapanpun, jadi coba gratis aja dulu.</p> -->
438                        </div>
439                    </div>
440                </div>
441
442                <div class="row align-items-center">
443                    <div class="col-12 mt-4 pt-2">
444
445                        <div class="row">
446                            <div class="row" style="justify-content: space-between; align-items: center;">
447                                <div class="col-lg-4">
448                                    <img src="https://seremoni.id/landing/images/cara-kerja.png" alt="" srcset="" style="width: 100%;">
449                                </div>
450                                <div class="col-lg-7">
451                                    <div class="row">
452                                        <div class="col-lg-6">
453                                            <div class="pricing-box box-shadow mt-4 p-5">
454                                                <img src="https://seremoni.id/landing/images/icon/registrasi.png" alt="Undangan Pernikahan Online Seremoni" style="width: 50px; margin-bottom: 20px;">
455                                                <h4 class="">Registrasi</h4>
456                                                <p class="text-muted">Melakukan pendaftaran di website seremoni.id</p>
457                                            </div>
458                                        </div>
459                                        <!--end col-->
460                                        <div class="col-lg-6">
461                                            <div class="pricing-box box-shadow mt-4 p-5">
462                                                <img src="https://seremoni.id/landing/images/icon/isi-formasi.png" alt="Undangan Pernikahan Digital Seremoni" style="width: 50px; margin-bottom: 20px;">
463                                                <h4 class="">Isi Formulir</h4>
464                                                <p class="text-muted">Isi data pernikahan seperti data mempelai, lokasi dan lain-lain.</p>
465                                            </div>
466                                        </div>
467                                        <!--end col-->
468                                        <div class="col-lg-6">
469                                            <div class="pricing-box box-shadow mt-4 p-5">
470                                                <img src="https://seremoni.id/landing/images/icon/sebarkan.png" alt="Undangan Pernikahan Online Seremoni" style="width: 50px; margin-bottom: 20px;">
471
472                                                <h4 class="">Sebarkan</h4>
473                                                <p class="text-muted">Undangan telah jadi dan dapat Anda sebarkan kepada teman dan kerabat.</p>
474                                            </div>
475                                        </div>
476                                        <!--end col-->
477                                        <div class="col-lg-6">
478                                            <div class="pricing-box box-shadow mt-4 p-5">
479                                                <img src="https://seremoni.id/landing/images/icon/monitoring.png" alt="Undangan Pernikahan Digital Seremoni" style="width: 50px; margin-bottom: 20px;">
480                                                <h4 class="">Monitoring</h4>
481                                                <p class="text-muted">Pantau siapa saja yang akan datang, memberi ucapan, dan mengirim amplop.</p>
482                                            </div>
483                                        </div>
484                                        <!--end col-->
485                                    </div>
486
487                                
488                                </div>
489                            </div>
490                        
491                        </div>
492                        <!--end row-->
493                    </div>
494                </div>
495            </div>
496        </section>
497    <!-- END LANGKAH -->
498
499    <!-- START TEMA -->
500        <section class="section bg-light" id="tema">
501            <div class="container">
502                <div class="row">
503                    <div class="col-lg-12">
504                        <div class="text-center title-content">
505                            <h6 class="text-uppercase f-14 text-primary">Pilihan Tema</h6>
506                            <h2 class="mt-3">Pilih Tema Sesuai Dengan<br>Undangan Pernikahan Impianmu.</h2>
507                            <!-- <p class="text-muted mt-3">Tempus porta massa sed eleifend sagittis eget aliquam iaculis enim. -->
508                            </p>
509                        </div>
510                    </div>
511                </div>
512
513                
514
515                <div class="row">
516                                            <input type="hidden" class="colorThema" id="colorThema-1" value="">
517                        <div class="col-lg-4">
518                            <div class="blog-box mt-4">
519                                <div class="blog-img"></div>
520                                <img src="https://seremoni.id/themes/goulet1/img/thumb.png" class="img-fluid rounded" alt="Undangan Pernikahan Online Seremoni" id="background-1">
521                                <div class="blog-content p-3 bg-white box-shadow">
522                                    <div class="category">
523                                        <span class="badge bg-success badge-sm me-1 mb-1 mt-1 text-white">Natural</span><br>
524                                        <div class="flex-color">
525                                                                                                                                    <div class="color-theme border-2 spanColor" style="background-color: #F1836F; border-color: #8d1f0b; cursor: pointer" id="spanColor-1-1-1" onclick="changeColor(1,1,1)"></div>
526                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #0B5383; border-color: #00001f; cursor: pointer" id="spanColor-2-1-1" onclick="changeColor(2,1,1)"></div>
527                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #987647; border-color: #341200; cursor: pointer" id="spanColor-3-1-1" onclick="changeColor(3,1,1)"></div>
528                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #71366D; border-color: #0d0009; cursor: pointer" id="spanColor-4-1-1" onclick="changeColor(4,1,1)"></div>
529                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #C8882C; border-color: #642400; cursor: pointer" id="spanColor-5-1-1" onclick="changeColor(5,1,1)"></div>
530                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
531                                    </div>
532                                    <h5 class="mt-1 f-18"><a href="" class="text-dark"><span id="nama-1" class="nameThema">Goulet</a></h5>
533                                    <div class="mt-3 mb-3">
534                                        <a href="javascript:void(0)" onclick="showDemo(1,1,1)" class="btn btn-sm btn-primary" id="demoThema-1">Demo</a>
535                                    </div>
536                                </div>
537                            </div>
538                        </div>
539                                            <input type="hidden" class="colorThema" id="colorThema-6" value="">
540                        <div class="col-lg-4">
541                            <div class="blog-box mt-4">
542                                <div class="blog-img"></div>
543                                <img src="https://seremoni.id/themes/stanionery1/img/thumb.png" class="img-fluid rounded" alt="Undangan Pernikahan Online Seremoni" id="background-6">
544                                <div class="blog-content p-3 bg-white box-shadow">
545                                    <div class="category">
546                                        <span class="badge bg-success badge-sm me-1 mb-1 mt-1 text-white">Natural</span><br>
547                                        <div class="flex-color">
548                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="color-theme border-2 spanColor" style="background-color: #2C5A4B; border-color: #000000; cursor: pointer" id="spanColor-6-2-6" onclick="changeColor(6,2,6)"></div>
549                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #71366D; border-color: #0d0009; cursor: pointer" id="spanColor-4-2-6" onclick="changeColor(4,2,6)"></div>
550                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #C8882C; border-color: #642400; cursor: pointer" id="spanColor-5-2-6" onclick="changeColor(5,2,6)"></div>
551                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
552                                    </div>
553                                    <h5 class="mt-1 f-18"><a href="" class="text-dark"><span id="nama-6" class="nameThema">Stanionery</a></h5>
554                                    <div class="mt-3 mb-3">
555                                        <a href="javascript:void(0)" onclick="showDemo(2,6,6)" class="btn btn-sm btn-primary" id="demoThema-6">Demo</a>
556                                    </div>
557                                </div>
558                            </div>
559                        </div>
560                                            <input type="hidden" class="colorThema" id="colorThema-9" value="">
561                        <div class="col-lg-4">
562                            <div class="blog-box mt-4">
563                                <div class="blog-img"></div>
564                                <img src="https://seremoni.id/themes/sariga1/assets/images/thumb.png" class="img-fluid rounded" alt="Undangan Pernikahan Online Seremoni" id="background-9">
565                                <div class="blog-content p-3 bg-white box-shadow">
566                                    <div class="category">
567                                        <span class="badge bg-success badge-sm me-1 mb-1 mt-1 text-white">Traditional</span><br>
568                                        <div class="flex-color">
569                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="color-theme border-2 spanColor" style="background-color: #0B5383; border-color: #00001f; cursor: pointer" id="spanColor-2-3-9" onclick="changeColor(2,3,9)"></div>
570                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #2C5A4B; border-color: #000000; cursor: pointer" id="spanColor-6-3-9" onclick="changeColor(6,3,9)"></div>
571                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #F1836F; border-color: #8d1f0b; cursor: pointer" id="spanColor-1-3-9" onclick="changeColor(1,3,9)"></div>
572                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
573                                    </div>
574                                    <h5 class="mt-1 f-18"><a href="" class="text-dark"><span id="nama-9" class="nameThema">Sariga</a></h5>
575                                    <div class="mt-3 mb-3">
576                                        <a href="javascript:void(0)" onclick="showDemo(3,2,9)" class="btn btn-sm btn-primary" id="demoThema-9">Demo</a>
577                                    </div>
578                                </div>
579                            </div>
580                        </div>
581                                            <input type="hidden" class="colorThema" id="colorThema-12" value="">
582                        <div class="col-lg-4">
583                            <div class="blog-box mt-4">
584                                <div class="blog-img"></div>
585                                <img src="https://seremoni.id/themes/brushy1/img/thumb.png" class="img-fluid rounded" alt="Undangan Pernikahan Online Seremoni" id="background-12">
586                                <div class="blog-content p-3 bg-white box-shadow">
587                                    <div class="category">
588                                        <span class="badge bg-success badge-sm me-1 mb-1 mt-1 text-white">Natural</span><br>
589                                        <div class="flex-color">
590                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #0B5383; border-color: #00001f; cursor: pointer" id="spanColor-2-4-12" onclick="changeColor(2,4,12)"></div>
591                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #71366D; border-color: #0d0009; cursor: pointer" id="spanColor-4-4-12" onclick="changeColor(4,4,12)"></div>
592                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #2C5A4B; border-color: #000000; cursor: pointer" id="spanColor-6-4-12" onclick="changeColor(6,4,12)"></div>
593                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
594                                    </div>
595                                    <h5 class="mt-1 f-18"><a href="" class="text-dark"><span id="nama-12" class="nameThema">Brushy</a></h5>
596                                    <div class="mt-3 mb-3">
597                                        <a href="javascript:void(0)" onclick="showDemo(4,2,12)" class="btn btn-sm btn-primary" id="demoThema-12">Demo</a>
598                                    </div>
599                                </div>
600                            </div>
601                        </div>
602                                            <input type="hidden" class="colorThema" id="colorThema-15" value="">
603                        <div class="col-lg-4">
604                            <div class="blog-box mt-4">
605                                <div class="blog-img"></div>
606                                <img src="https://seremoni.id/themes/tarana1/assets/images/thumb.png" class="img-fluid rounded" alt="Undangan Pernikahan Online Seremoni" id="background-15">
607                                <div class="blog-content p-3 bg-white box-shadow">
608                                    <div class="category">
609                                        <span class="badge bg-success badge-sm me-1 mb-1 mt-1 text-white">Traditional</span><br>
610                                        <div class="flex-color">
611                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div class="color-theme border-2 spanColor" style="background-color: #FF0000; border-color: #9b0000; cursor: pointer" id="spanColor-7-5-15" onclick="changeColor(7,5,15)"></div>
612                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #2C5A4B; border-color: #000000; cursor: pointer" id="spanColor-6-5-15" onclick="changeColor(6,5,15)"></div>
613                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #0B5383; border-color: #00001f; cursor: pointer" id="spanColor-2-5-15" onclick="changeColor(2,5,15)"></div>
614                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
615                                    </div>
616                                    <h5 class="mt-1 f-18"><a href="" class="text-dark"><span id="nama-15" class="nameThema">Tarana</a></h5>
617                                    <div class="mt-3 mb-3">
618                                        <a href="javascript:void(0)" onclick="showDemo(5,7,15)" class="btn btn-sm btn-primary" id="demoThema-15">Demo</a>
619                                    </div>
620                                </div>
621                            </div>
622                        </div>
623                                            <input type="hidden" class="colorThema" id="colorThema-18" value="">
624                        <div class="col-lg-4">
625                            <div class="blog-box mt-4">
626                                <div class="blog-img"></div>
627                                <img src="https://seremoni.id/themes/faustine1/assets/images/thumb.png" class="img-fluid rounded" alt="Undangan Pernikahan Online Seremoni" id="background-18">
628                                <div class="blog-content p-3 bg-white box-shadow">
629                                    <div class="category">
630                                        <span class="badge bg-success badge-sm me-1 mb-1 mt-1 text-white">Simple</span><br>
631                                        <div class="flex-color">
632                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="color-theme border-2 spanColor" style="background-color: #D88B5C; border-color: #742700; cursor: pointer" id="spanColor-8-6-18" onclick="changeColor(8,6,18)"></div>
633                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #2C5A4B; border-color: #000000; cursor: pointer" id="spanColor-6-6-18" onclick="changeColor(6,6,18)"></div>
634                                                                                                                                                                                <div class="color-theme border-2 spanColor" style="background-color: #F1836F; border-color: #8d1f0b; cursor: pointer" id="spanColor-1-6-18" onclick="changeColor(1,6,18)"></div>
635                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
636                                    </div>
637                                    <h5 class="mt-1 f-18"><a href="" class="text-dark"><span id="nama-18" class="nameThema">Faustine</a></h5>
638                                    <div class="mt-3 mb-3">
639                                        <a href="javascript:void(0)" onclick="showDemo(6,8,18)" class="btn btn-sm btn-primary" id="demoThema-18">Demo</a>
640                                    </div>
641                                </div>
642                            </div>
643                        </div>
644                                    </div>
645                <center>
646                    <a href="/tema" class="btn btn-sm btn-primary" style="margin-top: 50px;">Tema Lainnya</a>
647                </center>
648            </div>
649        </section>
650    <!-- END TEMA -->
651
652    <!-- START TESTIMONAIL -->
653        <section class="section bg-light" id="testimonial">
654            <div class="container">
655                <div class="row">
656                    <div class="col-lg-12">
657                        <div class="text-center title-content">
658                            <h6 class="text-uppercase f-14 text-primary">Testimonial</h6>
659                            <h2 class="mt-3">
659Lihat Seberapa Puas Mereka Yang<br> Menggukan Seremoni</h2>
660                            <!-- <p class="text-muted mt-3">Tempus porta massa sed eleifend sagittis eget aliquam iaculis enim. </p> -->
661                        </div>
662                    </div>
663                </div>
664
665                <div class="row mt-5">
666                    <div class="col-lg-12">
667                        <div id="testi-carousel">
668                                                            <div class=" testi-box bg-white mt-4 mb-5 mx-3 p-4 rounded">
669                                    <div class="media">
670                                        <div class="testi-img mr-3">
671                                            <img src="https://seremoni.id/landing/images/users/lilis.jpg" class="img-fluid rounded-circle img-thumbnail" alt="Undangan Pernikahan Digital Seremoni">
672                                        </div>
673                                        
674                                        <div class="media-body">
675                                            <h6 class="text-uppercase f-15 mt-3">Lilis Sutriani</h6>
676                                            <p class="text-muted">Pernikahan Lilis &amp; Yanto</p>
677                                        </div>
678                                    </div>
679                                    
680                                    <p class="text-muted mt-3 font-italic f-16">Terima kasih Seremoni udah bantu buatin undangan pernikahan digital kita. Prosesnya cepet banget, hasilnya juga bagus. Recommended!</p>
681                                    
682                                    <div class="text-right mt-1">
683                                        <i class="mdi mdi-format-quote-close"></i>
684                                    </div>
685                                </div>
686                                                            <div class=" testi-box bg-white mt-4 mb-5 mx-3 p-4 rounded">
687                                    <div class="media">
688                                        <div class="testi-img mr-3">
689                                            <img src="https://seremoni.id/landing/images/users/rifa.jpg" class="img-fluid rounded-circle img-thumbnail" alt="Undangan Pernikahan Digital Seremoni">
690                                        </div>
691                                        
692                                        <div class="media-body">
693                                            <h6 class="text-uppercase f-15 mt-3">Rifa Febyana</h6>
694                                            <p class="text-muted">Pernikahan Rifa &amp; Sugara</p>
695                                        </div>
696                                    </div>
697                                    
698                                    <p class="text-muted mt-3 font-italic f-16">Undangan online di Seremoni bagus banget. Layanannya juga keren, kalo ada kesulitan langsung dibantu sama adminnya. Makasih Seremoni</p>
699                                    
700                                    <div class="text-right mt-1">
701                                        <i class="mdi mdi-format-quote-close"></i>
702                                    </div>
703                                </div>
704                                                            <div class=" testi-box bg-white mt-4 mb-5 mx-3 p-4 rounded">
705                                    <div class="media">
706                                        <div class="testi-img mr-3">
707                                            <img src="https://seremoni.id/landing/images/users/reza.jpg" class="img-fluid rounded-circle img-thumbnail" alt="Undangan Pernikahan Digital Seremoni">
708                                        </div>
709                                        
710                                        <div class="media-body">
711                                            <h6 class="text-uppercase f-15 mt-3">Reza Satrio</h6>
712                                            <p class="text-muted">Pernikahan Ayu &amp; Reza</p>
713                                        </div>
714                                    </div>
715                                    
716                                    <p class="text-muted mt-3 font-italic f-16">Fitur undangannya cukup lengkap. Jadi gak perlu bingung lagi milih undangan digital dimana. Thanks Seremoni</p>
717                                    
718                                    <div class="text-right mt-1">
719                                        <i class="mdi mdi-format-quote-close"></i>
720                                    </div>
721                                </div>
722                                                            <div class=" testi-box bg-white mt-4 mb-5 mx-3 p-4 rounded">
723                                    <div class="media">
724                                        <div class="testi-img mr-3">
725                                            <img src="https://seremoni.id/landing/images/users/gery.jpg" class="img-fluid rounded-circle img-thumbnail" alt="Undangan Pernikahan Digital Seremoni">
726                                        </div>
727                                        
728                                        <div class="media-body">
729                                            <h6 class="text-uppercase f-15 mt-3">Gery Firmansyah</h6>
730                                            <p class="text-muted">Pernikahan Nuvita &amp; Gery</p>
731                                        </div>
732                                    </div>
733                                    
734                                    <p class="text-muted mt-3 font-italic f-16">Seremoni mantap. Harga ekonomis tapi fitur dan undangannya sangat mewah dan ekslusif. Makasih juga buat adminnya yang sangat ramah</p>
735                                    
736                                    <div class="text-right mt-1">
737                                        <i class="mdi mdi-format-quote-close"></i>
738                                    </div>
739                                </div>
740                                                    </div>
741                    </div>
742                </div>
743            </div>
744        </section>
745    <!-- END TESTIMONIAL -->
746
747    <!-- START HARGA -->
748        <section class="section" id="pricing">
749            <div class="container">
750                <div class="row">
751                    <div class="col-lg-12">
752                        <div class="text-center title-content">
753                            <h6 class="text-uppercase f-14 text-primary">Paket Harga</h6>
754                            <h2 class="mt-3">Dapatkan Undangan Digital Premium <br>
754Dengan Harga Terjangkau</h2>
755                            <p class="text-muted mt-3">Anda dapat merubah jenis paket kapanpun, jadi coba gratis saja dulu.
756                            </p>
757                        </div>
758                    </div>
759                </div>
760
761                <div class="row align-items-center">
762                    <div class="col-12 mt-4 pt-2">
763                        <div class="row">
764                            <div class="col-lg-4">
765                                <div class="pricing-box box-shadow mt-4 p-5">
766                                    <h4 class="">Basic</h4>
767                                    <p class="text-muted">Paket gratis dengan beberapa fitur yang minimalis.</p>
768
769                                    <div class="mt-4">
770                                        <h4 class="pricing-title">
771                                            Gratis <span class="f-16 text-dark"></span>
772                                        </h4>
773                                    </div>
774                                    <div class="pricing-border mt-3"></div>
775
776                                    <ul class="list-group list-group-flush">
777                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Amplop Digital</li>
778                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Hitung Mundur Acara</li>
779                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Kutipan Kata</li>
780                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Musik Latar</li>
781                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> 3 Foto dan 1 Video</li>
782                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Aktif 2 Hari</li>
783                            </ul>
784
785                                    <div class="mt-4 pt-3">
786                                        <a href="https://web.whatsapp.com/send?phone=6281377277232&text=Saya%20ingin%20membuat%20undangan%20pernikahan%20online." rel="nofollow" class="btn btn-light w-100">Buat Sekarang</a>
787                                    </div>
788                                </div>
789                            </div>
790
791                            <div class="col-lg-4">
792                                <div class="pricing-box box-shadow mt-4 p-5">
793                                    <h4 class="">Premium</h4>
794                                    <p class="text-muted">Paket dengan beberapa fitur berguna untuk undangan pernikahan online Anda.</p>
795
796                                    <div class="mt-4">
797                                        <span class="f-16 text-dark" style="text-decoration: line-through; color: rgb(240, 57, 57) !important;">Rp 99.000</span>
798                                        <h4 class="pricing-title">
799                                            Rp 79,000
800                                        </h4>
801                                    </div>
802                                    <div class="pricing-border mt-3"></div>
803
804                                    <ul class="list-group list-group-flush">
805                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Amplop Digital</li>
806                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Hitung Mundur Acara</li>
807                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Kutipan Kata</li>
808                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Musik Latar</li>
809                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Google Maps</li>
810                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Ucapan dan Doa</li>
811                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Cerita Cinta</li>
812                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Unlimited Tamu</li>
813                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Buku Tamu</li>
814                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> 10 Foto dan 1 Video</li>
815                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Aktif 3 Bulan</li>
816                            </ul>
817
818                                    <div class="mt-4 pt-3">
819                                        <a href="https://web.whatsapp.com/se
819nd?phone=6281377277232&text=Saya%20ingin%20membuat%20undangan%20pernikahan%20online." rel="nofollow" class="btn btn-light w-100">Buat Sekarang</a>
820                                    </div>
821                                </div>
822                            </div>
823
824                            <div class="col-lg-4">
825                                <div class="pricing-box box-shadow mt-4 p-5">
826                                    <div class="pricing-lable">
827                                        <span class="lable-name">RECOMENDED</span>
828                                    </div>
829                                    <h4 class="text-primary">Platinum</h4>
830                                    <p class="text-muted">Paket rekomendasi dengan fitur paling lengkap untuk pernikahan impianmu.</p>
831
832                                    <div class="mt-4">
833                                        <span class="f-16 text-dark" style="text-decoration: line-through; color: rgb(240, 57, 57) !important;">Rp 199.000</span>
834                                        <h4 class="pricing-title text-primary">
835                                            Rp 149,000
836                                        </h4>
837                                    </div>
838                                    <div class="pricing-border mt-3"></div>
839
840                                    <ul class="list-group list-group-flush">
841                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Amplop Digital</li>
842                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Hitung Mundur Acara</li>
843                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Kutipan Kata</li>
844                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Musik Latar</li>
845                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Google Maps</li>
846                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Ucapan dan Doa</li>
847                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Cerita Cinta</li>
848                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Unlimited Tamu</li>
849                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Buku Tamu</li>
850                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> 30 Foto 3 Video</li>
851                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Share Whatsapp</li>
852                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Live Streaming</li>
853                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Download Amplop</li>
854                                <li class="list-group-item"> <i class="mdi mdi-checkbox-marked-circle text-success f-20 mr-2"></i> Aktif 1 Tahun</li>
855                            </ul>
856
857                                    <div class="mt-4 pt-3">
858                                        <a href="https://web.whatsapp.com/send?phone=6281377277232&text=Saya%20ingin%20membuat%20undangan%20pernikahan%20online." rel="nofollow" class="btn btn-primary w-100">Buat Sekarang</a>
859                                    </div>
860                                </div>
861                            </div>
862                        </div>
863                        <!--end row-->
864                    </div>
865                </div>
866            </div>
867        </section>
868    <!-- END HARGA -->
869
870    <!-- START CTA -->
871        <section class="section">
872            <div class="container">
873                <div class="row">
874                    <div class="col-lg-12">
875                        <div class="cta-content text-center box-shadow" style="padding: 50px 10px; border-radius: 10px;">
876
877                            <div class="text-center">
878                                <h6 class="text-uppercase desc-white f-14 text-primary">Kenapa Seremoni?</h6>
879                                <h3 class="mt-4 ">Tunggu Apa Lagi? <br> Buat Undangan Pernikahan Online Anda di Seremoni</h3>
880                                <div class="mt-5">
881                                    <a href="https://web.whatsapp.com/se
881nd?phone=6281377277232&text=Saya%20ingin%20membuat%20undangan%20pernikahan%20online." rel="nofollow" class="btn btn-primary">Buat Sekarang</a>
882                                </div>
883                            </div>
884                        </div>
885                    </div>
886                </div>
887            </div>
888        </section>
889    <!-- END CTA -->
890
891    <!-- START DESKRIPSI -->
892        <section class="section pt-0">
893            <div class="container">
894                <div class="row align-items-center">
895                    <div class="col-12 mt-4 pt-2">
896                        <div class="row">
897                            <div class="row" style="justify-content: space-between; align-items: center;">
898                                <div class="col-lg-12">
899                                    <div class="row">
900                                        <div class="col-lg-12">
901                                            <div class="pricing-box box-shadow mt-4 p-5">
902                                                <p class="text-center pb-3">
903                                                    <img src="https://seremoni.id/landing/images/ic.png" alt="Logo Seremoni - Undangan Pernikahan Online" width="40">
904                                                </p>
905                                                <p class="text-muted">
906                                                    Seremoni adalah sebuah platform untuk membuat undangan pernikahan online dan digital dengan mudah dengan fitur canggih dan lengkap. Undangan yang dibuat akan berbentuk sebuah website yang dapat di akses dan dibagikan kapanpun. Seremoni memudahkan seseorang yang memiliki pernikahan untuk mengirimkan undangan kepada calon tamu undangan dengan efektif dan efisien karena didistribusikan dalam bentuk link yang dapat disebar ke berbagai <em>messaging app.</em>
907                                                    <br><br>
908                                                    Cukup 5-10 menit proses pembuatan dan harga yang tetap bersahabat tanpa mengurangi eksklusifitas dan kelengkapan dari website undangan digital Anda. Website undangan pernikahan online yang disediakan Seremoni memungkinkan Anda untu
908k menampilkan informasi yang tidak bisa disampaikan melalui undangan cetak seperti video <em>pre wedding</em>, buku tamu <em>online </em>beserta ucapan, amplop atau kado <em>online </em>yang langsung terhubung dengan akun pribadi Anda, cerita cinta, penghitung waktu mundur, <em>soundtrack</em> undangan pilhan calon pengantin, pilihan tema yang variatif dengan background estetik serta link live streaming perayaan pernikahan.
909                                                    <br><br>
910                                                    Kami yakin Seremoni dapat menjadi pilihan tepat untuk membantu Anda mempersiapkan pernikahan impian Anda. Karena kami percaya bahwa menciptakan efesiensi adalah cara menyempurnakan momen perayaan Anda yang paling berharga.
911                                                    <br><br>
912                                                    Keunggulan Undangan Pernikahan Digital Seremoni :
913                                                    <br>
914                                                    <h2 class="mt-4 text-muted" style="font-size:20px;">1. Undangan Pernikahan Hemat</h2>
915                                                    <p class="text-muted">Dalam platform ini, pengguna bisa menikmati fitur website undangan nikah online Seremoni secara gratis. Tersedia juga berbagai paket yang kami tawarkan bagi pengguna yang menginginkan benefit lebih dengan harga terjangkau.</p>
916                                                    <h2 class="mt-4 text-muted" style="font-size:20px;">2. Undangan Pernikahan Simple</h2>
917                                                    <p class="text-muted">Cara membuat website undangan pernikahan online di Seremoni sangatlah mudah, calon pengantin hanya tinggal melakukan pendaftaran, verifikasi email, isi data sesuai kolom yang tersedia dan memilih tema, website undangan pernikahan sudah siap untuk dibagikan. Penggunaan Seremoni juga sangat simpel dan sederhana. Karena undangan digital Anda bisa mengakses semua fungsi pengaturan dan fitur terbaik kami melalui laptop, komputer bahkan <em>smartphone.</em></p>
918                                                    <h2 class="mt-4 text-muted" style="font-size:20px;">3. Undangan Pernikahan Efektif</h2>
919                                                    <p class="text-muted">Berpindahnya perhatian semua orang ke layar smartphone membuat penggunaan website undangan pernikahan online menjadi media yang sangat efektif saat ini. Tidak perlu repot mengirim undangan fisik, cukup bagikan website undangan pernikahan online melalui pesan di WA atau Whatsapp Anda sudah bisa mengundang kerabat dan orang-orang terdekat Anda dengan cepat, tepat dan tetap bermartabat.</p>
920                                                    <h2 class="mt-4 text-muted" style="font-size:20px;">4. Undangan Pernikahan Terlengkap</h2>
921                                                    <p class="text-muted">Sebagai salah satu penyedia layanan pembuatan website undangan online pernikahan, Seremoni hadir dengan fitur lengkap yang bisa membantu kelancaran hari pernikahan Anda. Mulai dari tema website desain undangan pernikahan <em>online </em>yang unik dan beragam, kata mutiara dan kutipan romantis, galeri foto, video dan <em>streaming</em>, buku tamu dan amplop dan kado <em>online</em>. Anda bisa mengakses platform kami dengan berbagai jenis device mulai dari smartphone, tablet atau laptop. Semua kelebihan tersebut bisa didapatkan secara gratis.</p>
922                                                    <h2 class="mt-4 text-muted" style="font-size:20px;">5. Undangan Pernikahan Kekinian</h2>
923                                                    <p class="text-muted">Undangan pernikahan cetak? sudah biasa. Desain gambar undangan pernikahan? Sudah biasa. Video undangan pernikahan? Sudah biasa. Undangan pernikahan yang punya fitur penghitung waktu mundur, maps, galeri foto video, amplop dan kado online dan dapat disebar ke berbagai <em>messaging app</em>? Ini baru luar biasa. Yup, dengan website undangan pernikahan Seremoni Anda bisa mengundang tamu dan orang terdekat dengan cara yang unik, menarik, efektif dan tentu saja kekinian. Tak perlu biaya mahal untuk menggunakan layanan kami, Anda bisa mencobanya secara GRATIS!</p>
924                                                </p>
925                                            </div>
926                                        </div>
927                                    </div>
928                                </div>
929                            </div>
930                        </div>
931                        <!--end row-->
932                    </div>
933                </div>
934            </div>
935        </section>
936    <!-- END DESKRIPSI --> 
937    <!-- END CONTENT -->
938
939    <div id="floatWA"></div>
940
941    <!-- START FOOTER -->
942    <section class="section bg-footer py-5">
943        <div class="bg-overlay"></div>
944
945        <div class="container">
946            <div class="row">
947                <div class="col-lg-4">
948                    <div class="footer-info mt-4">
949                        <img src="https://seremoni.id/landing/images/logo-light.png" alt="Undangan Pernikahan Digital Seremoni" height="22">
950
951                        <p class="text-white-50 mt-4 f-15">Seremoni adalah platform atau website undangan pernikahan online yang dapat membantu Anda membuat undangan pernikahan digital untuk pernikahan impian Anda.</p>
952                        <!-- <p class="text-white f-20">304-867-7188</p> -->
953
954                    </div>
955
956                </div>
957
958                <div class="col-lg-2 offset-lg-1">
959                    <div class="mt-4">
960                        <h5 class="text-white f-17">Produk</h5>
961                        <ul class="list-unstyled footer-link mt-3">
962                            <li><a href="/#tema">Tema</a></li>
963                            <li><a href="/#pricing">Harga</a></li>
964                            <li><a href="/#testimonial">Testimonial</a></li>
965                            <li><a href="/blog">Blog</a></li>
966                        </ul>
967                    </div>
968                </div>
969                <div class="col-lg-2">
970                    <div class="mt-4">
971                        <h5 class="text-white f-17">Info</h5>
972                        <ul class="list-unstyled footer-link mt-3">
973                            <li><a href="https://seremoni.id/panduan" target="_blank">Panduan</a></li>
974                            <li><a href="/#features">Fitur</a></li>
975                            <li><a href="https://seremoni.id/faq">FAQ</a></li>
976                            <li><a href="https://seremoni.id/sitemap.xml">Sitemap</a></li>
977                        </ul>
978                    </div>
979                </div>
980
981                <div class="col-lg-3">
982                    <div class="mt-4">
983                        <h5 class="text-white f-17">Dukungan</h5>
984                        <ul class="list-unstyled footer-link mt-3">
985                            <li><a href="https://seremoni.id/kebijakan">Kebijakan Privasi</a></li>
986                            <li><a href="https://seremoni.id/snk">Syarat dan Ketentuan</a></li>
987                            <li><a href="https://seremoni.id/tentang">Tentang Kami</a></li>
988                            <li><a href="https://seremoni.id/kontak">Kontak</a></li>
989                        </ul>
990                    </div>
991                </div>
992            </div>
993
994            <div class="row mt-3">
995                <div class="col-12">
996                    <div class="footer-alt">
997                        <ul class="list-inline footer-social float-right mb-0">
998                            <li class="list-inline-item"><a href="https://www.facebook.com/seremoni.id" rel="nofollow" target="_blank"><i class="mdi mdi-facebook"></i></a></li>
999                            <li class="list-inline-item"><a href="https://www.twitter.com/seremoni_id" rel="nofollow" target="_blank"><i class="mdi mdi-twitter"></i></a></li>
1000                            <li class="list-inline-item"><a href="https://www.tiktok.com/@seremoni_id" rel="nofollow" target="_blank"><i class="mdi mdi-music-note"></i></a></li>
1001                            <li class="list-inline-item"><a href="https://www.instagram.com/seremoni_id" rel="nofollow" target="_blank"><i class="mdi mdi-instagram"></i></a></li>
1002                        </ul>
1003                        <div class="footer-info">
1004                            <p class="text-white-50">Undangan Pernikahan Online - Seremoni © 2026</p>
1005                        </div>
1006                    </div>
1007                </div>
1008            </div>
1009        </div>
1010    </section>
1011    <!-- END FOOTER -->
1012
1013    <!-- javascript -->
1014    
1014<script src="https://seremoni.id/landing/js/jquery.min.js"></script>
1014
1015    
1015<script src="https://seremoni.id/landing/js/bootstrap.bundle.min.js"></script>
1015
1016    
1016<script src="https://seremoni.id/landing/js/jquery.easing.min.js"></script>
1016
1017    
1017<script src="https://seremoni.id/landing/js/scrollspy.min.js"></script>
1017
1018    <!-- olw- carousel -->
1019    
1019<script src="https://seremoni.id/landing/js/owl.carousel.min.js"></script>
1019
1020    <!-- Magnific Popup -->
1021    
1021<script src="https://seremoni.id/landing/js/jquery.magnific-popup.min.js"></script>
1021
1022    <!-- swipper js -->
1023    
1023<script src="https://seremoni.id/landing/js/swiper.min.js"></script>
1023
1024    
1024<script src="https://seremoni.id/landing/js/jquery.mb.YTPlayer.js"></script>
1024
1025    <!--flex slider plugin-->
1026    
1026<script src="https://seremoni.id/landing/js/jquery.flexslider-min.js"></script>
1026
1027    <!-- contact init -->
1028    
1028<script src="https://seremoni.id/landing/js/contact.init.js"></script>
1028
1029    
1029<script type="text/javascript" src="https://seremoni.id/plugins/floating-whatsapp/floating-wpp.min.js"></script>
1029
1030
1031    
1031<script src="https://unicons.iconscout.com/release/v2.0.1/script/monochrome/bundle.js"></script>
1031
1032    
1032<script src="https://seremoni.id/landing/js/app.js"></script>
1032
1033
1034    
1034<script>
1035        $('#floatWA').floatingWhatsApp({
1036            phone: +6281377277232,
1037            popupMessage: 'Halo, ada yang dapat kami bantu?',
1038            message: "Saya ingin membuat undangan pernikahan online.",
1039            showPopup: true,
1040            position: 'right',
1041            headerTitle: 'Customer Service Seremoni',
1042            size: '60px',
1043            autoOpenTimeout: 20000,
1044            zIndex: 10
1045        });
1046    </script>
1046
1047    
1048        
1048<script>
1049        var owl = $('#testi-carousel');
1050        owl.owlCarousel({
1051            items: 1,
1052            loop: true,
1053            margin: 10,
1054            autoPlay: true,
1055            autoPlayTimeout: 1000,
1056            stopOnHover: true,
1057        });
1058
1059        function searchTema(){
1060            $( "#formSearchKategori" ).submit();
1061        }
1062
1063        function changeColor (warnaId, groupBy_id, id){
1064            let url = `https://seremoni.id/v2/preview/`+groupBy_id+`/`+warnaId+` `;
1065            
1066            $("#demoThema-"+id).attr("href", url).attr('target','_blank');
1067            $('.spanColor').removeClass('border-info');
1068            $('#spanColor-'+warnaId+'-'+groupBy_id+'-'+id).addClass('border-info');
1069            $('#colorThema-'+id).val(warnaId)
1070
1071            $('.tema').removeClass('border-primary');
1072            $('#tema-'+id).addClass('border-primary')
1073
1074            getDetaiThemaWithColor(warnaId,groupBy_id,id);
1075        }
1076
1077        function getDetaiThemaWithColor(warnaId,groupBy_id,idItem){
1078            $.ajax({
1079                url : "/front-themes/getId/" + + groupBy_id + '/' + warnaId,
1080                type: "GET",
1081                dataType: "JSON",
1082                success: function(data) {
1083                    $('#nama-'+idItem).html(data.nama)
1084                    $('#background-'+idItem).attr("src", data.gambar)
1085                }
1086            });
1087        }
1088
1089        function showDemo(groupBy_id, warnaId, idItem){
1090            let colorThema = $('#colorThema-'+idItem).val();
1091            if ( colorThema == '') {
1092                Swal.fire({
1093                    icon: 'error',
1094                    title: 'Terjadi Kesalahan',
1095                    text: 'Anda belum memilih warna tema'
1096                });
1097            }else{
1098                let url = `https://seremoni.id/v2/preview/`+groupBy_id+`/`+colorThema+` `;
1099                $("#demoThema-"+idItem).attr("href", url).attr('target','_blank');
1100            }
1101        }
1102    </script>
1102
1103</body>
1104
1105</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.