<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- favicon -->
    <link rel="icon" type="image/png" href="templates/wedding-6/long/_assets/img/favicon/favicon-16x16.png" sizes="16x16"/>
    <link rel="icon" type="image/png" href="templates/wedding-6/long/_assets/img/favicon/favicon-32x32.png" sizes="16x16"/>

    <title>Levidio Wedding Vol 2 - Website Templates</title>

    <!-- CSS  -->
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <!-- Root-Icon -->
    <link rel="stylesheet" href="https://cdn.rootpixel.net/assets/rooticon/v2/rooticon.css">
    <!-- Tiny slider -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/tiny-slider.css">
    <!-- Lightgallery -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lightgallery.min.css" integrity="sha512-kwJUhJJaTDzGp6VTPBbMQWBFUof6+pv0SM3s8fo+E6XnPmVmtfwENK0vHYup3tsYnqHgRDoBDTJWoq7rnQw2+g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- Plyr video player -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.8/plyr.min.css" integrity="sha512-kuSeWNZsBfW/esn9MiIQ3hkFqNdHKljzVQYBOe7gPXGUNCE8KqrbZLHDSH005HrUwCI8erQ5iDrBHlSzTfSbmw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- Aos Animation on scroll -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <!-- App -->
    <link rel="stylesheet" href="templates/wedding-6/long/_assets/css/app.min.css">
</head>
<body id="index" class="opening-show" style="cursor: default !important;">
<!-- <body id="index"> -->

    <section id="opening">
        <div class="container text-center flex-grow-1">
            <h5 class="text-dark-500">Halo, <span id="guest">Justin Gouse</span></h5>
            <h5 class="text-dark-500 mb-7">Kami mengundang Anda ke Acara Pernikahan kami</h5>
            <h1 class="font-type-secondary">John Doe & Jane Doe</h1>
            
            <h5 class="text-dark-500 mt-6 mb-8">30.01.2022</h5>

            <button id="btn-open-opening" class="btn btn-sm btn-primary mb-10"><i class="ri ri-mail mr-1"></i> Buka Undangan</button>
        </div>

        <div class="obj-fit obj-fit-cover obj-pos-top h-lg-30rem flex-grow-0 flex-shrink-0">
            <img src="templates/wedding-6/long/_assets/img/misc/header-bridge.jpg" alt="">
        </div>

        <!-- decoreation -->
        <img src="templates/wedding-6/long/_assets/img/decoration/leafs-left-1-lt.png" alt="" class="decoration" id="opening-decoration-1" data-aos="fade-down-right" data-aos-duration="1200">
        <img src="templates/wedding-6/long/_assets/img/decoration/leafs-right-2.png" alt="" class="decoration" id="opening-decoration-2" data-aos="fade-left" data-aos-duration="1200">
    </section>

    <!-- header -->
    <header id="header">
        <div class="container mb-16">
            <nav class="navbar navbar-expand-md">
                <div class="container">
                    <a href="" class="navbar-brand d-md-none">
                        <h4 class="font-type-secondary">Our Invitation</h4>
                    </a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <h6 class="mb-0"><i class="ri ri-menu"></i></h6>
                    </button>
                    <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
                        <ul class="navbar-nav mb-2 mb-lg-0">
                            <li class="nav-item">
                                <a class="nav-link page-scroll" href="#section-2">Galeri</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link page-scroll" href="#section-3">Kisah Kita</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link page-scroll" href="#section-5">Jadwal Pernikahan</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link page-scroll" href="#section-6">RSVP</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

            <div class="text-center pt-10">
                <h5 class="text-dark-500 mb-7">30.01.2022</h5>
                <h1 class="font-type-secondary">John Doe & Jane Doe</h1>

                <h5 class="text-dark-500 mt-8" data-aos="fade-up" data-aos-duration="1200">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br class="d-none d-lg-block">
                    Tellus nec, etiam vitae nisi, proin. 
                </h5>
            </div>
        </div>

        <div class="obj-fit obj-fit-cover h-lg-70rem">
            <img src="templates/wedding-6/long/_assets/img/misc/header-bridge.jpg" alt="">
        </div>

        <!-- decoreation -->
        <img src="templates/wedding-6/long/_assets/img/decoration/leafs-left-1-lt.png" alt="" class="decoration" id="header-decoration-1" data-aos="fade-down-right" data-aos-duration="1200">
        <img src="templates/wedding-6/long/_assets/img/decoration/leafs-right-2.png" alt="" class="decoration" id="header-decoration-2" data-aos="fade-left" data-aos-duration="1200">
    </header>
    <!-- End of header -->

    <!-- section-1 -->
    <section id="section-1">
        <div class="container">
            <div class="row gx-5 align-items-center justify-content-center">
                <div class="col-6 col-lg order-2 order-lg-1 text-center text-lg-end">
                    <div class="text-wrapper text-wrapper-spouse">
                        <h2 class="mb-4" data-aos="fade-right" data-aos-duration="1200">John Doe</h2>
                        <h5 class="text-dark-500 font-light mb-3" data-aos="fade-right" data-aos-duration="1400">Putra dari</h5>
                        <h5 class="text-dark-500 font-light mb-1" data-aos="fade-right" data-aos-duration="1500">Bpk. Esther Howard</h5>
                        <h5 class="text-dark-500 font-light mb-1" data-aos="fade-right" data-aos-duration="1600">Ibu Leslie Alexander</h5>
                        <div class="mt-4" data-aos="fade-right" data-aos-duration="1700">
                            <a href=""><img src="templates/wedding-6/long/_assets/img/icons/ig.svg" alt=""></a>
                            <a href=""><img src="templates/wedding-6/long/_assets/img/icons/fb.svg" alt="" class="mx-1 mx-md-3"></a>
                            <a href=""><img src="templates/wedding-6/long/_assets/img/icons/twitter.svg" alt=""></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-auto order-1 order-lg-2 mb-8 mb-lg-0" data-aos="zoom-in" data-aos-duration="1200">
                    <div class="img-wrapper">
                        <div class="img-wrapper-spouse">
                            <img src="templates/wedding-6/long/_assets/img/spouse/man-woman.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg order-3 text-center text-lg-start">
                    <div class="text-wrapper text-wrapper-spouse">
                        <h2 class="mb-4" data-aos="fade-left" data-aos-duration="1200">John Doe</h2>
                        <h5 class="text-dark-500 font-light mb-3" data-aos="fade-left" data-aos-duration="1400">Putra dari</h5>
                        <h5 class="text-dark-500 font-light mb-1" data-aos="fade-left" data-aos-duration="1500">Bpk. Esther Howard</h5>
                        <h5 class="text-dark-500 font-light mb-1" data-aos="fade-left" data-aos-duration="1600">Ibu Leslie Alexander</h5>
                        <div class="mt-4" data-aos="fade-left" data-aos-duration="1700">
                            <a href=""><img src="templates/wedding-6/long/_assets/img/icons/ig.svg" alt=""></a>
                            <a href=""><img src="templates/wedding-6/long/_assets/img/icons/fb.svg" alt="" class="mx-1 mx-md-3"></a>
                            <a href=""><img src="templates/wedding-6/long/_assets/img/icons/twitter.svg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end of section-1 -->

    <!-- section-2 -->
    <section id="section-2">
        <div class="container-xxl" data-aos="fade-up" data-aos-duration="1200">
            <div id="row-lightgallery" class="row row-slider gx-lg-5">
                <div class="col-6 col-lg-5">
                    <div class="row gy-4 gy-lg-5">
                        <div class="col-12">
                            <div data-src="templates/wedding-6/long/_assets/img/gallery/1.jpg" class="img-wrapper img-wrapper-gallery img-wrapper-gallery-1">
                                <img src="templates/wedding-6/long/_assets/img/gallery/1.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-12">
                            <div data-src="templates/wedding-6/long/_assets/img/gallery/2.jpg" class="img-wrapper img-wrapper-gallery img-wrapper-gallery-2">
                                <img src="templates/wedding-6/long/_assets/img/gallery/2.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-5">
                    <div class="row gy-4 gy-lg-5">
                        <div class="col-12">
                            <div data-src="templates/wedding-6/long/_assets/img/gallery/3.jpg" class="img-wrapper img-wrapper-gallery img-wrapper-gallery-2">
                                <img src="templates/wedding-6/long/_assets/img/gallery/3.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-12">
                            <div data-src="templates/wedding-6/long/_assets/img/gallery/4.jpg" class="img-wrapper img-wrapper-gallery img-wrapper-gallery-1">
                                <img src="templates/wedding-6/long/_assets/img/gallery/4.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-5">
                    <div class="row gy-4 gy-lg-5">
                        <div class="col-12">
                            <div data-src="templates/wedding-6/long/_assets/img/gallery/5.jpg" class="img-wrapper img-wrapper-gallery img-wrapper-gallery-1">
                                <img src="templates/wedding-6/long/_assets/img/gallery/5.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-12">
                            <div data-src="templates/wedding-6/long/_assets/img/gallery/6.jpg" class="img-wrapper img-wrapper-gallery img-wrapper-gallery-2">
                                <img src="templates/wedding-6/long/_assets/img/gallery/6.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end of section-2 -->

    <!-- section-3 -->
    <section id="section-3">
        <div class="container text-center">
            <h2 class="font-type-secondary mb-8">Kisah Kita</h2>
            <h5 class="text-dark font-light mb-8">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Hendrerit tellus pellentesque morbi pellentesque. Integer condimentum gravida feugiat sed malesuada sociis arcu maecenas id. Suspendisse aliquet et, nunc tempus malesuada consequat eleifend maecenas.
            </h5>
        </div>
    </section>
    <!-- end of section-3 -->

    <!-- section-4 -->
    <section id="section-4">
        <div class="container">
            <!-- via youtube, change this : bTqVqk7FSmY to your video id -->
            <!-- <div class="plyr plyr__video-embed" id="player">
                <iframe
                  src="https://www.youtube.com/embed/bTqVqk7FSmY?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1"
                  frameborder="0"
                  allowfullscreen
                  allowtransparency
                  allow="autoplay"
                ></iframe>
            </div> -->
            <!-- via local upload -->
            <video id="player" playsinline controls>
                <source src="templates/wedding-6/long/_assets/video.mp4" type="video/mp4" />
            </video>
        </div>
    </section>
    <!-- end of section-4 -->

    <!-- section-5 -->
    <section id="section-5">
        <section id="section-5-a">
            <div class="container">
                <h2 class="font-type-secondary text-center mb-12">Jadwal Pernikahan</h2>
                <div class="row gx-lg-5 justify-content-around">
                    <div class="col-lg-5 col-xl-4 mb-6 mb-lg-0">
                        <h4 class="font-type-secondary mb-3">Akad Nikah</h4>
                        <h5 class="text-dark-500 mb-5">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pharetra eget augue odio orci.
                        </h5>

                        <div class="row align-items-center mb-4">
                            <div class="col-auto"><img src="templates/wedding-6/long/_assets/img/icons/calendar.svg" alt=""></div>
                            <div class="col">
                                <h6 class="text-spacing-default mb-2">HARI DAN TANGGAL</h6>
                                <h6 class="text-dark-500 text-light">Minggu, 30 Mei 2021</h6>
                            </div>
                        </div>
                        <div class="row align-items-center mb-4">
                            <div class="col-auto"><img src="templates/wedding-6/long/_assets/img/icons/clock.svg" alt=""></div>
                            <div class="col">
                                <h6 class="text-spacing-default mb-2">WAKTU</h6>
                                <h6 class="text-dark-500 text-light">07.00 - Selesai</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5 col-xl-4">
                        <h4 class="font-type-secondary mb-3">Resepsi</h4>
                        <h5 class="text-dark-500 mb-5">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pharetra eget augue odio orci.
                        </h5>

                        <div class="row align-items-center mb-4">
                            <div class="col-auto"><img src="templates/wedding-6/long/_assets/img/icons/calendar.svg" alt=""></div>
                            <div class="col">
                                <h6 class="text-spacing-default mb-2">HARI DAN TANGGAL</h6>
                                <h6 class="text-dark-500 text-light">Minggu, 30 Mei 2021</h6>
                            </div>
                        </div>
                        <div class="row align-items-center mb-4">
                            <div class="col-auto"><img src="templates/wedding-6/long/_assets/img/icons/clock.svg" alt=""></div>
                            <div class="col">
                                <h6 class="text-spacing-default mb-2">WAKTU</h6>
                                <h6 class="text-dark-500 text-light">07.00 - Selesai</h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section id="section-5-b">
            <!-- container map -->
            <div class="container mb-16">
                <div class="mapouter">
                    <div class="gmap_canvas w-100 h-32rem h-md-51rem">
                        <iframe 
                            class="h-32rem h-md-51rem"
                            width="100%" 
                            id="gmap_canvas" 
                            src="https://maps.google.com/maps?q=Rootpixel&t=&z=13&ie=UTF8&iwloc=&output=embed" 
                            frameborder="0"
                            scrolling="no" 
                            marginheight="0" marginwidth="0">
                        </iframe>
                        <a href="https://2piratebay.org"></a><br><style>.gmap_canvas {overflow:hidden;background:none!important;}</style>
                    </div>
                </div>
            </div>
            <!-- end of container map -->
            <div class="container">
                <h2 class="font-type-secondary text-white text-center mb-10 mb-lg-16">Menghitung Waktu Menuju Hari Bahagia</h2>
                <div id="countdown-row" class="row gx-2 gx-sm-4 align-items-center justify-content-center my-5">
                    <div class="col-auto">
                        <div class="card card-countdown">
                            <div class="card-body">
                                <h1 data-days>120</h1>
                                <h5>HARI</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-auto px-1 d-none d-sm-block">
                        <div class="divider divider-countdown">:</div>
                    </div>
                    <div class="col-auto" >
                        <div class="card card-countdown">
                            <div class="card-body">
                                <h1 data-hours>66</h1>
                                <h5>JAM</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-auto px-1 d-none d-sm-block">
                        <div class="divider divider-countdown">:</div>
                    </div>
                    <div class="col-auto">
                        <div class="card card-countdown">
                            <div class="card-body">
                                <h1 data-minutes>66</h1>
                                <h5>MENIT</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-auto px-1 d-none d-sm-block">
                        <div class="divider divider-countdown">:</div>
                    </div>
                    <div class="col-auto">
                        <div class="card card-countdown">
                            <div class="card-body">
                                <h1 data-seconds>66</h1>
                                <h5>DETIK</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </section>
    <!-- end of section-5 -->

    <!-- section-6 : contains form-->
    <section id="section-6">
        <div class="container-xxl">
            <div class="container">
                <div class="row gx-lg-5 justify-content-between">
                    <div class="col-lg-6 order-2 order-lg-1">
                        <h2 class="font-type-secondary">RSVP</h2>
                        <!-- form ucapan -->
                        <form action="core.php" method="POST">
                            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                            <div class="mb-7">
                                <input type="text" class="form-control {% if session.flash_name!=null %} is-invalid {% else %} is-valid {% endif %}" 
                                    placeholder="Nama lengkap" name="name" value="{% if session.flash_old_name!=null %} {{session.flash_old_name}} {% endif %}">
                                {% if session.flash_name!=null %}
                                    <div class="invalid-feedback">
                                        {{ session.flash_name }}
                                    </div>
                                {% endif %}
                            </div>
                            <div class="mb-7">
                                <input type="text" class="form-control {% if session.flash_phone!=null %} is-invalid {% else %} is-valid {% endif %}" 
                                        placeholder="Nomor Hp atau Whatsapp" name="phone" value="{% if session.flash_old_phone!=null %} {{session.flash_old_phone}} {% endif %}">
                                {% if session.flash_phone!=null %}
                                    <div class="invalid-feedback">
                                        {{ session.flash_phone }}
                                    </div>
                                {% endif %}
                            </div>
                            <div class="my-7">
                                <div class="form-check mb-2">
                                    <input class="form-check-input" value="1" type="radio" name="attendance" id="flexRadioDefault1" checked>
                                    <label class="form-check-label" for="flexRadioDefault1">
                                        Ya, saya akan hadir
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" value="2" type="radio" name="attendance" id="flexRadioDefault2">
                                    <label class="form-check-label" for="flexRadioDefault2">
                                        Tidak, saya tidak bisa hadir
                                    </label>
                                </div>
                            </div>
                            <div class="mb-10">
                                <input name="greeting" type="text" id="" placeholder="Tulis pesan dan doa untuk mempelai"
                                    class="form-control {% if session.flash_greeting!=null %} is-invalid {% else %} is-valid {% endif %}"
                                    value="{% if session.flash_old_greeting!=null %} {{session.flash_old_greeting}} {% endif %}">
                                {% if session.flash_greeting!=null %}
                                    <div class="invalid-feedback">
                                        {{ session.flash_greeting }}
                                    </div>
                                {% endif %}
                            </div>
        
                            <button class="btn btn-primary" type="submit">Kirim Ucapan</button>
                        </form>
                        <!-- end of form ucapan -->
                    </div>
                    <div class="col-lg-5 order-1 order-lg-2 mb-10 mb-lg-0">
                        <div id="section-6-img-wrapper">
                            <img src="templates/wedding-6/long/_assets/img/misc/rsvp.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end of section-6 -->
    
    {% if datas.read().in('greetings').count() > 0 %}
    <!-- section-7 : contains list ucapan -->
    <section id="section-7">
        <div class="container">
            <!-- list ucapan -->
            <div class="list-wrapper list-wrapper-message" style="max-height: 85vh; overflow-x: hidden; overflow-y: auto;">
                {% for data in datas.read().in('greetings').get() %}
                    <div class="card mb-5">
                        <div class="card-body">
                            <div class="row gx-lg-5">
                                <div class="col-auto pt-3">
                                    <div class="obj-fit obj-fit-cover w-4rem h-4rem rounded-circle">
                                        <img src="templates/wedding-6/long/_assets/img/icons/avatar.svg" alt="">
                                    </div>
                                </div>
                                <div class="col">
                                    <h5 class="font-medium mb-3">{{ datas.read().in('rsvp').where('id', '==', data.rsvp_id).first().name }}</h5>
                                    <h6 class="font-light">
                                        {{ data.greeting }}
                                    </h6>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>  
        </div>
    </section>
    <!-- end of section-7 -->
    {% endif %}

    <!-- section-8 -->
    <section id="section-8">
        <div class="container text-center">
            <img src="templates/wedding-6/long/_assets/img/decoration/leafs-left-1-l.png" alt="" class="w-15rem w-lg-20rem">
            <h4 class="font-type-secondary font-light my-8">Terimakasih atas doa restunya</h4>
            <h1 class="font-type-secondary">John & Jane</h1>
        </div>
    </section>
    <!-- end of section-8 -->
    

    <footer id="footer">
        <div class="container">
            <div class="row">
                <div class="col-sm mb-3 mb-md-0">Copyright Levidio Wedding - All Rights Reserved</div>
                <div class="col-sm-auto">info@rootpixel.net</div>
            </div>
        </div>
    </footer>


    <button id="btn-play" class="btn btn-icon btn-icon-page">
        <i class="ri ri-volume-high"></i>
    </button>
    <a href="#index" id="btn-to-top" class="btn btn-icon btn-icon-page page-scroll">
        <i class="ri ri-arrow-up"></i>
    </a>

    <audio controls id="audio" class="d-none" style="visibility: hidden;">
        <source src="templates/wedding-6/long/_assets/music.mp3" type="audio/mpeg">
    </audio>

    <!-- JS -->
    <!-- Bootstrap -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
    <!-- Countdown -->
    <script src="https://cdn.jsdelivr.net/npm/timezz@6.1.0/dist/timezz.min.js"></script>
    <!-- Lightgallery -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/js/lightgallery.min.js" integrity="sha512-b4rL1m5b76KrUhDkj2Vf14Y0l1NtbiNXwV+SzOzLGv6Tz1roJHa70yr8RmTUswrauu2Wgb/xBJPR8v80pQYKtQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <!-- Aos Animation os scroll -->
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <!-- Anime js -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha512-z4OUqw38qNLpn1libAN9BsoDx6nbNFio5lA6CuTp9NlK83b89hgyCVq+N5FdBJptINztxn1Z3SaKSKUS5UP60Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <!-- Tiny slider -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
    <!-- Plyr video player -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.8/plyr.min.js" integrity="sha512-8Tq/SKkeNKeVYZCkk0esWn+r00nNMcfZhsdszg9GN7BZSGgV1v9AJ8qHDI/PqFqRYZVOe8Afbph7OFb7SWwaPA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <!-- App -->
    <script src="templates/wedding-6/long/_assets/js/app.js"></script>
</body>
</html>
