Demo Undangan 13

The Wedding

Minggu, 12 Desember 202x

Banjarmasin, South - Borneo

ANDY & ZHEA

Kepada Yth: Bpk/Ibu/Saudara/I

Tamu Undangan

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

Atas Karunia Tuhan Yang Maha Esa, perkenankanlah kami
menyampaikan kabar bahagia kepada Bapak/Ibu/Saudara/i mengenai hari pernikahan kami.

Meet the happy couple

Andy

Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

Fauziah

Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Save The Date

Minggu, 12 Desember 202x

Kami akan menikah, dan kami ingin Anda menjadi
bagian dari hari istimewa kami.

  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik
Hari Pernikahan

Yang akan dilaksanakan pada :

Akad Nikah

Jum'at, 10 Desember 202x

Pukul : 08.00 WIB

Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Acara Resepsi

Minggu, 12 Desember 202x

Pukul : 08.00 WIB s.d Selesai

Rumah Mempelai Wanita:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Wedding Gallery

" Dan di antara tanda-tanda kekuasaan-Nya diciptakan-Nya untukmu pasangan hidup dari jenismu sendiri supaya kamu dapat ketenangan hati dan dijadikannya kasih sayang di antara kamu. Sesungguhnya yang demikian menjadi tanda-tanda kebesaran-Nya bagi orang-orang yang berpikir. "

Q.S. Ar-Rum: 21 -

Beri Doa & Ucapan Terbaikmu

Tuliskan harapan dan doa terbaik Anda untuk kedua mempelai melalui kolom berikut:

Hadiah Spesial

Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.

Kirim Kado: [Nama Penerima]

Jl. Lorem ipsum dolor sit amet, consectetur adipiscing elit

bca-3.png
Transfer ke Rekening BCA a.n Andy
0183287467
Salin Rekening
dana-1.png
Transfer ke DANA a.n Andy
081387128465
Salin Rekening
TERIMA KASIH

Atas Kehadiran & Doa Restunya

Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.

Sampai Jumpa di Hari Bahagia Kami,

Andy & Zhea

Keluarga Besar

Mempelai Pria

Bpk. Lorem Ipsum & Ibu Dolor Sit

Keluarga Besar

Mempelai Wanita

Bpk. Lorem Ipsum & Ibu Dolor Sit

Turut Mengundang:

Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.

- Created By : Bani Ahmad Printing #19 -

Klik Logo untuk Info
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; }
//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });

Demo Undangan 12

THE WEDDING

Andy & Zhea

Maha Suci Allah SWT
Yang telah menciptakan makhlukNya berpasang-pasangan.
Ya Allah, perkenankanlah dan Ridhoilah putra-putri kami

Banjarmasin

MINGGU, 12 DESEMBER 20XX

  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik

“Dan di antara ayat-ayat-Nya ialah Dia menciptakan untukmu istri-istri dari jenismu sendiri, supaya kamu merasa nyaman kepadanya, dan dijadikan-Nya di antaramu mawadah dan rahmah. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda bagi kaum yang berpikir".
- QS. Ar-Rum: 21 -

Assalamu'alaikum Warahmatullahi Wabarakatuh

Untuk Mengikuti Sunnah Rasul-Mu Dalam Rangka Membentuk Keluarga Yang Sakinah, Mawaddah, Warahmah.

Maka Ijinkanlah Kami Menikahkannya. Ya Allah Perkenankan Kami
Merangkaikan Kasih Sayang Yang Kau Ciptakan Diantara Putra-Putri Kami.

Andy

Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

Fauziah

Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

The Wedding Event

Bergabunglah bersama Kami menyaksikan sekaligus merayakan terbentuknya ikatan suci ini.
Kami ingin Anda menjadi bagian dari hari istimewa kami.

Akad Nikah

Minggu,
12 Desember 202x

08.00 WITA
Until End

Masjid Jami Al-Azhar

Jl. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Acara Resepsi

Minggu,
12 Desember 202x

08.00 WITA
Until End

Rumah Kediaman

Jl. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Our Love Moments

Wedding Gallery

Doa & Ucapan untuk

Pasangan Mempelai

Tuliskan harapan dan doa terbaik Anda untuk kedua mempelai melalui kolom berikut:

Kado Pernikahan

Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.

Kirim Kado: [Nama Penerima]

Jl. Lorem ipsum dolor sit amet, consectetur adipiscing elit

bca-3.png
Transfer ke Rekening BCA a.n Andy
90173285632
Salin Rekening
dana-1.png
Transfer ke DANA a.n Andy
082741625175
Salin Rekening

Terima Kasih

Atas Kehadiran & Doa Restunya

Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.

Sampai Jumpa di Hari Bahagia Kami,

Andy & Zhea

Keluarga Besar

Mempelai Pria

Bpk. Lorem Ipsum & Ibu Dolor Sit

Keluarga Besar

Mempelai Wanita

Bpk. Lorem Ipsum & Ibu Dolor Sit

Turut Mengundang:

Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.

Wassalamu'alaikum Warahmatullahi Wabarakatuh

- Created By : Bani Ahmad Printing -

Klik Logo untuk Info
The Wedding Of
Andy & Zhea
Kepada Yth.
Tamu Undangan
Tanpa Mengurangi Rasa Hormat, Kami Mengundang Anda Untuk Berhadir Di Acara Pernikahan Kami.
Mohon maaf apabila ada kesalahan penulisan nama/gelar
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; }
//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });

Demo Undangan 11

WEDDING INVITATION

Andy & Zhea

Ahad, 12 Desember 202x

Tanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i, serta kerabat sekalian, untuk menghadiri acara pernikahan kami:

Tamu Undangan

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

Assalamualaikum Wr. Wb.

"Maka izinkanlah kami menikahkannya. Ya Allah, perkenankan kami merangkaikan kasih sayang yang Kau ciptakan di antara putra-putri kami."

Andy
& Zhea

Days
Hours
Minutes
Seconds

Ahad, 12 Desember 202x

Wedding Couple

Andy

Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

&

Fauziah

Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Wedding Events

Akad Nikah

Sabtu,

202x
0

Desember

08.00 – 10.00 WITA ​

Rumah Mempelai Wanita Jl. Lorem Ipsum No. 21 ​

Acara Resepsi

Ahad,

202x
0

Desember

10.00 s.d selesai​

Ballroom Hotel Ipsum Jl. Dolor sit amet ​

Live Streaming

Kami juga akan mengadakan siaran langsung selama acara berlangsung di Instagram dan Facebook.
Silakan klik link di bawah untuk bergabung pada hari acara nanti:

" Dan di antara tanda-tanda kekuasaan-Nya diciptakan-Nya untukmu pasangan hidup dari jenismu sendiri supaya kamu dapat ketenangan hati dan dijadikannya kasih sayang di antara kamu. Sesungguhnya yang demikian menjadi tanda-tanda kebesaran-Nya bagi orang-orang yang berpikir. "

Q.S. Ar-Rum: 21 -

Wedding Photos

Doa & Ucapan untuk

Pasangan Mempelai

Merupakan suatu kehormatan dan kebahagiaan bagi kami apabila Bapak/Ibu berkenan memberikan doa restu kepada kedua mempelai.

Hadiah Spesial

Kehadiran anda merupakan sebuah doa serta rasa syukur bagi kami, namun jika memberi adalah bentuk doa bagi anda, kami telah menyediakan pilihan penghantaran hadiah dalam pelbagai bentuk dan media di bawah.

Transfer Ke Rekenig BCA a.n Andy
0549861212
Salin Rekening
Transfer ke DANA a.n Andy
0851325538574
Salin Rekening

Terima Kasih Atas kehadiran & do'a restunya.

Andy & Zhea

- Created By : Bani Ahmad Printing -

Klik Logo untuk Info
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; }
//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });

Demo Undangan 10

Wedding Invitation

Andy & Zhea

Minggu, 12 Desember 202x

Kepada yth: Bpk/Ibu/Saudara/i

Tamu Undangan

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

The Wedding Of

Andy & Zhea

DATE:
12 December 202x

Days
Hours
Minutes
Seconds

Maha Suci Allah yang telah menciptakan manusia dengan berpasang-pasangan. Dengan memohon Rahmat dan Ridho Allah SWT, kami bermaksud mengundang Saudara/i dalam acara pernikahan kami.

Wedding Couple

The Groom

Andy Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

The Bride

Fauziah Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Wedding Event

Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Friday,
01 Desember 201x

08.00 WITA
Until End

Rumah Kediaman:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Sunday,
12 Desember 201x

08.00 WITA
Until End

Beri Doa & Ucapan Terbaikmu

Tuliskan harapan dan doa terbaik Anda
untuk kedua mempelai melalui kolom berikut:

Hope to see you soon, Stay safe and healthy!

Hadiah Spesial

Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.

bca.png
Transfer ke Rekening BCA a.n Andy
dana.png
Transfer ke DANA a.n Andy
08516565265
Salin Rekening
Terima Kasih

Atas Kehadiran & Doa Restunya

Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.

Sampai Jumpa di Hari Bahagia Kami,

Andy & Zhea

Keluarga Besar

Mempelai Pria

Bpk. Lorem Ipsum & Ibu Dolor Sit

Keluarga Besar

Mempelai Wanita

Bpk. Lorem Ipsum & Ibu Dolor Sit

Turut Mengundang:

Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.

- Created By : Bani Ahmad Printing -

Klik Logo untuk Info
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; }
//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });

Demo Undangan 9

//*code script horizontalnavmeny by WeddingPress, Dilarang diperjual belikan ataupun dibagikan ulang tanpa seijin WeddingPress *// document.addEventListener('DOMContentLoaded', function () { let scrollableNavigations = document.querySelectorAll('.horizontalNav .elementor-nav-menu, .horizontalNewNav > div > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading, .horizontalTaxonomy .e-filter, .horizontalTabs > div > .e-n-tabs > .e-n-tabs-heading'); scrollableNavigations.forEach((scrollableNavigation) => { let navigationItems = Array.from(scrollableNavigation.querySelectorAll('.menu-item, .e-n-menu-title, .e-filter-item, .e-n-tab-title')).filter(e => e.parentElement.closest('.menu-item') == null); let activeNavigationItemIndex = navigationItems.findIndex((navigationItem) => navigationItem.classList.contains('current-menu-item') || navigationItem.getAttribute('aria-pressed') === 'true' || window.location.href.indexOf('#' + navigationItem.id) > -1); scrollableNavigation.style.scrollBehavior = "smooth"; navigationItems.forEach((navigationItem, i) => { let scrollToPosition = (navigationItem.getBoundingClientRect().left + navigationItem.offsetWidth / 2) - (window.innerWidth / 2); navigationItem.addEventListener('click', function () { scrollableNavigation.scrollTo({ left: scrollToPosition, behavior: 'smooth' }); }); if (i === activeNavigationItemIndex) { scrollableNavigation.scrollTo({ left: scrollToPosition, behavior: 'smooth' }); if (navigationItem.classList.contains('e-n-tab-title')) { setTimeout(() => { navigationItem.click(); }, 900); } } if (navigationItem.classList.contains('menu-item') || navigationItem.classList.contains('e-n-menu-title')) { let anchorElement = navigationItem.querySelector('a'); let observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.attributeName === 'aria-current' && mutation.target.getAttribute('aria-current') === 'location') { scrollableNavigation.scrollTo({ left: scrollToPosition, behavior: 'smooth' }); } }); }); observer.observe(anchorElement, { attributes: true }); } }); updateMask(scrollableNavigation); scrollableNavigation.addEventListener('scroll', function () { updateMask(scrollableNavigation); }); let navContainer = scrollableNavigation.parentElement; let navWidth = navContainer.offsetWidth; if (scrollableNavigation.classList.contains('e-n-tabs-heading')) { let tabHeadingHeight = scrollableNavigation.offsetHeight; navContainer.style.setProperty('--tab-heading-height', tabHeadingHeight + 'px'); } function noScrollClassManager() { navWidth = navContainer.offsetWidth; if (scrollableNavigation.scrollWidth <= scrollableNavigation.offsetWidth) { navContainer.classList.add('no-scroll'); } else { navContainer.classList.remove('no-scroll'); } } noScrollClassManager(); let windowWidth = window.innerWidth; window.addEventListener('resize', function () { if (windowWidth === window.innerWidth) return; windowWidth = window.innerWidth; noScrollClassManager(); }); }); });
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; }

ANDY

THE WEDDING OF

ZHEA

Kepada Yth: Bpk/Ibu/Saudara/I

Tamu Undangan

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

“Maha Suci Allah yang telah menciptakan manusia dengan berpasang-pasangan. Dengan memohon Rahmat dan Ridho Allah SWT, kami bermaksud mengundang Saudara/i dalam acara resepsi pernikahan kami.”

Wedding Couple

Assalamu’alaikum warahmatullahi wabarakatuh

Dengan memohon rahmat dan ridho Allah Subhanahu Wa Ta’ala,
insyaaAllah kami akan menyelenggarakan acara pernikahan :

Andy

Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

Fauziah

Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Minggu, 12 Desember 2024

The
Wedding
Days.

  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik

Akad Nikah

Friday, 05 Desember 201x

08.00 - 09.00 WIB

Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Acara Resepsi

Sunday, 12 Desember 201x

08.30 s.d Selesai

Gedung Aula:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Live Streaming

Kami juga berencana untuk mempublikasian pernikahan kami secara virtual melalui Zoom dan Live Instagram yang bisa anda ikuti melalui link berikut :

Wedding Gift

Tanpa mengurangi rasa hormat, bagi anda yang ingin memberikan tanda kasih untuk mempelai,
dapat melalui virtual account atau E-wallet

Penerima Kado: Zhea

Jl. Lorem ipsum dolor sit amet,
No.21 consectetur adipiscing elit.

bca.png
Transfer ke Rekening a.n Andy
02316312462
Salin Rekening
dana.png
Transfer ke DANA a.n Andy
085136264565
Salin Rekening
//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });

Wedding Wish

Berikan Doa / Ucapan Terbaik Anda Kepada Kedua Mempelai

Tinggalkan kami doa terbaik anda untuk momen bahagia kami

Hope to see you soon, Stay safe and healthy!

ADAB MENGHADIRI WALIMAH

Memberikan do'a restu terbaik kepada kedua mempelai.

(HR. Tirmidzi No. 1091)

Menggunakan pakaian yang sopan dan menutup aurat.

(QS. Al-Ahzab:59)

Memperhatikan waktu shalat dan tidak meninggalkan waktu shalat wajib.

(HR. Muslim No. 82)

Memperhatikan adab makan-minum. (Duduk, dengan tangan kanan, baca bismillah dan tidak mencela makanan)

(HR. Bukhari No. 3563)

Menghadiri undangan dengan niat untuk mengamalkan sunnah dan memuliakan saudara sesama mukmin.

(HR. Bukhari No. 5173)

Tidak berlebihan dalam makan dan minum, mengambil sesuai kebutuhan dan menghindari kemubadziran

(QS. Al-Isra: 26-27)

بَارَكَ اللهُ لَكَ وَبَارَكَ عَلَيْكَ وَجَمَعَ بَيْنَكُمَا فِى خَيْرٍ

Barakallahu laka wa baraka ‘alaika wa jama’a bainakuma fii Khoir

“Mudah-mudahan Allah memberkahi engkau dalam segala hal (yang baik) dan mempersatukan kamu berdua dalam kebaikan”

Terima Kasih

Atas Kehadiran & Doa Restunya

Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.

Sampai Jumpa di Hari Bahagia Kami,

Andy & Zhea

Keluarga Besar

Mempelai Pria

Bpk. Lorem Ipsum & Ibu Dolor Sit

Keluarga Besar

Mempelai Wanita

Bpk. Lorem Ipsum & Ibu Dolor Sit

Turut Mengundang:

Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.

- Created By : Bani Ahmad Printing -

Klik Logo untuk Info
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; }

Demo Undangan 8

Andy

- and -

Zhea

Kepada Yth: Bpk/Ibu/Saudara/I

Tamu Undangan

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

Assalamu’alaikum warahmatullahi wabarakatuh

Dengan memohon rahmat dan ridho Allah Subhanahu Wa Ta’ala,
insyaaAllah kami akan menyelenggarakan acara pernikahan :

Fauziah

Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

The Bride

The Groom

Andy

Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

" Dan di antara tanda-tanda kekuasaan-Nya diciptakan-Nya untukmu pasangan hidup dari jenismu sendiri supaya kamu dapat ketenangan hati dan dijadikannya kasih sayang di antara kamu. Sesungguhnya yang demikian menjadi tanda-tanda kebesaran-Nya bagi orang-orang yang berpikir. "

- Q.S. Ar-Rum: 21 -

Hitung Mundur Acara
  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik

Yang InsyaAllah akan diselenggarakan pada :

Akad Nikah

Friday, 05 Desember 201x

08.00 - 09.00 WIB

Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Acara Resepsi

Sunday, 12 Desember 201x

08.30 s.d Selesai

Gedung Aula:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Kirim Hadiah

Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami. Jazakumullahu khayran

Penerima Kado: WeddingPress

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

bca.png
0812 345 678XX a.n Andy dari WDP
weddingpress
Salin Rekening
dana.png
0812 345 678XX a.n Andy dari WDP
weddingpress
Salin Rekening

Beri Doa & Ucapan Terbaikmu

Untuk Kedua Mempelai

Tinggalkan kami doa terbaik anda untuk momen bahagia kami

Hope to see you soon, Stay safe and healthy!

Adab Untuk

Menghadiri Undangan

Infishol, Tamu Pria Dan Wanita Akan Dipisah

Mendoakan Keberkahan Untuk Pengantin & Keluarga

Tidak Berjabat Tangan Dengan Non-Mahrom

Berpakaian Dengan Rapih & Sopan

Memperhatikan Adab Makan & Minum

Tidak Foto/Video Pengantin Tanpa Izin

بَارَكَ اللهُ لَكَ وَبَارَكَ عَلَيْكَ وَجَمَعَ بَيْنَكُمَا فِى خَيْرٍ

Barakallahu laka wa baraka ‘alaika wa jama’a bainakuma fii Khoir

“Mudah-mudahan Allah memberkahi engkau dalam segala hal (yang baik) dan mempersatukan kamu berdua dalam kebaikan”

Terima Kasih

Atas Kehadiran & Doa Restunya

Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.

Sampai Jumpa di Hari Bahagia Kami,

Zhea & Andy

Keluarga Besar

Mempelai Wanita

Bpk. Lorem Ipsum & Ibu Dolor Sit

Keluarga Besar

Mempelai Pria

Bpk. Lorem Ipsum & Ibu Dolor Sit

Turut Mengundang:

Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.

Created By :
Bani Ahmad Printing

Klik Logo untuk Info
//*code script horizontalnavmenu by WeddingPress, Dilarang diperjual-belikan ataupun dibagikan ulang tanpa seijin WeddingPress *// document.addEventListener('DOMContentLoaded', function () { let scrollableNavigations = document.querySelectorAll('.horizontalNav .elementor-nav-menu, .horizontalNewNav > div > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading, .horizontalTaxonomy .e-filter, .horizontalTabs > div > .e-n-tabs > .e-n-tabs-heading'); scrollableNavigations.forEach((scrollableNavigation) => { let navigationItems = Array.from(scrollableNavigation.querySelectorAll('.menu-item, .e-n-menu-title, .e-filter-item, .e-n-tab-title')).filter(e => e.parentElement.closest('.menu-item') == null); let activeNavigationItemIndex = navigationItems.findIndex((navigationItem) => navigationItem.classList.contains('current-menu-item') || navigationItem.getAttribute('aria-pressed') === 'true' || window.location.href.indexOf('#' + navigationItem.id) > -1); scrollableNavigation.style.scrollBehavior = "smooth"; navigationItems.forEach((navigationItem, i) => { let scrollToPosition = (navigationItem.getBoundingClientRect().left + navigationItem.offsetWidth / 2) - (window.innerWidth / 2); navigationItem.addEventListener('click', function () { scrollableNavigation.scrollTo({ left: scrollToPosition, behavior: 'smooth' }); }); if (i === activeNavigationItemIndex) { scrollableNavigation.scrollTo({ left: scrollToPosition, behavior: 'smooth' }); if (navigationItem.classList.contains('e-n-tab-title')) { setTimeout(() => { navigationItem.click(); }, 900); } } if (navigationItem.classList.contains('menu-item') || navigationItem.classList.contains('e-n-menu-title')) { let anchorElement = navigationItem.querySelector('a'); let observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.attributeName === 'aria-current' && mutation.target.getAttribute('aria-current') === 'location') { scrollableNavigation.scrollTo({ left: scrollToPosition, behavior: 'smooth' }); } }); }); observer.observe(anchorElement, { attributes: true }); } }); updateMask(scrollableNavigation); scrollableNavigation.addEventListener('scroll', function () { updateMask(scrollableNavigation); }); let navContainer = scrollableNavigation.parentElement; let navWidth = navContainer.offsetWidth; if (scrollableNavigation.classList.contains('e-n-tabs-heading')) { let tabHeadingHeight = scrollableNavigation.offsetHeight; navContainer.style.setProperty('--tab-heading-height', tabHeadingHeight + 'px'); } function noScrollClassManager() { navWidth = navContainer.offsetWidth; if (scrollableNavigation.scrollWidth <= scrollableNavigation.offsetWidth) { navContainer.classList.add('no-scroll'); } else { navContainer.classList.remove('no-scroll'); } } noScrollClassManager(); let windowWidth = window.innerWidth; window.addEventListener('resize', function () { if (windowWidth === window.innerWidth) return; windowWidth = window.innerWidth; noScrollClassManager(); }); }); });
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; }
//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });

Demo Undangan 7

Andy & Zhea
  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik
Bride & Groom

Assalamu'alaikum Wr. Wb.

Maha Suci Allah Subhanahu wa Ta'ala yang telah menciptakan makhluk-Nya berpasang-pasangan.
Ya Allah, perkenankanlah dan Ridhoilah Pernikahan Kami.

Andy

Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

Fauziah

Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Our Love Story
  • 8 Jul 202x

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim res aperta. Ne discipulum abducam, times. Primum quid tu dicis breve? An haec ab eo non dicuntur?

  • 5 Feb 202x

Aliter homines, aliter philosophos loqui putas oportere? Sin aliud quid voles, postea. Mihi enim satis est, ipsis non satis. Negat enim summo bono afferre incrementum diem. Quod ea non occurrentia fingunt, vincunt Aristonem.

  • 4 Aug 202x

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

We are going to

Celebrate Our Love

Akad Nikah

lorem ipsum dolor sit amet, consectetur adipiscing elit

lorem ipsum dolor sit amet, consectetur adipiscing elit

Acara Resepsi

Wedding Gift

Tanpa mengurangi rasa hormat, bagi anda yang ingin memberikan tanda kasih untuk mempelai, dapat melalui virtual account atau E-wallet

bank BCA1
Transfer ke Rekening BCA a.n Andy
18937466664
Salin Rekening
Dana-Logo1.png.webp
Transfer ke DANA a.n Andy
082647287958
Salin Rekening
Berikan ucapan

Tuliskan harapan dan doa terbaik Anda untuk kedua mempelai melalui kolom berikut:

Hope to see you soon, Stay safe and healthy!

Terima Kasih

Atas Kehadiran & Doa Restunya

Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.

Sampai Jumpa di Hari Bahagia Kami,

Andy & Zhea

Keluarga Besar

Mempelai Pria

Bpk. Lorem Ipsum
& Ibu Dolor Sit

Keluarga Besar

Mempelai Wanita

Bpk. Lorem Ipsum
& Ibu Dolor Sit

Turut Mengundang:

Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.

Created By :
Bani Ahmad Printing

Klik Logo untuk Info
The Wedding Of
Andy & Zhea
Kepada Yth.
Tamu Undangan
We invited you to celebrate our wedding
//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; }

THE WEDDING OF

Andy & Zhea

Minggu, 12 Desember 202x

Demo Undangan 6

Your Are Invited!

Dear :

Tamu Undangan

Please be a part of our happiest moment

The Wedding Of

Andy & Zhea

12.12.202x

Wedding Day

  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik

Ar-Rum:21

"Dan di antara ayat-ayat-Nya ialah Dia menciptakan untukmu istri-istri dari jenismu sendiri, supaya kamu merasa nyaman kepadanya, dan dijadikan-Nya di antaramu mawadah dan rahmah. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda bagi kaum yang berpikir"

Wedding Couple

Maha Suci Allah Subhanahu wa Ta'ala yang telah menciptakan makhluk-Nya berpasang-pasangan.
Ya Allah, perkenankanlah dan Ridhoilah Pernikahan Kami.

The Groom

Andy

Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

The Bride

Fauziah

Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Wedding Story

Awal Bertemu

Januari 202x

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Jalin Komitmen

Mei 202x

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Acara Lamaran

November 202x

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Wedding Event

Akad Nikah

Desember

Minggu,

0

202x

Pukul 09.00 - 10.00 WIB

Kediaman Mempelai Wanita:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Acara Resepsi

Desember

Minggu,

0

202x

Pukul 10.00 WIB s.d Selesai

Kediaman Mempelai Wanita:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Wedding Gift

Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.

BCA

No. Rekening

08123456789xx

a.n Andy Hermawan

BRI

No. Rekening

08123456789xx

a.n Fauziah Ratnasari

Beri Doa & Ucapan Terbaikmu

Tuliskan harapan dan doa terbaik Anda untuk kedua mempelai melalui kolom berikut:

Hope to see you soon, Stay safe and healthy!

Terima Kasih

Atas Kehadiran & Doa Restunya

Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.

Sampai Jumpa di Hari Bahagia Kami,

Andy & Zhea

Keluarga Besar

Mempelai Pria

Bpk. Lorem Ipsum
& Ibu Dolor Sit

Keluarga Besar

Mempelai Wanita

Bpk. Lorem Ipsum
& Ibu Dolor Sit

Turut Mengundang:

Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.

Created By :
Bani Ahmad Printing

Klik Logo untuk Info
The Wedding Of
Andy & Zhea
Kepada Yth.
Tamu Undangan
Tanpa mengurangi rasa hormat, kami mengundang anda untuk hadir di acara pernikahan kami.
Mohon maaf apabila ada kesalahan penulisan nama/gelar
//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; }
//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });

Demo Undangan 5

Wedding Invitation

We invited you to celebrate our wedding

Minggu, 12 December 20xx

Assamu'alaikum Warahmatullahi Wabarakatuh

Atas Karunia Tuhan Yang Maha Esa, perkenankanlah kami
menyampaikan kabar bahagia kepada Bapak/Ibu/Saudara/i mengenai pernikahan kami

I Komang Andy

Putra Pertama Dari Keluarga
Bpk. I Wayan Dolor & Ibu Ni Luh Amet

&

Ni Wayan Zhea

Putri Keempat Dari Keluarga
Bpk. I Nyoman Lorem & Ibu Ni Ketut Ipsum

" Dan di antara tanda-tanda kekuasaan-Nya diciptakan-Nya untukmu pasangan hidup dari jenismu sendiri supaya kamu dapat ketenangan hati dan dijadikannya kasih sayang di antara kamu. Sesungguhnya yang demikian menjadi tanda-tanda kebesaran-Nya bagi orang-orang yang berpikir. "

- Q.S. Ar-Rum: 21 -

Our Special

Wedding Event

Kami akan menikah,
dan kami ingin Anda menjadi bagian dari hari istimewa kami!

  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik

Akad Nikah

Minggu,
03 Desember 201x

09.00 WIB
s.d Selesai

Kediaman Mempelai Wanita

Jl. Soekarno Hatta No. 79 Jakarta, Indonesia

Resepsi Nikah

Minggu,
03 Desember 201x

10.00 WIB
s.d Selesai

Kediaman Mempelai Wanita

Jl. Soekarno Hatta No. 79 Jakarta, Indonesia

Wedding Gallery
Our Special

Wedding Gift

Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.

Amplop Digital

bank BCA1
Transfer ke Rekening BCA a.n Andy
18937466664
Salin Rekening
Dana-Logo1.png.webp
Transfer ke DANA a.n Andy
082647287958
Salin Rekening

Beri Doa & Ucapan Terbaikmu

Untuk Kedua Mempelai

Tuliskan harapan dan doa terbaik Anda untuk kedua mempelai melalui kolom berikut:

Hope to see you soon, Stay safe and healthy!
Terima Kasih

Atas Kehadiran & Doa Restunya

Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.

Sampai Jumpa di Hari Bahagia Kami,

Andy & Zhea

Keluarga Besar

Mempelai Pria

Bpk. Lorem Ipsum & Ibu Dolor Sit

Keluarga Besar

Mempelai Wanita

Bpk. Lorem Ipsum & Ibu Dolor Sit

Turut Mengundang:

Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.

Wassalamu'alaikum Warahmatullah Wabarakatuh

Created By :
Bani Ahmad Printing

Klik Logo untuk Info
The Wedding Of
Andy & Zhea
Kepada Yth.
Tamu Undangan
Tanpa mengurangi rasa hormat, kami mengundang anda untuk hadir di acara pernikahan kami.
Mohon maaf apabila ada kesalahan penulisan nama/gelar
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; }
//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });

lilis yunan angpao

Kirim Hadiah

Doa Restu Anda merupakan karunia yang sangat berarti bagi kami. Namun jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.

Berikan Angpao & Kado Pernikahan

Doa Restu Anda merupakan karunia yang sangat berarti bagi kami.
Dan jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.

Logo_dana_blue.svg
Silahkan transfer ke DANA Dana/A.n Lilis Fatmawati
085738757971
Copy No. Dana
Bank_Mandiri_logo_2016.svg_-1.png
Silahkan transfer ke Mandiri/A.n M Yunan Helmi Nasution
1780005561655
Copy No. Rek
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; }
//* script show-hide by andy dari weddingpress *// document.addEventListener("DOMContentLoaded", function () { var btnAmplop = document.getElementById("btnAmplop"); var btnHide = document.getElementById("btn-hide"); var amplop = document.getElementById("amplop"); // Sembunyikan btn-hide dan amplop saat halaman dimuat btnHide.style.display = "none"; amplop.style.display = "none"; // Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik btnAmplop.onclick = function () { // Menampilkan btn-hide btnHide.style.display = "block"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop amplop.style.display = "block"; }; // Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik btnHide.onclick = function () { // Menyembunyikan btn-hide btnHide.style.display = "none"; // Menampilkan btnAmplop kembali btnAmplop.style.display = "block"; // Menyembunyikan section amplop amplop.style.display = "none"; }; });
Copyright © 2026 Undangan Digital RESEPSI