Undangan

Wisuda Tahfidz Al-Qur'an
& Pelepasan Santri Kelas IX

Sabtu, 12 Desember 202x

Kepada Bpk / Ibu / Sdr/i

Tamu Undangan

بِسْــــــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْمِ

Assalamu'alaikum Warahmatullahi Wabarakatuh

Dengan segala hormat, Pimpinan Pondok Pesantren Lorem Ipsum, mengundang Bapak / Ibu / Saudara/i untuk menghadiri:

Wisuda Tahfidz Al-Qur'an
& Pelepasan Santri Kelas IX

Pondok Pesantren Lorem Ipsum

Tahun Ajaran 202x / 202x

Waktu Acara

Yang InsyaAllah akan diselenggarakan pada :

Sabtu, 12 Desember 202x

08.00 WIB s.d Selesai

Komplek Pondok Pesantren Tahfizhul Qur'an Lorem Putra

Kunjungi Lokasi

- Hitung Mundur Acara -

Hari
Jam
Menit
Detik

Berikan Doa Dan Ucapan Terbaik Anda

[comment-kit style="golden"]

Terima Kasih Atas Kehadiran Dan Doanya

Demikian undangan ini kami sampaikan, atas perhatian dan kehadiran Bapak / Ibu / Saudara/i kami mengucapkan Jazaakumulloh Khoiron Katsiron.

Waassalamu'alaikum Warahmatullahi Wabarakatuh

Untuk Informasi & Reservasi bisa hubungi:

WA Ust. Lorem
WA Ust. Ipsum

Digital Invitation Created by ElementorKit.ID

Copyright 2024 @ WisudaKit by Elkit - All Rights Reserved

window.onbeforeunload = function() { window.scrollTo(0, 0); }; var isSectionLocked = true; // Menyimpan status kunci tampilan section // Mengunci tampilan section pertama saat halaman dimuat window.addEventListener('DOMContentLoaded', function() { lockSection(); }); // Fungsi untuk mengunci tampilan section function lockSection() { if (isSectionLocked) { disableScrolling(); document.body.style.position = "fixed"; document.body.style.overflowY = "scroll"; document.body.style.height = "100vh"; document.getElementById("section-cover").style.width = "100vw"; // Menambahkan gaya untuk membuat cover full width } } // Fungsi untuk membuka tampilan section function unlockSection() { enableScrolling(); document.body.style.position = ""; document.body.style.overflowY = ""; document.getElementById("section-cover").style.width = ""; // Menghapus gaya untuk mengembalikan lebar cover ke nilai aslinya document.getElementById("tombol-buka").style.display = "none"; // Menyembunyikan tombol "tombol-buka" } document.getElementById("tombol-buka").onclick = function() { unlockSection(); playAudio(); }; function disableScrolling() { var x = window.scrollX; var y = window.scrollY; window.onscroll = function() { window.scrollTo(x, y); }; } function enableScrolling() { window.onscroll = null; } function playAudio(){ var isYT = false; if(document.body.contains(document.getElementById("song"))) { document.getElementById("song").play(); isYT = false; } else { isYT = true; player.playVideo(); } }
//Script Custom Nama Tamu by Andy dari WeddingPress var urlParams = new URLSearchParams(window.location.search); if (urlParams) { var textElement = document.getElementById('namatamu'); var defaultText = textElement.innerHTML; var newText = defaultText; if (urlParams.has('to')) { var toValue = urlParams.get('to'); newText = newText.replace(/Tamu Undangan/g, toValue); } if (urlParams.has('dear')) { var dearValue = urlParams.get('dear'); newText = newText.replace(/Tamu Undangan/g, dearValue); } if (urlParams.has('kepada')) { var kepadaValue = urlParams.get('kepada'); newText = newText.replace(/Tamu Undangan/g, kepadaValue); } textElement.innerHTML = newText; }
function revealElements(selector) { var elements = document.querySelectorAll(selector); var windowHeight = window.innerHeight; var elementVisible = 150; elements.forEach(function(element) { var elementTop = element.getBoundingClientRect().top; if (elementTop < windowHeight - elementVisible) { element.classList.add("active"); } else { element.classList.remove("active"); } }); } window.addEventListener("scroll", function() { revealElements(".muncul, .muncul-kiri, .muncul-kanan, .zoom"); }); .muncul { position: relative; transform: translateY(6rem) scale(0.93); opacity: 0; transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */ } .muncul.active { transform: translateY(0); opacity: 1; } .muncul-kiri { position: relative; transform: translateX(-100%) scale(0.93); opacity: 0; transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */ } .muncul-kiri.active { transform: translateX(0); opacity: 1; } .muncul-kanan { position: relative; transform: translateX(100%) scale(0.93); opacity: 0; transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */ } .muncul-kanan.active { transform: translateX(0); opacity: 1; } .zoom { position: relative; transform: scale(0.5); opacity: 0; transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */ } .zoom.active { transform: scale(1); opacity: 1; }