Undangan

Demo Undangan 26

Undangan·

WEDDING INVITATION

Your Are Invited!

Dear :

Tamu Undangan

Please be a part of our happiest moment

12
12
2x

The Wedding of

ANDY &
ZHEA

Minggu, 12 Desember 202x

A
&
Z

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"

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

Mempelai Wanita

Fauziah Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Instagram Whatsapp

Mempelai Pria

Andy Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

Instagram Whatsapp
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

Minggu, 12 Desember 202x

  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik
SAVE THE DATE

Akad Nikah

08.00 WIB s.d Selesai

Minggu, 12 Desember 202x

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

Kunjungi Lokasi

Acara Resepsi

08.00 WIB s.d Selesai

Minggu, 12 Desember 202x

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

Kunjungi Lokasi
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.

Penerima Kado: Mempelai Wanita

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

BCA

No. Rekening

08123456789xx

a.n Andy Hermawan

Salin Rekening

BRI

No. Rekening

08123456789xx

a.n Fauziah Ratnasari

Salin Rekening
Beri Doa & Ucapan Terbaikmu

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

[comment-kit style="golden"]

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.

Photos By

- WeddingPress Template #64 -
Undangan Pernikahan Digital Created By Weddingpress.co.id

Home

Mempelai

Event

Gallery

Wishes

document.getElementById("tombol-buka").onclick = function() { unlockSection(); playAudio(); hideButton(); }; function unlockSection() { var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = 'body.scroll-enabled { overflow: auto; }'; document.getElementsByTagName('head')[0].appendChild(style); document.body.classList.add("scroll-enabled"); } function playAudio(){ var isYT = false; if(document.body.contains(document.getElementById("song"))) { document.getElementById("song").play(); isYT = false; } else { isYT = true; player.playVideo(); } } function hideButton() { document.getElementById("tombol-buka").style.display = 'none'; } // Add CSS to disable scroll by default var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = 'body { overflow: hidden; }'; document.getElementsByTagName('head')[0].appendChild(style);
//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 25

Undangan·

Your Are Invited!

Kepada Yth. Bapak / Ibu /Saudara/i

Tamu Undangan

The Wedding Of

Andy & Zhea

We invite you to celebrate our wedding.

12 Desember 202x

"Demikianlah mereka bukan lagi dua, melainkan satu. Karena itu, apa yang telah dipersatukan Allah, tidak boleh diceraikan manusia."

- Matius 19:6 -

Salam Sejahtera

Tuhan membuat segala sesuatu indah pada waktunya. Indah saat Dia mempertemukan, indah saat Dia menumbuhkan kasih, dan indah saat Dia mempersatukan putra-putri kami dalam suatu ikatan pernikahan kudus.

Andy Lorem Chen

Putra Pertama Dari Keluarga
Bapak Lorem (✝) Dan Ibu Ipsum

  • @username
&

Zhea Ipsum Chan

Putri Keempat Dari Keluarga
Bapak Lorem Dan Ibu Ipsum (✝)

  • @username
Save The Date

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

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

Rangkaian Acara Yang Akan Diselenggarakan

Pemberkatan

Jum'at, 11 Desember 202x

Pukul 09.00 WIB - Selesai

Gereja HKBP Lorem Ipsum

Jl. Nama Jalan dan Nomor Jalan

Kunjungi Lokasi

Resepsi

Sabtu, 12 Desember 202x

Pukul 09.00 WIB - Selesai

Rumah Mempelai Wanita

Jl. Nama Jalan dan Nomor Jalan

Kunjungi Lokasi
Berikan Ucapan &
Doa Restu Anda

Tinggalkan kami doa terbaik anda
untuk momen bahagia kami

[comment-kit style="golden"]

Terima Kasih

Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.

Kami Yang Berbahagia,

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.

- WeddingPress Template #63 -
Undangan Pernikahan Digital Created By Weddingpress.co.id

Asset Files:

//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; }
.goyang-1 img { animation-name: goyang1; animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: linear; } .goyang-2 img { animation-name: goyang1; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; } .goyang-3 img { animation-name: goyang1; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } .goyang-4 img { animation-name: goyang4; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; } .zoom-1 { transform: scale(1); animation: zoom 3s infinite; } .zoom-2 img { transform: scale(1); animation: zoom 2s infinite; } .naik-turun { animation-name: naikturun; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes goyang1{ 0%{ transform: rotate(0deg) scale(1); } 50%{ transform: rotate(6deg) scale(1.18); } 100%{ transform: rotate(0deg) scale(1); } } @keyframes goyang2{ 0%{ transform: rotate(0deg) scale(1); } 25%{ transform: rotate(-4deg) scale(1.05); } 50%{ transform: rotate(-8deg) scale(1.1); } 75%{ transform: rotate(-4deg) scale(1.05); } 100%{ transform: rotate(0deg) scale(1); } } @keyframes goyang3{ 0%{ transform: rotate(0deg) scale(1); } 25%{ transform: rotate(-4deg) scale(1.1); } 50%{ transform: rotate(0deg) scale(1); } 75%{ transform: rotate(4deg) scale(1.1); } 100%{ transform: rotate(0deg) scale(1); } } @keyframes goyang4{ 0%{ transform: rotate(0deg); } 25%{ transform: rotate(-4deg); } 75%{ transform: rotate(4deg); } 100%{ transform: rotate(0deg); } } @keyframes zoom { 0% { transform: scale(0.95); } 60% { transform: scale(1); } 100% { transform: scale(0.95); } } @keyframes naikturun { 0% { transform: translate(0px,0px); } 50% { transform: translate(0px,-10px); } 100% { transform: translate(0px,0px); } }

Demo Undangan 24

Undangan·

Wedding Invitation Of

Andy

And

Zhea

Yth Bapak/Ibu/Saudara/i

Tamu Undangan

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

pexels-jin-wedding-5729045.jpg
pexels-jin-wedding-5729052-scaled-1.jpg
pexels-jin-wedding-5729051.jpg
pexels-jin-wedding-5729046.jpg

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

pexels-trung-nguyen-9517435.jpg

Andy Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

Facebook Twitter Youtube Tiktok Whatsapp
pexels-trung-nguyen-9517420.jpg

Fauziah Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Facebook Twitter Youtube Tiktok Whatsapp

Wedding Day

Menuju Hari Istimewa Kami,
dan kami berharap anda menjadi bagian dari hari istimewa kami

Days
Hours
Minutes
Seconds

"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"

( Ar-Rum : 21 )

Akad Nikah

Tanggal

12.12.202x

Waktu

09.00 WIB - Selesai

Kediaman Mempelai Wanita

Jl. Lorem Ipsum No. 1, Jakarta

Kunjungi Lokasi

Resepsi Nikah

Tanggal

12.12.202x

Waktu

09.00 WIB - Selesai

Kediaman Mempelai Wanita

Jl. Lorem Ipsum No. 1, Jakarta

Kunjungi Lokasi

Live Streaming

We will broadcast the wedding ceremony vitually

OPEN STREAMING

Wedding Story

Awal Bertemu
Awal Bertemu
  • 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?

8 Jul 202x
5 Feb 202x
Acara Lamaran
Acara Lamaran
  • 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.

Acara Resepsi
Acara Resepsi
  • 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.

4 Aug 202x

Berikan Ucapan & Doa Restu Anda

Tinggalkan kami doa terbaik anda untuk momen bahagia kami

[comment-kit style="golden"]

Kirim Hadiah Pernikahan

Doa Restu Anda merupakan karunia yang sangat berarti bagi kami. Namun jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.

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

TERIMA KASIH

Atas Kehadiran & Doa Restunya

Kami Yang Berbahagia, Keluarga Besar Kedua Mempelai

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.

- WeddingPress Template #62 -
Undangan Pernikahan Digital Created By Weddingpress.co.id

Asset Files:

//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; }
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(); } }

Demo Undangan 23

Undangan·

THE WEDDING OF

Andy & Zhea

WE INVITE YOU TO CELEBRATE OUR WEDDING

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

Kepada Bapak / Ibu / Saudara/i

Tamu Undangan

"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"

( Ar-Rum : 21 )

Dengan segala puji bagi Allah yang telah menciptakan Makhluknya bepasang-pasang, Ya Allah izinkanlah kami merangkaikan cinta yang Engkau berikan dalam ikatan pernikahan

PASANGAN

Mempelai

Andy Hermawan

Putra Pertama Dari Keluarga
Bapak Lorem Dan Ibu Ipsum

Facebook Instagram Whatsapp

Fauziah Ratnasari

Putri Keempat Dari Keluarga
Bapak Lorem Dan Ibu Ipsum

Facebook Instagram Whatsapp

THE WEDDING

Events

Akad Nikah

Minggu,

0

Desember 202x

09.00 WIB - Selesai

Kediaman Mempelai Wanita

Jl. Lorem Ipsum No. 1, Jakarta

Location

Untuk tetap menjaga kesehatan bersama, maka Tamu Undangan Diwajibkan Menggunakan Masker, Mencuci Tangan dan Menjaga Jarak Aman Sesuai Aturan Dan Protokol Covid-19.

PROTOKOL KESEHATAN

Acara Resepsi

Minggu,

0

Desember 202x

10.00 WIB - Selesai

Kediaman Mempelai Wanita

Jl. Lorem Ipsum No. 1, Jakarta

Location

MOMEN

Bahagia Kami

Menikah bukan perlombaan, bukan soal cepat atau lambat.
Tetapi, siapa yang siap mengemban amanah yang besar

Previous
Next

Our Love Story

Awal Bertemu
Awal Bertemu
  • 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?
8 Jul 202x
5 Feb 202x
Acara Lamaran
Acara Lamaran
  • 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.
Acara Resepsi
Acara Resepsi
  • 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.
4 Aug 202x

Berikan Ucapan & Doa Restu Anda

Tinggalkan kami doa terbaik anda
untuk momen bahagia kami

[comment-kit style="golden"]

KIRIM

Hadiah Pernikahan

Doa Restu Anda merupakan karunia yang sangat berarti bagi kami. Namun jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.

0123 456 789
a.n Andy Hermawan

Salin Rekening

0123 456 789
a.n Andy Hermawan

Salin Nomor

Terima Kasih

Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.

Kami Yang Berbahagia,

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.

- WeddingPress Template #61 -
Undangan Pernikahan Digital Created By Weddingpress.co.id

Asset Files:

//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; }
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(); } }

Home

Mempelai

Event

Galeri

Wish

Demo Undangan 22

Undangan·

Your Are Invited!

Kepada Yth. Bapak / Ibu /Saudara/i

Tamu Undangan

//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; }

We are getting married

Andy & Zhea

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

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

Desember, 12th 202x

Save The Date

"And We created pairs of all things1 so perhaps you would be mindful."
(QS. Adz-Zariyat : 49)

Assalamualaikum Wr. Wb.

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.

Groom

The

Andy Hermawan

Putra Pertama Dari Keluarga
Bapak Lorem Dan Ibu Ipsum

Fauziah Ratnasari

Putri Keempat Dari Keluarga
Bapak Lorem Dan Ibu Ipsum

The

Bride

Dengan memohon rahmat dan ridho Allah Subhanahu Wa Ta'ala, Kami mengundang Bapak/Ibu/Saudara/i, untuk menghadiri Resepsi Pernikahan kami. yang Insya Allah akan dilaksanakan pada :

Akad Nikah
  • Jum’at, 10 Desember 20xx
  • 09.00 – 11 WITA
  • Rumah Mempelai Wanita - Jl. Lorem Ipsum No. 21
Kunjungi Lokasi
Acara Resepsi
  • Minggu, 12 Desember 20xx
  • 08.30 – 13.00 WITA
  • Ballroom Hotel Ipsum – Jl. Dolor sit amet
Kunjungi Lokasi

Mengingat Situasi Dan Kondisi Saat Ini, Maka Tamu Undangan Diwajibkan Menggunakan Masker, Mencuci Tangan dan Menjaga Jarak Aman Sesuai Aturan Dan Protokol Covid-19.

PROTOKOL KESEHATAN

Gallery

Previous
Next
VIDEO WEDDING

Wishes

Berikan ucapan terbaik
untuk kedua mempelai

[comment-kit style="golden"]

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.

Amplop Digital

Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.

Wassalamualaikum Wr. Wb.

Kami Yang Berbahagia,
Keluarga Besar Kedua Mempelai

Andy & Zhea

- WeddingPress Template #60 -
Undangan Pernikahan Digital Created By Weddingpress

Demo Undangan 21

Undangan·

WEDDING INVITATION

Andy & Zhea

WE INVITE YOU TO CELEBRATE OUR WEDDING

Sunday, 12 December 20xx

Kepada yth: Bpk/Ibu/Saudara/i

Tamu Undangan

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

Kami Akan Menikah, Dan Kami Ingin Anda
Menjadi Bagian Dari Hari Istimewa Kami!

Days
Hours
Minutes
Seconds

Sunday, 12 December 20xx

"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"

( Ar-Rum : 21 )

Andy

Hermawan

Putra Pertama dari Keluarga

Bapak Lorem & Ibu Ipsum

Andy

Hermawan

Putra Pertama dari Keluarga

Bapak Lorem & Ibu Ipsum

Our Special

Wedding Event

AKAD NIKAH

0

Minggu,
Desember
202x

  • 08.00 - 10.30 WIB
  • Mosque Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kunjungi Lokasi
0

Minggu,
Desember
202x

  • 08.00 - 10.30 WIB
  • Mosque Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kunjungi Lokasi

ACARA RESEPSI

Live Streaming

We will broadcast the wedding ceremony vitually

Live via Youtube
Live via Instagram

Our Moment

Wedding Gallery

Beri Doa & Ucapan Terbaikmu

Untuk Kedua Mempelai

Tinggalkan kami doa terbaik anda untuk momen bahagia kami

[comment-kit style="golden"]

Hope to see you soon, Stay safe and healthy!

Hadiah

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.

Alamat Pengiriman Kado:

Jl. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Konfirmasi Kirim Kado

0123 456 789
a.n Andy Hermawan

Salin Rekening

Acara Pernikahan Ini Memberlakukan

Protokol
Kesehatan

Wajib menggunakan masker selama acara berlangsung

Wajib menjaga jarak aman dengan para tamu undangan

Wajib mencuci tangan dengan air bersih atau menggunakan hand sanitizer

Tidak melakukan kontak fisik kepada mempelai dan tamu undangan lainnya

Atas perhatiannya, kami ucapkan terima kasih.

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

Bapak Lorem & Ibu Ipsum

Keluarga Besar

Mempelai Wanita

Bapak Lorem & Ibu Ipsum

Turut Mengundang:

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

- WeddingPress Template #59 -
Undangan Pernikahan Digital Created By Weddingpress.co.id

Home

Mempelai

Event

Galeri

Wish

.goyang-kiri img { animation-name: goyang-kiri; animation-duration: 5s; /*rotate point*/ transform-origin: left top; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes goyang-kiri{ 0%{ transform: rotate(0deg)scale(1);} 25%{ transform: rotate(-8deg)scale(1.18);} 75%{ transform: rotate(8deg)scale(1);} } .goyang-kanan img { animation-name: goyang-kanan; animation-duration: 5s; /*rotate point*/ transform-origin: left top; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes goyang-kanan{ 0%{ transform: rotate(0deg)scale(1);} 25%{ transform: rotate(-8deg)scale(1.18);} 75%{ transform: rotate(8deg)scale(1);} }
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(".wdpal-fade-in, .wdpal-muncul-atas, .wdpal-muncul-bawah, .wdpal-muncul-kiri, .wdpal-muncul-kanan, .wdpal-rotate-in, .wdpal-flip-x, .wdpal-flip-y, .wdpal-zoom-in, .wdpal-zoom-out"); }); /* Fade In */ .wdpal-fade-in { opacity: 0; transition: opacity 1s ease-in-out; } .wdpal-fade-in.active { opacity: 1; } /* Muncul Atas */ .wdpal-muncul-atas { transform: translateY(100%); opacity: 0; transition: transform 1s ease, opacity 1s ease; } .wdpal-muncul-atas.active { transform: translateY(0); opacity: 1; } /* Muncul Bawah */ .wdpal-muncul-bawah { transform: translateY(-100%); opacity: 0; transition: transform 1s ease, opacity 1s ease; } .wdpal-muncul-bawah.active { transform: translateY(0); opacity: 1; } /* Muncul Kiri */ .wdpal-muncul-kiri { position: relative; transform: translateX(-100%) scale(0.93); opacity: 0; transition: opacity 0.5s ease, transform 1s ease; } .wdpal-muncul-kiri.active { transform: translateX(0); opacity: 1; } /* Muncul Kanan */ .wdpal-muncul-kanan { position: relative; transform: translateX(100%) scale(0.93); opacity: 0; transition: opacity 0.5s ease, transform 1s ease; } .wdpal-muncul-kanan.active { transform: translateX(0); opacity: 1; } /* Rotate In */ .wdpal-rotate-in { transform: rotate(-180deg); opacity: 0; transition: transform 1s ease-out, opacity 1s ease-out; } .wdpal-rotate-in.active { transform: rotate(0deg); opacity: 1; } /* Flip X */ .wdpal-flip-x { transform: rotateX(90deg); opacity: 0; transition: transform 1s ease, opacity 1s ease; } .wdpal-flip-x.active { transform: rotateX(0deg); opacity: 1; } /* Flip Y */ .wdpal-flip-y { transform: rotateY(90deg); opacity: 0; transition: transform 1s ease, opacity 1s ease; } .wdpal-flip-y.active { transform: rotateY(0deg); opacity: 1; } /* Zoom In */ .wdpal-zoom-in { transform: scale(0.5); opacity: 0; transition: transform 1s ease, opacity 1s ease; } .wdpal-zoom-in.active { transform: scale(1); opacity: 1; } /* Zoom Out */ .wdpal-zoom-out { transform: scale(1.5); opacity: 0; transition: transform 1s ease, opacity 1s ease; } .wdpal-zoom-out.active { transform: scale(1); opacity: 1; }
window.addEventListener("orientationchange", function(event) { document.querySelectorAll('*').forEach(e => { if (window.getComputedStyle(e).position === 'fixed') { e.style.position = "relative"; setTimeout(() => (e.style.position = "fixed"), 300); } }); });
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; }
//* 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 20

Undangan·

Andy & Zhea

WE INVITE YOU TO CELEBRATE OUR WEDDING

Kepada yth: Bpk/Ibu/Saudara/i

Tamu Undangan

//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; }

Andy & Zhea

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

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

Desember, 12th 202x

Save The Date

Assalamualaikum Wr. Wb.

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 Dan Ibu Ipsum

Fauziah Ratnasari

Putri Keempat Dari Keluarga
Bapak Lorem Dan Ibu Ipsum

Dengan memohon rahmat dan ridho Allah Subhanahu Wa Ta'ala, Kami mengundang Bapak/Ibu/Saudara/i, untuk menghadiri Resepsi Pernikahan kami. yang Insya Allah akan dilaksanakan pada :

Akad Nikah
  • Jum’at, 10 Desember 20xx
  • 09.00 – 11 WITA
  • Rumah Mempelai Wanita - Jl. Lorem Ipsum No. 21
Kunjungi Lokasi
Acara Resepsi
  • Minggu, 12 Desember 20xx
  • 08.30 – 13.00 WITA
  • Ballroom Hotel Ipsum – Jl. Dolor sit amet
Kunjungi Lokasi

Mengingat Situasi Dan Kondisi Saat Ini, Maka Tamu Undangan Diwajibkan Menggunakan Masker, Mencuci Tangan dan Menjaga Jarak Aman Sesuai Aturan Dan Protokol Covid-19.

PROTOKOL KESEHATAN

Gallery

Previous
Next
VIDEO WEDDING

"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"
- AR-RUM 21 -

Wishes

Berikan ucapan terbaik
untuk kedua mempelai

[comment-kit style="golden"]

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.

Amplop Digital

Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.

Wassalamualaikum Wr. Wb.

Kami Yang Berbahagia,
Keluarga Besar Kedua Mempelai

Andy & Zhea

- WeddingPress Template #58 -
Undangan Pernikahan Digital Created By Weddingpress

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").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(); } }

Demo Undangan 19

Undangan·

THE WEDDING

Minggu, 12 DESEMBER 20XX

ANDY & ZHEA

Appreciate For Your Coming

Tamu Undangan

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

With Great Pleasure

Invite You

To Celebrate Our marriage

01-11.png

Andy Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

Facebook Twitter Instagram Whatsapp
02-11.png

Fauziah Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Facebook Twitter Instagram Whatsapp

Sunday, 12 December 20xx

  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik
Simpan Ke kalender

Akad Nikah

Tanggal

Sabtu, 11 Desember 202x

Waktu

08.00 - 09.30 WIB

Tempat

Jl. Lorem Ipsum No. 21

Kunjungi Lokasi
Simpan Ke kalender

ACARA RESEPSI

Tanggal

Minggu, 12 Desember 202x

Waktu

08.00 - 09.30 WIB

Tempat

Jl. Lorem Ipsum No. 21

Kunjungi Lokasi
Simpan Ke kalender

Our Moment

Wedding Gallery

Photos By
Beri Doa & Ucapan Terbaikmu

Untuk Kedua Mempelai

Tinggalkan kami doa terbaik anda untuk momen bahagia kami.

[comment-kit style="golden"]

Hope to see you soon, Stay safe and healthy!

Kirim Hadiah

Berikan hadiah spesial anda kepada mempelai baik berupa kado ataupun cashless melalui tombol dibawah ini:

Rek. Bank MANDIRI Pria Rek. Bank BCA Wanita Nomor OVO Pria ALAMAT KIRIM KADO
function copyDropdown() { var dropdown = document.getElementById("dropdown"); var selectedOption = dropdown.options[dropdown.selectedIndex].value; var tempInput = document.createElement("input"); tempInput.value = selectedOption; document.body.appendChild(tempInput); tempInput.select(); document.execCommand("copy"); document.body.removeChild(tempInput); alert("Rekening berhasil disalin: " + selectedOption); } .container { display: flex; } #Dropdown { float: left; color: #000; } select { border-radius: 0px; font-family: 'roboto' font-weight: bold; font-size: 11px; width: 70%; height: 40px; border-color: #365071; color: #C9C5C0; background-color: #0001; } select:focus { outline: none; border-color: #365071; } #copy-btn { margin-left: 10px; float: right; border-radius: 0px; font-family: 'roboto' font-weight: bold; font-size: 10px; border: solid ; border-width: 1px; height: 40px; border-color: #365071; color: #365071; width: 28%; } #copy-btn:hover { border-radius: 0px; font-family: 'roboto' font-weight: bold; font-size: 11px; height: 40px; border-color: #365071; color: #ffff; background-color: #365071; } #copy-btn:focus { outline: none; }

“Semoga Allah menghimpun yang terserak dari keduanya, memberkati mereka berdua dan kiranya Allah meningkatkan kualitas keturunan mereka, menjadikannya pembuka pintu rahmat, sumber ilmu dan hikmah serta pemberi rasa aman bagi umat.”

(Doa Nabi Muhammad SAW, pada pernikahan putrinya Fatimah Azzahra dengan Ali Bin Abi Thalib)

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

- WeddingPress Template #44 -
Undangan Pernikahan Digital Created By Weddingpress.co.id

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"); }); .goyang-1 { animation-name: goyang1; animation-duration: 3.5s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes goyang1{ 0%{ transform: rotate(0deg) scale(1); } 50%{ transform: rotate(10deg) scale(1.1); } 75%{ transform: rotate(-5deg) scale(1.1); } 100%{ transform: rotate(0deg) scale(1); } } .naik-turun { animation-name: naikturun; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes naikturun { 0% { transform: translate(0px,0px); } 50% { transform: translate(0px,-10px); } 100% { transform: translate(0px,0px); } } .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 18

Undangan·

Walimatul Urs

Andy & Zhea

Ahad, 12 Desember 202x

Kepada Yth: Bpk/Ibu/Saudara/I

Tamu Undangan

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

" 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. "

(QS. Ar-Rum : 21)

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

Facebook Twitter Instagram Whatsapp

&

Fauziah

Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

Facebook Twitter Instagram Whatsapp

Untuk mengikuti Sunnah Rasul-Mu
dalam rangka membentuk keluarga yang sakinah, mawaddah,& warahmah.
maka ijinkanlah kami menikahkannya.

Akad Nikah

Friday, 05 Desember 201x

08.00 - 09.00 WIB

Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Kunjungi Lokasi

Acara Resepsi

Sunday, 12 Desember 201x

08.00 - 09.00 WIB

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

Kunjungi Lokasi

Yang InsyaAllah akan diselenggarakan pada :

Minggu, 12 Desember 2024

Hitung Mundur Acara
  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik
Simpan Ke kalender
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
[comment-kit style="golden"]

Hope to see you soon, Stay safe and healthy!

Adab Walimah

Tanppa mengurangi rasa hormat, dimohon kepada para tamu undangan untuk memperhatikan hal-hal berikut saat menghadiri acara:

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,

Andy & Zhea

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.

Wassalamu’alaikum warahmatullahi wabarakatuh

- WeddingPress Template #43 -
Undangan Pernikahan Digital Created By Weddingpress.co.id

//*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 17

Undangan·

Hari

Sabtu

Tanggal

12 Desember

Tahun

202x

The Wedding of

Andy & Zhea

Kepada Yth: Bpk/Ibu/Saudara/I

Tamu Undangan

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

Sunday, 12 December 20xx

You're invited to our wedding ceremony,

When a promise is made, then Allah is the witness between the two promises. Glory be to Allah SAW, who has made everything more beautiful and perfect.

Andy & Zhea

  • 00Hari
  • 00Jam
  • 00Menit
  • 00Detik
Simpan Ke kalender

Pasangan

Mempelai

Dengan segala puji bagi Allah yang telah menciptakan makhluk-Nya berpasang-pasangan,
Ya Allah izinkanlah kami merangkaikan cinta yang Engkau berikan dalam ikatan pernikahan.

Andy

Andy Hermawan

Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum

@weddingpressnet

&

Zhea

Fauziah Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

@weddingpressnet

“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”

Q.S. Ar-Rum: 21

Waktu & Tempat

Pernikahan

Pernikahan adalah ibadah, dan setiap ibadah bermuara pada cinta-Nya sebagai tujuan.
Sudah sewajarnya setiap upaya meraih cinta-Nya dilakukan dengan sukacita.

Akad Nikah

Friday,
05 Desember 201x

08.00 WITA
Until End

Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit

Kunjungi Lokasi

Acara Resepsi

Sunday,
12 Desember 201x

08.00 WITA
Until End

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

Kunjungi Lokasi

Moment Kami

GALLERY

Photos by Trần Long

Beri Doa & Ucapan Terbaikmu

Untuk Kedua Mempelai

Tinggalkan kami doa terbaik anda untuk momen bahagia kami.

[comment-kit style="golden"]

Hadiah Pernikahan

Doa Restu Anda merupakan karunia yang sangat berarti bagi kami. Namun jika memberi adalah ungkapan tanda kasih Anda, kami akan senang hati menerimanya yang tentu akan semakin melengkapi kebahagiaan kami.

Kirim Kado: [Nama Penerima]

Jl. Lorem ipsum dolor sit amet, consectetur adipiscing elit

No. Rekening

08123456789xx

a.n Andy Hermawan

BRI

No. Rekening

08123456789xx

a.n Fauziah Ratnasari

Terima Kasih

Atas Kehadiran & Doa Restunya

It will be a joy for us if you are still willing to be present on this happy day. Thank you for all the words, prayers and attention given.

See you on our special day!

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.

- WeddingPress Template #30 -
Undangan Pernikahan Digital Created By Weddingpress.co.id

/* CSS untuk gambar latar belakang dan efek slideshow */ :root { --background-image1: url('https://weddingpress.co.id/wp-content/uploads/2021/05/pexels-tr-n-long-3093985-14562164.jpg'); --background-image2: url('https://weddingpress.co.id/wp-content/uploads/2024/08/pexels-tr-n-long-3093985-14839202.jpg'); } #fixedbg { /* Menggunakan variabel untuk background-image */ background-image: var(--background-image1); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; /* Untuk posisi yang tepat dalam animasi */ overflow: hidden; /* Untuk menyembunyikan bagian yang melampaui batas */ animation: slideshow 5s infinite; /* Animasi untuk slideshow */ background-attachment: fixed; /* Pastikan background tetap di tempat */ } @keyframes slideshow { 0%, 100% { background-image: var(--background-image1); /* Gambar pertama */ } 50% { background-image: var(--background-image2); /* Gambar kedua */ } } /* Fallback untuk iOS */ @supports (-webkit-touch-callout: none) { #fixedbg { background-attachment: scroll; /* Gantikan fixed dengan scroll di iOS */ } }
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"); }); .goyang-1 { animation-name: goyang1; animation-duration: 3.5s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes goyang1{ 0%{ transform: rotate(0deg) scale(1); } 50%{ transform: rotate(10deg) scale(1.1); } 75%{ transform: rotate(-5deg) scale(1.1); } 100%{ transform: rotate(0deg) scale(1); } } .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"; }; });