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

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

&

Zhea

Fauziah Ratnasari

Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum

“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

Acara Resepsi

Sunday,
12 Desember 201x

08.00 WITA
Until End

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

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