<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">

    <meta name="title" content="The Wedding of Salwa & Firdaus | Idzibooth X Taravty Project">
    <meta name="description" content="Web Invitation by Idzibooth x Taravty Project">

    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Web Invitation by Idzibooth x Taravty Project">
    <meta property="og:url" content="taravtyproject.com">
    <meta property="og:title" content="The Wedding of Salwa & Firdaus | Idzibooth X Taravty Project">
    <meta property="og:description" content="Web Invitation by Idzibooth x Taravty Project">
    <meta property="og:image" content="https://taravtyproject.com/Salwa-Firdaus/aul-abed_files/salwa-title.png">
    <meta property="og:locale" content="in_ID">

    <meta property="twitter:card" content="https://taravtyproject.com/Salwa-Firdaus/aul-abed_files/salwa-title.png">
    <meta property="twitter:url" content="taravtyproject.com">
    <meta property="twitter:title" content="The Wedding of Salwa & Firdaus | Idzibooth X Taravty Project">
    <meta property="twitter:description" content="Web Invitation by Idzibooth x Taravty Project">
    <meta property="twitter:image" content="https://taravtyproject.com/Salwa-Firdaus/aul-abed_files/salwa-title.png">

    <script type="text/javascript" async="" src="./aul-abed_files/js"></script>
    <script async="" src="./aul-abed_files/gtm.js"></script>
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-P7SMP7M');
    </script>

    <script src="./aul-abed_files/jquery.js"></script>
    <title>The Wedding of Salwa & Firdaus | Idzibooth X Taravty Project</title>
    <link rel="icon" href="https://taravtyproject.com/Salwa-Firdaus/aul-abed_files/salwa-title.png">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=block">

    <link rel="stylesheet" href="./aul-abed_files/selectize.default.css">
    <link rel="stylesheet" href="./aul-abed_files/flexbin.css" media="all">
    <link href="https://db.onlinewebfonts.com/c/413b0d86cb6b8cc8fca3bc9111ed8e99?family=New+Walt+Disney+UI" rel="stylesheet">
    <link rel="stylesheet" href="./aul-abed_files/aos.css">
    <link rel="stylesheet" href="./aul-abed_files/lightgallery.css">
    <link rel="stylesheet" href="./aul-abed_files/all.css">
    <link rel="stylesheet" href="./aul-abed_files/slick.css">
    <link rel="stylesheet" href="./aul-abed_files/modal-video.min.css">

    <script src="./aul-abed_files/web"></script>
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style.css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(1).css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(2).css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(3).css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(4).css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(5).css">

    <link rel="stylesheet" href="./aul-abed_files/universal.css">
    <link rel="stylesheet" href="./aul-abed_files/global.css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/kado-template.1722393118.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Prata&amp;display=block">
    <link rel="stylesheet" href="./aul-abed_files/custom-saskia-alvin.css">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <style>
        .mySlides {
            display: none;
        }
    </style>
</head>

<body data-aos-once="false" class="  saskia-alvin" data-template="" data-aos-easing="ease" data-aos-duration="0" data-aos-delay="0" style="--body-height: 599.3333129882812px;">

    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7SMP7M" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>


    <section data-aos-once="false" class="kat-page__side-to-side">

        <section data-aos-once="false" class="primary-pane">
            <div data-aos-once="false" class="inner">

                <div data-aos-once="false" class="highlight aos-init " data-aos="zoom-out" data-aos-duration="1000">
                    <div data-aos-once="false" class="preview-container">
                    </div>
                </div>
            </div>
        </section>

        <section data-aos-once="false" class="secondary-pane">

            <section data-aos-once="false" class="top-cover">
                <div data-aos-once="false" class="inner" style="background-color: #f0f0ea; background-size: auto 100%;">
                    <div data-aos-once="false" class="ornaments-wrapper">
                        <div data-aos-once="false" class="salwa-cover-1">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up" data-aos-duration="2800" data-aos-delay="400">
                                <img src="./aul-abed_files/salwa-bunga-cover-1.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-2">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-left" data-aos-duration="2800" data-aos-delay="600">
                                <img src="./aul-abed_files/salwa-bunga-cover-2.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-3">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-left" data-aos-duration="2800" data-aos-delay="800">
                                <img src="./aul-abed_files/salwa-bunga-cover-3.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-4">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-left" data-aos-duration="2800" data-aos-delay="1000">
                                <img src="./aul-abed_files/salwa-bunga-cover-4.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-5">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-left" data-aos-duration="2800" data-aos-delay="1200">
                                <img src="./aul-abed_files/salwa-bunga-cover-5.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-6">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="1400">
                                <img src="./aul-abed_files/salwa-bunga-cover-6.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-7">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="1600">
                                <img src="./aul-abed_files/salwa-bunga-cover-7.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-8">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-right" data-aos-duration="2800" data-aos-delay="1800">
                                <img src="./aul-abed_files/salwa-bunga-cover-8.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-9">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-right" data-aos-duration="2800" data-aos-delay="2000">
                                <img src="./aul-abed_files/salwa-bunga-cover-9.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-10">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-right" data-aos-duration="2800" data-aos-delay="2200">
                                <img src="./aul-abed_files/salwa-bunga-cover-10.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-11">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-right" data-aos-duration="2800" data-aos-delay="2400">
                                <img src="./aul-abed_files/salwa-bunga-cover-11.png" alt="By Idzi">
                            </div>
                        </div>
                    </div>
                    <div data-aos-once="false" class="details"><br><br>
                        <div data-aos-once="false" class="head aos-init " data-aos="fade-down" data-aos-duration="2700">
                            <br><br><img src="./aul-abed_files/salwa-logo.png" data-aos-once="false" style="width: 42%;" alt="By Idzi" data-aos="fade-down" data-aos-duration="2800" data-aos-delay="2500">
                            <br><br><br><br><br><br>
                            <p data-aos-once="false" class="date aos-init " data-aos="fade-up" data-aos-duration="2800" data-aos-delay="2600" style="color: #060644;">
                                Kepada Yth.<br>Bapak/Ibu/Saudara/i
                            </p>
                            <p data-aos-once="false" class="date aos-init " data-aos="fade-up" data-aos-duration="2800" data-aos-delay="2700" style="color: #060644; font-weight: 700;">
                                Febi Nurmaya Darmawan
                            </p>
                        </div>
                        <div data-aos-once="false" class="link-wrap aos-init " data-aos="fade-up" data-aos-duration="2800" data-aos-delay="2800">
                            <a href="javascript:;" value="PLAY" onclick="startTheJourney()" style="color: #fff; background-color: #060644;" data-aos-once="false" class="link" id="startToExplore">
                                <i class="bi bi-envelope-open-heart"></i> Buka Undangan</a>
                        </div>
                    </div>
                </div>
            </section>

            <section style="background-color: #f0f0ea; background-size: auto 100%;" data-aos-once="false" class="cover">
                <div data-aos-once="false" class="inner">
                    <div data-aos-once="false" class="ornaments-wrapper">
                        <div data-aos-once="false" class="salwa-cover-1">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up" data-aos-duration="2800" data-aos-delay="400">
                                <img src="./aul-abed_files/salwa-bunga-cover-1.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-2">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-left" data-aos-duration="2800" data-aos-delay="600">
                                <img src="./aul-abed_files/salwa-bunga-cover-2.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-3">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-left" data-aos-duration="2800" data-aos-delay="800">
                                <img src="./aul-abed_files/salwa-bunga-cover-3.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-4">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-left" data-aos-duration="2800" data-aos-delay="1000">
                                <img src="./aul-abed_files/salwa-bunga-cover-4.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-5">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-left" data-aos-duration="2800" data-aos-delay="1200">
                                <img src="./aul-abed_files/salwa-bunga-cover-5.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-6">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="1400">
                                <img src="./aul-abed_files/salwa-bunga-cover-6.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-7">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="1600">
                                <img src="./aul-abed_files/salwa-bunga-cover-7.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-8">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-right" data-aos-duration="2800" data-aos-delay="1800">
                                <img src="./aul-abed_files/salwa-bunga-cover-8.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-9">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-right" data-aos-duration="2800" data-aos-delay="2000">
                                <img src="./aul-abed_files/salwa-bunga-cover-9.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-10">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-right" data-aos-duration="2800" data-aos-delay="2200">
                                <img src="./aul-abed_files/salwa-bunga-cover-10.png" alt="By Idzi">
                            </div>
                        </div>
                        <div data-aos-once="false" class="salwa-cover-11">
                            <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-right" data-aos-duration="2800" data-aos-delay="2400">
                                <img src="./aul-abed_files/salwa-bunga-cover-11.png" alt="By Idzi">
                            </div>
                        </div>
                    </div>
                    <div data-aos-once="false" class="wedding-gift-inner" style="padding: 15%; width: 100%;">
                        <div data-aos-once="false" class="gift-frame aos-init aos-animate" data-aos-once="false" data-aos="fade-up" data-aos-duration="2800" data-aos-delay="2800" style="opacity: 1: 1200ms;background-color: #ffffff94;">
                            <div data-aos-once="false" class="frame-wrap" style="padding: 0;">
                                <div data-aos-once="false" class="wedding-gift-body" style="padding: 0;">
                                    <div data-aos-once="false" class="wedding-gift-bank-wrap" style="padding: 0;">
                                        <div data-aos-once="false" class="bank-item" id="savingBook5947" style="padding: 0;">
                                            <div data-aos-once="false" class="gift-frame aos-init aos-animate" data-aos-once="false" data-aos="fade-up" data-aos-duration="2800" data-aos-delay="2800" style="opacity: 1;background-color: #766d6000; border: 2px solid #060644; padding: 0;">
                                                <div data-aos-once="false" class="frame-wrap" style="padding: 0;">
                                                    <div data-aos-once="false" class="wedding-gift-body" style="padding: 0;">
                                                        <div data-aos-once="false" class="wedding-gift-bank-wrap" style="padding: 0;">
                                                            <div data-aos-once="false" class="bank-item" style="padding: 0;" id="savingBook5947">
                                                                <div data-aos-once="false" class="bank-detail">
                                                                    <br><br><br>
                                                                    <p style="color: #060644; margin: 0; opacity: 1;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos-once="false" data-aos="fade-down" data-aos-duration="2800" data-aos-delay="2800">
                                                                        THE WEDDING OF
                                                                    </p>
                                                                    <h1 data-aos-once="false" style="color: #060644; line-height: 148%; font-weight: 600;" class="save-date-title aos-init" data-aos="zoom-out" data-aos-duration="2800" data-aos-delay="2800">
                                                                        Salwa<br>&<br>Firdaus
                                                                    </h1>
                                                                    <p style="color: #060644; opacity: 1; margin: 0;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos-once="false" data-aos="fade-up" data-aos-duration="2800" data-aos-delay="2800">
                                                                        #WrittenInDausAndSalwa
                                                                    </p><br>
                                                                    <center><img style="width: 15%;" src="./aul-abed_files/bawahin.gif" alt="" data-aos-once="false" data-aos="fade-up" data-aos-duration="2800" data-aos-delay="2800">
                                                                    </center>
                                                                    <br><br><br>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section style="background-color: #f0f0ea; background-size: auto 100%; background-position: center;" class="couple-wrap">
                <div class="couple" style="padding: 10% 5%;">
                    <div data-aos-once="false" class="wedding-gift-inner">
                        <div data-aos-once="false" class="gift-frame aos-init aos-animate" data-aos="fade-down" data-aos-duration="1800" data-aos-delay="700" style="opacity: 1; transition-duration: 1200ms; min-height: 0; border-radius: 35px; width: 90%;padding: 0; background-image: url(./aul-abed_files/salwa-arum.png); box-shadow: 0 4px 8px 0 #27010599, 0 6px 20px 0 #27010599; background-position: center; background-size: auto 100%;">
                            <div data-aos-once="false" class="frame-wrap" style="padding: 0; min-height: 0;">
                                <div data-aos-once="false" class="wedding-gift-body" style="padding: 0; min-height: 0;">
                                    <div data-aos-once="false" class="wedding-gift-bank-wrap" style="padding: 0; min-height: 0;">
                                        <div data-aos-once="false" class="bank-item" id="savingBook5947" style="padding: 0; min-height: 0;">
                                            <div data-aos-once="false" class="bank-detail" style="padding: 0; min-height: 0;">
                                                <div class="save-date-head" style="padding: 12%;">
                                                    <br><br>
                                                    <h1 style="color: #060644; line-height: 69%;" class="activity-title aos-init">
                                                        So lucky</h1>
                                                    <h3 style="color: #060644; opacity: 1; transition-duration: 1000ms; font-size: 140%; font-weight: 400; line-height: 0%;" class="bank-name aos-init aos-animate">
                                                        that i found you
                                                    </h3>
                                                    <hr style="border-top: 1px solid #060644;">
                                                    <p style="color: #060644; opacity: 1; transition-duration: 1000ms; font-size: 90%;" class="bank-account-name aos-init aos-animate">
                                                        "Dan di antara tanda-tanda (kebesaran)-Nya ialah bahwa Dia menciptakan pasangan-pasangan untukmu dari (jenis) dirimu sendiri agar kamu merasa tenteram kepadanya. Dia menjadikan di antaramu rasa cinta dan kasih sayang. Sesungguhnya pada yang demikian itu
                                                        benar-benar terdapat tanda-tanda (kebesaran Allah) bagi kaum yang berpikir."
                                                    </p><br>
                                                    <p style="color: #060644; opacity: 1; transition-duration: 1000ms; font-weight: 600; font-size: 95%;" class="bank-account-name aos-init aos-animate">
                                                        {QS Ar Rum: 21}
                                                    </p><br><br>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section style="background-color: #f0f0ea; background-size: auto 100%;" class="couple-wrap">
                <div data-aos-once="false" class="ornaments-wrapper">
                    <div data-aos-once="false" class="salwa-cover-5">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-left" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-5.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-6">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-6.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-7">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-7.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-8">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-right" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-8.png" alt="By Idzi">
                        </div>
                    </div>
                </div>
                <br>
                <div class="couple">
                    <div class="couple-head"><br>
                        <div class="orn-bismillah">
                            <div class="image-wrap aos-init" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="600" data-aos-once="false">
                                <img src="./aul-abed_files/tata-bismillah.png" alt="bismillah">
                            </div>
                        </div>
                        <p style="color: #060644;" class="couple-description aos-init" data-aos="fade-up" data-aos-duration="1000" data-aos-once="false">
                            Assalamu'alaikum Warahmatullahi Wabarakatuh<br><br> Dengan memohon rahmat dan ridho Allah SWT,<br> Tanpa mengurangi rasa hormat, kami bermaksud mengundang Bapak/Ibu/Saudara/i pada acara resepsi pernikahan kami.</p>
                        <br><br><br>
                        <h1 style="color: #060644; line-height: 69%; font-weight: 600;" class="activity-title aos-init">
                            Salwa</h1><br>
                        <p style="color: #060644; opacity: 1; transition-duration: 1000ms; font-size: 140%; font-weight: 600; line-height: 0%;" class="bank-name aos-init aos-animate">
                            Salwa Rihadatul Aisy, M. Pd.
                        </p>
                        <br>
                        <p style="color: #060644; opacity: 1; transition-duration: 1000ms; font-weight: 500; font-size: 95%;" class="bank-account-name aos-init aos-animate">
                            Putri dari<br>Bapak H. Enung Nuralam, S. P. &<br>Ibu Hj. Ai Dini Rosdiani, M. Pd.
                        </p><br><br><br>
                        <p style="color: #060644; opacity: 1; transition-duration: 1000ms; font-size: 123%; font-weight: 600; line-height: 0%;" class="bank-name aos-init aos-animate">
                            &
                        </p><br><br><br>
                        <h1 style="color: #060644; line-height: 69%; font-weight: 600;" class="activity-title aos-init">
                            Firdaus</h1><br>
                        <p style="color: #060644; opacity: 1; transition-duration: 1000ms; font-size: 123%; font-weight: 600; line-height: 0%;" class="bank-name aos-init aos-animate">
                            Muhammad Firdaus Sya’bana, S. Pd.
                        </p>
                        <br>
                        <p style="color: #060644; opacity: 1; transition-duration: 1000ms; font-weight: 500; font-size: 95%;" class="bank-account-name aos-init aos-animate">
                            Putra dari<br>Bapak H. Lili Somantri, M. Pd. &<br>Ibu Hj. Pipin Apipih, S. Ag.
                        </p><br>
                    </div>
                </div><br><br><br>
                <div data-aos-once="false" class="ornaments-wrapper">
                    <div data-aos-once="false" class="salwa-cover-1">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-1.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-2">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-left" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-2.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-11">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-right" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-11.png" alt="By Idzi">
                        </div>
                    </div>
                </div>
            </section>

            <section style="background-color: #f0f0ea; background-size: auto 100%; background-position: center;" data-aos-once="false" class="save-date-wrap">

                <div data-aos-once="false" class="ornaments-wrapper">
                    <div data-aos-once="false" class="salwa-cover-5">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-left" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-5.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-6">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-6.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-7">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-7.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-8">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-right" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-8.png" alt="By Idzi">
                        </div>
                    </div>
                </div><br><br>
                <div data-aos-once="false" class="save-date-head">
                    <h1 style="font-weight: 600;" data-aos-once="false" class="save-date-title aos-init" data-aos="fade-right" data-aos-duration="1000">

                    </h1>
                </div>
                <div data-aos-once="false" class="save-date-frame">
                    <div data-aos-once="false" class="image-wrap aos-init" data-aos="zoom-in" data-aos-duration="1000">
                        <img src="./aul-abed_files/frame-deris.png" alt="">
                    </div>
                    <script>
                        function getCounter() {
                            var countDownDate = new Date("Dec 14, 2025 08:00:00").getTime();

                            var x = setInterval(function() {
                                var now = new Date().getTime();

                                var distance = countDownDate - now;

                                var days = Math.floor(distance / (1000 * 60 * 60 * 24));
                                var hours = Math.floor(
                                    (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
                                );
                                var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                                var seconds = Math.floor((distance % (1000 * 60)) / 1000);

                                var textDays = document.getElementById("days");
                                var textHours = document.getElementById("hours");
                                var textMinutes = document.getElementById("minutes");
                                var textSeconds = document.getElementById("seconds");

                                textDays.innerHTML = days < 10 ? "0" + days : days;
                                textHours.innerHTML = hours < 10 ? "0" + hours : hours;
                                textMinutes.innerHTML = minutes < 10 ? "0" + minutes : minutes;
                                textSeconds.innerHTML = seconds < 10 ? "0" + seconds : seconds;

                                if (distance < 0) {
                                    clearInterval(x);
                                }
                            }, 1000);
                        }

                        getCounter();
                    </script>
                    <div data-aos-once="false" class="save-date">
                        <div data-aos-once="false" class="save-date-body">
                            <h1 style="color: #060644; font-weight: 600;  font-size: 222%; text-align: center;" data-aos-once="false" class="activity-title aos-init" data-aos="fade-up" data-aos-duration="1000">
                                Countdown</h1>
                            <div href="javascript:;" data-aos-once="false" class="countdown" data-date="Jan 5 2025 08:00:00">
                                <div data-aos-once="false" class="count-item aos-init" data-aos="fade-down-right" data-aos-duration="1200" data-aos-delay="100">
                                    <h2 id="days" data-aos-once="false" class="count-num count-day">0</h2>
                                    <small data-aos-once="false" class="count-text">Hari</small>
                                </div>
                                <div data-aos-once="false" class="count-item aos-init" data-aos="fade-down-left" data-aos-duration="1200" data-aos-delay="300">
                                    <h2 id="hours" data-aos-once="false" class="count-num count-hour">0</h2>
                                    <small data-aos-once="false" class="count-text">Jam</small>
                                </div>
                                <div data-aos-once="false" class="count-item aos-init" data-aos="fade-up-right" data-aos-duration="1200" data-aos-delay="500">
                                    <h2 id="minutes" data-aos-once="false" class="count-num count-minute">0</h2>
                                    <small data-aos-once="false" class="count-text">Menit</small>
                                </div>
                                <div data-aos-once="false" class="count-item aos-init" data-aos="fade-up-left" data-aos-duration="1200" data-aos-delay="700">
                                    <h2 id="seconds" data-aos-once="false" class="count-num count-second">0</h2>
                                    <small data-aos-once="false" class="count-text">Detik</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <br><br><br><br>
                <div data-aos-once="false" class="ornaments-wrapper">
                    <div data-aos-once="false" class="salwa-cover-1">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-1.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-2">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-left" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-2.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-11">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-right" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-11.png" alt="By Idzi">
                        </div>
                    </div>
                </div>
            </section>

            <section style="background-color: #f0f0ea; background-size: auto 100%; background-position: center;" data-aos-once="false" class="save-date-wrap">
                <div data-aos-once="false" class="ornaments-wrapper">
                    <div data-aos-once="false" class="salwa-cover-5">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-left" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-5.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-6">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-6.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-7">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-7.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-8">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-right" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-8.png" alt="By Idzi">
                        </div>
                    </div>
                </div><br><br><br><br>
                <div data-aos-once="false" class="save-date-frame">
                    <div data-aos-once="false" class="image-wrap aos-init" data-aos="zoom-in" data-aos-duration="1000">
                        <img src="./aul-abed_files/frame-deris (1).png" alt="">
                    </div>
                    <div data-aos-once="false" class="orn-save-date-1">
                        <div data-aos-once="false" class="image-wrap aos-init" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="500">
                            <img src="./aul-abed_files/mia-cover-pohon-kanan-samping.png" alt="">
                        </div>
                    </div>
                    <div data-aos-once="false" class="orn-save-date-2">
                        <div data-aos-once="false" class="image-wrap aos-init" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="650">
                            <img src="./aul-abed_files/mia-penganton-[ohon-1.png" alt="">
                        </div>
                    </div>
                    <div data-aos-once="false" class="save-date">
                        <div data-aos-once="false" class="save-date-body">
                            <div data-aos-once="false" class="activity-wrap  same-location ">
                                <div data-aos-once="false" class="activity-item">
                                    <div data-aos-once="false" class="activity-head">
                                        <h1 style="color: #060644; font-weight: 600;  font-size: 222%;" data-aos-once="false" class="activity-title aos-init" data-aos="fade-up" data-aos-duration="1000">
                                            Akad</h1>
                                        <p style="color: #060644;" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                                            09.00 WIB - Selesai</p>
                                    </div>
                                </div>
                                <div data-aos-once="false" class="activity-item">
                                    <div data-aos-once="false" class="activity-head">
                                        <h1 style="color: #060644; font-weight: 600;  font-size: 222%;" data-aos-once="false" class="activity-title aos-init" data-aos="fade-up" data-aos-duration="1000">
                                            Resepsi</h1>
                                        <p style="color: #060644;" data-aos-once="false" class="activity-time aos-init" data-aos="fade-up" data-aos-duration="1000">
                                            11.00 - 14:30 WIB</p>
                                    </div>
                                </div>
                                <div data-aos-once="false" class="activity-item">
                                    <div data-aos-once="false" class="activity-head"><br>
                                        <p style="color: #060644; font-weight: 600;" data-aos-once="false" class="event-hall aos-init" data-aos="fade-up" data-aos-duration="1000">
                                            Ahad, 14 Desember 2025</p>
                                        <p style="color: #060644;" data-aos-once="false" class="event-hall aos-init" data-aos="fade-up" data-aos-duration="1000">
                                            Aula Terbuka SMK Al-Manshuriyah</p>
                                        <p style="color: #060644;" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                                            Nangerang, Kec. Salawu, Kab. Tasikmalaya
                                        </p><br>
                                        <div data-aos-once="false" class="event-link-wrap aos-init" data-aos="fade-up" data-aos-duration="1000"><a href="https://maps.app.goo.gl/FXXNctiMwnAQhd5Q8" data-aos-once="false" class="event-link" target="_blank"><i class="bi bi-pin-map"></i> View Maps</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><br><br><br><br>
                <div data-aos-once="false" class="ornaments-wrapper">
                    <div data-aos-once="false" class="salwa-cover-1">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-1.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-2">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-left" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-2.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-11">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-right" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-11.png" alt="By Idzi">
                        </div>
                    </div>
                </div>
            </section>

            <section data-aos-once="false" class="wedding-gift-wrap" style="background-color: #f0f0ea; min-height: 0;">
                <div data-aos-once="false" class="ornaments-wrapper">
                    <div data-aos-once="false" class="salwa-cover-5">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-left" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-5.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-6">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-6.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-7">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-7.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-8">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-down-right" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-8.png" alt="By Idzi">
                        </div>
                    </div>
                </div><br><br><br><br><br>
                <div data-aos-once="false" class="photo-head">
                    <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms; color: #060644;">
                        Send The Love</h1>
                    <p style="color: #060644;" class="couple-description aos-init" data-aos="fade-up" data-aos-duration="1000">
                        Doa restu anda merupakan karunia yang sangat berarti bagi kami. Tanpa mengurangi rasa hormat, bagi anda yang ingin memberikan tanda cinta atau hadiah untuk mempelai dapat melalui alamat berikut :
                    </p>
                </div>
                <div data-aos-once="false" class="wedding-gift-inner">
                    <div data-aos-once="false" class="gift-frame aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="700" style="opacity: 1; transition-duration: 1200ms; min-height: 0; border-radius: 35px; width: 90%;padding: 0; background-color: #fbf7f3; box-shadow: 0 4px 8px 0 #14001b99, 0 6px 20px 0 #14001b99;  background-position: center; background-size: 100%;">
                        <div data-aos-once="false" class="frame-wrap" style="padding: 0; min-height: 0;">
                            <div data-aos-once="false" class="wedding-gift-body" style="padding: 0; min-height: 0;">
                                <div data-aos-once="false" class="wedding-gift-bank-wrap" style="padding: 0; min-height: 0;">
                                    <div data-aos-once="false" class="bank-item" id="savingBook5947" style="padding: 0; min-height: 0;">
                                        <div data-aos-once="false" class="bank-detail" style="padding: 0; min-height: 0;">
                                            <div class="save-date-head" style="padding: 10%;">
                                                <h3 style="color: #060644; opacity: 1; transition-duration: 1000ms; font-size: 200%;" data-aos-once="false" class="bank-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="700">
                                                    ALAMAT KADO
                                                </h3>
                                                <p style="color: #060644; opacity: 1; transition-duration: 1000ms;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
                                                    Alamat : Komplek Pst Almanshuriyah, RT.27/RW.4, Desa Salawu, Salawu, Kab. Tasikmalaya, Salawu, Jawa Barat, 46471
                                                </p>
                                                <p style="color: #060644; opacity: 1; transition-duration: 1000ms;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="900">
                                                    a/n : Salwa Rihadatul Aisy / Muhammad Firdaus Sya’bana
                                                </p>
                                                <div data-aos-once="false" class="bank-copy-wrap aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000" style="opacity: 1; transition-duration: 1000ms;">
                                                    <button style="background-color: #060644; color: #FFF; box-shadow: 0 4px 8px 0 #14001b99, 0 6px 20px 0 #14001b99;" type="button" data-aos-once="false" class="bank-copy" data-copy="Komplek Pst Almanshuriyah, RT.27/RW.4, Desa Salawu, Salawu, Kab. Tasikmalaya, Salawu, Jawa Barat, 46471">
                                                        <i class="bi bi-copy"></i> Salin Alamat
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><br><br><br>
                <div data-aos-once="false" class="ornaments-wrapper">
                    <div data-aos-once="false" class="salwa-cover-1">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-1.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-2">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-left" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-2.png" alt="By Idzi">
                        </div>
                    </div>
                    <div data-aos-once="false" class="salwa-cover-11">
                        <div data-aos-once="false" class="image-wrap aos-init " data-aos="fade-up-right" data-aos-duration="2800" data-aos-delay="700">
                            <img src="./aul-abed_files/salwa-bunga-cover-11.png" alt="By Idzi">
                        </div>
                    </div>
                </div>
            </section>

            <section style="background-color: #f0f0ea; background-size: auto 100%; background-position: center;" class="couple-wrap">
                <div class="couple" style="padding: 10% 5%;">
                    <div data-aos-once="false" class="wedding-gift-inner">
                        <div data-aos-once="false" class="gift-frame aos-init aos-animate" data-aos="fade-down" data-aos-duration="1800" data-aos-delay="700" style="opacity: 1; transition-duration: 1200ms; min-height: 0; border-radius: 35px; width: 90%;padding: 0; background-image: url(./aul-abed_files/salwa-arum.png); box-shadow: 0 4px 8px 0 #27010599, 0 6px 20px 0 #27010599; background-position: center; background-size: auto 100%;">
                            <div data-aos-once="false" class="frame-wrap" style="padding: 0; min-height: 0;">
                                <div data-aos-once="false" class="wedding-gift-body" style="padding: 0; min-height: 0;">
                                    <div data-aos-once="false" class="wedding-gift-bank-wrap" style="padding: 0; min-height: 0;">
                                        <div data-aos-once="false" class="bank-item" id="savingBook5947" style="padding: 0; min-height: 0;">
                                            <div data-aos-once="false" class="bank-detail" style="padding: 0; min-height: 0;">
                                                <div class="save-date-head" style="padding: 12%;">
                                                    <br><br>
                                                    <h1 style="color: #060644; line-height: 69%; font-weight: 600;" class="activity-title aos-init">
                                                        Turut Mengundang</h1>
                                                    <hr style="border-top: 1px solid #060644;">
                                                    <p style="color: #060644; opacity: 1; transition-duration: 1000ms; font-size: 90%;" class="bank-account-name aos-init aos-animate">
                                                        - Keluarga Almarhum Almaghfurlah<br>KH. Drs. Atang Manshur<br><br>- Keluarga Besar Pesantren<br>Al-Manshuriyah Salawu<br><br>- Keluarga Besar Pesantren<br>Nurul Hasanah Cipasung</p><br>
                                                    <br><br>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section data-aos-once="false" class="wedding-wish-wrap" data-template="" style="background-color: #f0f0ea;">
                <div data-aos-once="false" class="photo-head">
                    <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms; font-weight: 600;">
                        Wedding Wish</h1>
                </div>
                <div data-aos-once="false" class="wedding-wish-inner">
                    <div data-aos-once="false" class="rsvp-inner" style="background-color: #fff;">
                        <div data-aos-once="false" class="rsvp-body">
                            <form action="komen.php" method="POST">
                                <!-- Status -->
                                <div data-aos-once="false" class="rsvp-status-wrap">

                                    <div data-aos-once="false" class="rsvp-amount-wrap" id="rsvpAmountWrap">
                                        <div data-aos-once="false" class="rsvp-amount-head aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                            <p data-aos-once="false" class="rsvp-amount-caption" style="color: #060644;">Nama Tamu</p>
                                            <div data-aos-once="false" class="rsvp-amount-controller-wrap">
                                                <div data-aos-once="false" class="rsvp-amount-controller">
                                                    <div data-aos-once="false" class="input-wrap">
                                                        <input type="text" name="nama" data-aos-once="false" class="form-control guest-name" placeholder="Name" value="<?= $data[0]['nama_tamu']; ?>" required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-aos-once="false" class="rsvp-status-head aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                        <p data-aos-once="false" class="rsvp-status-caption" style="color: #060644;">
                                            Konfirmasi Kehadiran</p>
                                    </div>
                                    <div data-aos-once="false" class="rsvp-status-body">
                                        <div data-aos-once="false" class="rsvp-confirm-wrap">
                                            <label data-aos="fade-up" data-aos-duration="1200" data-aos-once="false" class="aos-init aos-animate">
                                                <input type="radio" name="konfirmasi" value="Hadir">
                                                <div data-aos-once="false" class="rsvp-confirm-btn going"
                                                    style="font-size: 100%; color: #f0f0ea;">
                                                    Hadir
                                                </div>
                                            </label>
                                            <label data-aos="fade-up" data-aos-duration="1200" data-aos-once="false" class="aos-init aos-animate">
                                                <input type="radio" name="konfirmasi" value="Tidak Hadir">
                                                <div data-aos-once="false" class="rsvp-confirm-btn not-going"
                                                    style="font-size: 100%; color: #f0f0ea;">
                                                    Tidak Hadir
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                    <br>
                                    <div data-aos-once="false" class="rsvp-status-head aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                        <p data-aos-once="false" class="rsvp-status-caption" style="color: #060644;">
                                            Jumlah Kehadiran</p>
                                    </div>
                                    <div data-aos-once="false" class="rsvp-status-body">
                                        <div data-aos-once="false" class="rsvp-confirm-wrap">
                                            <label data-aos="fade-up" data-aos-duration="1200" data-aos-once="false" class="aos-init aos-animate">
                                                <input type="radio" name="tamu" value="1 Orang">
                                                <div data-aos-once="false" class="rsvp-confirm-btn going"
                                                    style="font-size: 100%; color: #f0f0ea;">
                                                    1 Orang
                                                </div>
                                            </label>
                                            <label data-aos="fade-up" data-aos-duration="1200" data-aos-once="false" class="aos-init aos-animate">
                                                <input type="radio" name="tamu" value="2 Orang">
                                                <div data-aos-once="false" class="rsvp-confirm-btn not-going"
                                                    style="font-size: 100%; color: #f0f0ea;">
                                                    2 Orang
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                <div data-aos-once="false" class="rsvp-amount-wrap" id="rsvpAmountWrap">
                                    <div data-aos-once="false" class="rsvp-amount-head aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                        <p data-aos-once="false" class="rsvp-amount-caption" style="color: #060644;">
                                            Ucapan untuk pengantin</p>
                                        <div data-aos-once="false" class="rsvp-amount-controller-wrap">
                                            <div data-aos-once="false" class="rsvp-amount-controller">
                                                <div data-aos-once="false" class="input-wrap">
                                                    <textarea data-aos-once="false" class="form-control guest-comment" name="isi" rows="1" placeholder="Give your wish"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div>
                                    <input type="hidden" name="idpengantin" value="116">
                                    <input type="hidden" data-aos-once="false" class="form-control" value="<?php date_default_timezone_set(" Asia/Jakarta "); echo date("l, d M Y ");?>" name="waktu" id="basic-default-name" />
                                </div>

                                <div data-aos-once="false" class="rsvp-confirm-wrap aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                    <button data-aos-once="false" class="rsvp-confirm-btn confirm submit" style="color: #f0f0ea;">Confirm</button>
                                </div>

                                <script>
                                    // JavaScript to handle the "Check All" functionality
                                    document.getElementById("check-all").addEventListener("change", function() {
                                        var checkboxes = document.getElementsByName("selected_event[]");
                                        for (var i = 0; i < checkboxes.length; i++) {
                                            checkboxes[i].checked = this.checked;
                                        }
                                    });
                                </script>

                            </form>
                        </div>
                        <div data-aos-once="false" class="comment-wrap show">
                            <div data-aos-once="false" class="comment-item aos-init aos-animate" id="comment0" data-aos="fade-up" data-aos-duration="1200">
                                <?php $no = 1;
										foreach ($data1 as $d1) : ?>
                                <div data-aos-once="false" class="comment-head">
                                    <h3 data-aos-once="false" class="comment-name" style="color: #060644; font-weight: 600;">
                                        <?= $d1['nama']; ?> |
                                            <?= $d1['waktu']; ?>
                                    </h3>
                                </div>
                                <div data-aos-once="false" class="comment-body">
                                    <p data-aos-once="false" class="comment-caption" style="color: #060644;">
                                        <?= $d1['isi']; ?>
                                    </p>
                                </div><br>
                                <?php endforeach ?>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section data-aos-once="false" class="footer">
                <div data-aos-once="false" class="footer-inner ">
                    <p style="color: white;">Made with ❤️ by Idzibooth X Taravty Project</p>
                </div>
            </section>
        </section>
    </section>

    <section data-aos-once="false" class="music-outer aos-init " data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
        <div data-aos-once="false" class="music-box auto" id="music-box"></div>
    </section>
    <script>
        function startTheJourney() {
            var audio = document.getElementById("audio");
            audio.play();
        }

        function pause() {
            var audio = document.getElementById("audio");
            audio.pause();
        }
    </script>
    <audio id="audio" autoplay src="./aul-abed_files/salwa.mp3"></audio>
    <script>
        // Music
        var MUSIC = {
            'url': "./aul-abed_files/yasjudan.mp3",
            'box': '#music-box'
        };

        // Event
        var EVENT = 1701518400;

        // Banks
        var BANK_OPTIONS = [{
            "id": 5947,
            "title": "BANK MANDIRI",
            "credential": "1234567890"
        }, {
            "id": 6807,
            "title": "BANK BNI",
            "credential": "1234567890"
        }];

        // RSVP
        var RSVP = {
            'button_text': {
                'attend': "Will Attend",
                'not_attend': "Unable To Attend"
            }
        };

        // Covers
        var COVERS = [{
            'position': 'MAIN',
            'details': {
                'desktop': "",
                'mobile': "<div data-aos-once="
                false " class=\"picture mobile\">\n                                    <img src=\"https:\/\/taravtyproject.com"
                alt = \"\">\n                                <\/div>"
            },
            'element': '#cover-main'
        }, {
            'position': 'OPENING',
            'details': {
                'desktop': "",
                'mobile': ""
            },
            'element': '#cover-opening'
        }, {
            'position': 'PANE',
            'details': {
                'desktop': "",
                'mobile': ""
            },
            'element': '#cover-pane'
        }];

        // Protocol
        var PROTOCOL = {
            'slider': '#protocol-slider',
            'dots': '#protocol-dots'
        };

        // RSVP Data
        var RSVP_DATA = {
            post: 'rsvp_request',
            request: 'get_rsvp',
            content: '',
            template: 'default_v2_rsvp',
            changeButton: '#changeRSVP',
            amountElement: '#rsvpAmountWrap'
        }
    </script>

    <div data-aos-once="false" class="alert" id="alert">
        <div data-aos-once="false" class="alert-text"></div>
        <div data-aos-once="false" class="alert-close fas fa-times"></div>
    </div>

    <div id="modal" data-aos-once="false" class="modal modal-center"></div>

    <script src="./aul-abed_files/aos.js"></script>
    <script src="./aul-abed_files/slick.min.js"></script>
    <script src="./aul-abed_files/selectize.min.js"></script>
    <script src="./aul-abed_files/jquery-modal-video.min.js"></script>
    <script src="./aul-abed_files/lightgallery.min.js"></script>
    <script src="./aul-abed_files/universal.js"></script>
    <script src="./aul-abed_files/template.js"></script>
    <script src="./aul-abed_files/custom-saskia-alvin.js"></script>
    <script>
        (function() {
            function c() {
                var b = a.contentDocument || a.contentWindow.document;
                if (b) {
                    var d = b.createElement('script');
                    d.innerHTML = "window.__CF$cv$params={r:'8aee4686ca08e68a',t:'MTcyMjkzOTQyOS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
                    b.getElementsByTagName('head')[0].appendChild(d)
                }
            }
            if (document.body) {
                var a = document.createElement('iframe');
                a.height = 1;
                a.width = 1;
                a.style.position = 'absolute';
                a.style.top = 0;
                a.style.left = 0;
                a.style.border = 'none';
                a.style.visibility = 'hidden';
                document.body.appendChild(a);
                if ('loading' !== document.readyState) c();
                else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c);
                else {
                    var e = document.onreadystatechange || function() {};
                    document.onreadystatechange = function(b) {
                        e(b);
                        'loading' !== document.readyState && (document.onreadystatechange = e, c())
                    }
                }
            }
        })();
    </script>
    <iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;" src="./aul-abed_files/saved_resource.html"></iframe>
</body>

</html>