Vera dan Karsono

Vera dan Karsono

WEDDING INVITATION

We invited you to celebrate our wedding

Vera & Karsono

Minggu, 29 Juni 2025

Kepada yth: Bpk/Ibu/Saudara/i

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

Assalamu'alaikum Warahmatullahi Wabarakatuh

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

Karsono

Putra dari Keluarga
Bapak Tamin & Ibu Parti

Dwi Vera Agustina

Putri dari Keluarga
Bapak Dargo & Ibu Lasri

Our Moment

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 -

Our Special

Wedding Event

Minggu, 29 Juni 2025

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

Akad Nikah

Sabtu,
28 Desember 2024

08.00 Wib
Until End

mempelai rumah pria:
dsn.dongipik Ds.tanggulangin kec.Montong kab.Tuban

Acara Resepsi

Minggu,
29 Juni 2025

19.00 Wib
Until End

rumah mempelai wanita:
dsn.krajan Ds.Nguluhan kec.Montong kab.tuban

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.

dana.png
Dwi Vera : 0858 5560 9668
Salin Nomor

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!

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,

Vera & Karsono

Keluarga Besar

Mempelai Pria

Keluarga
Bapak Tamin & Ibu Parti

Keluarga Besar

Mempelai Wanita

Keluarga
Bapak Dargo & Ibu Lasri

Wassalamu'alaikum Warahmatullahi Wabarakatuh

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(".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; }
//* 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 sebagai flex btnHide.style.display = "flex"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop sebagai flex amplop.style.display = "flex"; }; // 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 sebagai block (atau flex) btnAmplop.style.display = "block"; // atau flex, tergantung tata letak yang diinginkan // Menyembunyikan section amplop amplop.style.display = "none"; }; });
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(".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; }
//* 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 sebagai flex btnHide.style.display = "flex"; // Menyembunyikan btnAmplop btnAmplop.style.display = "none"; // Menampilkan section amplop sebagai flex amplop.style.display = "flex"; }; // 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 sebagai block (atau flex) btnAmplop.style.display = "block"; // atau flex, tergantung tata letak yang diinginkan // Menyembunyikan section amplop amplop.style.display = "none"; }; });

Undang Tamu

Kirim Undangan Untuk Para Tamu ALternatrif

Kirim Undangan Untuk Para Tamu Spesial.

  • Masukkan nama tamu undangan kamu pada kolom nama tamu undangan.
  • Pisahkan dengan baris baru (enter) untuk memisahkan nama yang akan di undang.
  • Masukkan nama tamu, nama tamu support simbol (&) koma(,) titik(.) contohnya : Andy & Zhea
  • Klik tombol Buka Link untuk membuka link undangan yang sudah dilengkapi dengan parameter nama tamunya.
  • Klik tombol Salin Link + Kata Pengantar untuk menyimpan hasil generate undangan.
  • Klik tombol Share to Facebook untuk mengirimkan undangan ke aplikasi sosial media facebook.
  • Klik tombol Share to Whatsapp untuk mengirimkan undangan ke kontak whatsapp tamu yang akan diundang.
  • Klik tombol Copy Link, dan paste-kan di WA / Socmed ketika kamu ingin menyebarkan undangannya
  • Anda bisa menghapus kolom yang di generate dengan menekan tombol hapus/delete.
  • Sebaiknya test dulu kirim ke pasangan jika baru pertama kali menggunakan fitur ini.
  • Jika menggunakan smartphone/ HP disarankan pakai BROWSER CHROME untuk menggunakan generator tamu undangan ini. Dan pastikan enable javascript browsernya terlebih dahulu.
  • Penggunaan generator melalui PC/ Laptop terkadang tidak bisa menampilkan gambar saat sebar undangan.
  • TIDAK DIREKOMENDASIKAN untuk membagikan link melalui DM Instagram, karena IG bukan tempat untuk berbagi link.
  • Anda bisa menampilkan gambar (thumbnail) saat sebar undangan dengan cara setelah klik tautan kirim whatsapp, tunggu beberapa detik supaya WA load gambarnya. JADI TIDAK LANGSUNG DIKIRIM sebelum gambar muncul.

Buat undangan jadi lebih ekslusif dan personal di setiap undangan yang akan dikirimkan.
Silahkan Generate Link nya di bawah ini:





Undangan Formal Wedding - Muslim Wedding - Nasrani Wedding - Hindu Birthday Anak Tasmiyah Akikah



// Fungsi untuk mengambil nilai parameter dari URL function getParameterByName(name) { const url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); const results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } // Ambil nilai dari parameter 'id' const undanganId = getParameterByName('id'); // Event Listener untuk Tombol Generate document.getElementById("generateButton").addEventListener("click", function() { // Ambil input pengguna const namaTamu = document.getElementById("namaTamuInput").value.split("\n"); const teksPengantar = document.getElementById("teksPengantar").value; // Container untuk hasil generate const daftarNamaContainer = document.querySelector("#daftarNamaContainer tbody"); daftarNamaContainer.innerHTML = ""; // Bersihkan daftar sebelumnya // Opsi teks pengantar berdasarkan pilihan const teks = { formal: `Dengan segala hormat, kami bermaksud mengundang Bapak/Ibu/Saudara/i *${"{nama}"}* untuk menghadiri acara kami.\n\n*Berikut link undangan kami*, untuk informasi lebih lengkap mengenai acara dapat diakses melalui tautan berikut:\n\n[link-undangan]\n\nKami berharap Bapak/Ibu/Saudara/i dapat meluangkan waktu untuk menghadiri acara kami.\n\n*Mohon maaf undangan ini hanya disampaikan melalui pesan ini.*\n\nTerima kasih atas perhatiannya.`, muslim: `_Assalamualaikum Warahmatullahi Wabarakatuh_\n\nTanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i *${"{nama}"}* untuk menghadiri acara kami.\n\n*Berikut link undangan kami*, untuk info lengkap dari acara bisa kunjungi :\n\n[link-undangan]\n\nMerupakan suatu kebahagiaan bagi kami apabila Bapak/Ibu/Saudara/i berkenan untuk hadir dan memberikan doa restu.\n\n*Mohon maaf perihal undangan hanya di bagikan melalui pesan ini.*\n\nTerima kasih banyak atas perhatiannya.\n\n_Wassalamualaikum Warahmatullahi Wabarakatuh_`, nasrani: `Kepada:\n\n*${"{nama}"}*\n\nSalam Sejahtera Bagi Kita Semua. Tuhan membuat segala sesuatu indah pada waktunya dan mempersatukan kami dalam suatu ikatan pernikahan kudus, semoga Tuhan memberkati dalam mengiringi pernikahan kami.\n\nTanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i untuk menghadiri acara kami.\n\nBerikut link undangan kami:\n\n[link-undangan]\n\nMerupakan suatu kebahagiaan bagi kami apabila Bapak/Ibu/Saudara/i berkenan untuk hadir dan memberikan doa restu.\n\n*Mohon maaf perihal undangan hanya di bagikan melalui pesan ini.*\n\nTerima kasih.`, hindu: `Kepada Yth.\n\n*${"{nama}"}*\n\nOm Swastiastu\n\nTanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i, teman sekaligus sahabat, untuk menghadiri acara pernikahan kami:\n\nBerikut link undangan kami untuk info lengkap dari acara bisa kunjungi :\n\n[link-undangan]\n\nMerupakan suatu kebahagiaan bagi kami apabila Bapak/Ibu/Saudara/i berkenan untuk hadir dan memberikan doa restu.\n\nOm Shanti, Shanti, Shanti, Om.`, birthdayAnak: `Halo Bapak/Ibu/Saudara/i *${"{nama}"}*,\n\nKami dengan senang hati mengundang Bapak/Ibu beserta keluarga untuk menghadiri acara ulang tahun anak kami.\n\n*Berikut link undangan kami* untuk informasi lebih lengkap mengenai acara dapat diakses melalui tautan berikut:\n\n[link-undangan]\n\nTerima kasih banyak atas perhatian dan kehadirannya.`, akikahTasmiyah: `Assalamualaikum Warahmatullahi Wabarakatuh,\n\nDengan penuh rasa syukur, kami mengundang Bapak/Ibu/Saudara/i *${"{nama}"}* untuk menghadiri acara akikah/tasmiyah anak kami.\n\n*Berikut link undangan kami* untuk informasi lebih lengkap mengenai acara dapat diakses melalui tautan berikut:\n\n[link-undangan]\n\nMerupakan kebahagiaan bagi kami jika Bapak/Ibu/Saudara/i berkenan hadir dan turut mendoakan anak kami.\n\nTerima kasih atas perhatian dan kehadirannya.\n\nWassalamualaikum Warahmatullahi Wabarakatuh.`, }; // URL basis (ambil secara otomatis dari domain website) const baseUrl = window.location.origin; // Loop untuk setiap nama tamu let hasGenerated = false; namaTamu.forEach(function(nama) { if (nama.trim() !== "") { if (undanganId) { hasGenerated = true; // Tandai bahwa ada nama yang diproses // Buat link undangan yang dipersonalisasi const linkUndangan = `${baseUrl}/${undanganId}?to=${encodeURIComponent(nama.trim())}`; const personalizedText = teks[teksPengantar].replace("{nama}", nama.trim()).replace("[link-undangan]", linkUndangan); // Buat elemen baru untuk menampilkan hasilnya di tabel const row = document.createElement("tr"); row.innerHTML = ` ${nama.trim()}
`; daftarNamaContainer.appendChild(row); } else { alert("Parameter 'id' tidak ditemukan di URL. Silakan pastikan URL mengandung parameter 'id'."); } } }); // Tampilkan tabel jika ada nama yang berhasil di-generate if (hasGenerated) { document.getElementById("daftarNamaContainer").classList.remove("hidden"); } }); // Fungsi untuk menyalin teks ke clipboard dengan fallback function copyTextToClipboard(text) { text = decodeURIComponent(text); const textArea = document.createElement("textarea"); textArea.value = text; textArea.style.position = "fixed"; textArea.style.left = "-9999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { const successful = document.execCommand('copy'); if (successful) { alert('Teks berhasil disalin ke clipboard.'); } else { alert('Gagal menyalin teks ke clipboard.'); } } catch (err) { console.error('Gagal menyalin teks menggunakan execCommand: ', err); } document.body.removeChild(textArea); }
/* Typography Default untuk Elemen dalam Form Undangan */ #form-undangan, #form-undangan textarea, #form-undangan select, #form-undangan button, #daftarNamaContainer { font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.25em; } /* Styling untuk Elemen Textarea */ #form-undangan textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 15px; } /* Styling untuk Elemen Select */ #form-undangan select { width: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 10px; appearance: none; /* Menghilangkan gaya bawaan browser */ -webkit-appearance: none; /* Menghilangkan gaya bawaan pada Safari */ -moz-appearance: none; /* Menghilangkan gaya bawaan pada Firefox */ } /* Styling untuk Tombol Generate */ #form-undangan button { background-color: #FFDFDF; /* Warna hijau untuk tombol (default) */ color: #6D2956; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; } /* Warna Merah Saat di-hover dan Diklik */ #form-undangan button:hover, #form-undangan button:active { background-color: #EE629B; /* Warna merah saat di-hover dan diklik */ color: #ffffff; transform: scale(0.98); /* Efek kecil saat tombol diklik */ } /* Menyembunyikan elemen dengan class "hidden" */ .hidden { display: none; } /* Typography untuk Tabel "Nama + Aksi" */ #daftarNamaContainer { width: 100%; border-collapse: collapse; margin-top: 20px; } #daftarNamaContainer th, #daftarNamaContainer td { padding: 8px; text-align: center; border-bottom: 1px solid #ddd; } /* Default untuk Versi Tablet dan Desktop: Kolom Nama 65%, Kolom Aksi 35% */ #daftarNamaContainer th:nth-child(1), #daftarNamaContainer td:nth-child(1) { width: 75%; /* Kolom Nama (65%) */ } #daftarNamaContainer th:nth-child(2), #daftarNamaContainer td:nth-child(2) { width: 25%; /* Kolom Aksi (35%) */ } /* Styling Icon Actions */ .actions { display: flex; flex-wrap: wrap; /* Membuat ikon berbaris secara responsif */ gap: 5px; /* Jarak antar ikon */ justify-content: center; /* Justifikasi ke kiri */ } .actions i { font-size: 12px; /* Ukuran ikon lebih kecil (10px) */ cursor: pointer; padding: 0.75em; /* Padding sekitar 0.75em */ border-radius: 5px; /* Bentuk ikon lebih tidak bulat (10px) */ background-color: #4CAF50;/* Warna hijau sebagai warna default */ color: white; /* Warna teks (ikon) menjadi putih */ transition: background-color 0.3s ease, transform 0.1s ease; } /* Warna Merah Saat Ikon di-hover dan Diklik */ .actions i:hover, .actions i:active { background-color: #f44336; /* Warna merah saat di-hover dan diklik */ transform: scale(1.1); /* Efek pembesaran saat ikon di-hover */ } /* Styling Tooltips */ .actions i::after { content: attr(title); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: #e5e5e5; /* Warna latar belakang tooltips */ color: #2f3e46; /* Warna teks tooltips */ font-family: 'Poppins', sans-serif; /* Font Poppins untuk tooltips */ font-size: 10px; /* Ukuran font tooltips 10px */ padding: 5px; border-radius: 3px; opacity: 0; visibility: hidden; white-space: nowrap; transition: opacity 0.3s, visibility 0.3s; } .actions i:hover::after { opacity: 1; visibility: visible; } /* Responsivitas untuk Mobile: Kolom Nama 55%, Kolom Aksi 45% */ @media (max-width: 768px) { #daftarNamaContainer th:nth-child(1), #daftarNamaContainer td:nth-child(1) { width: 55%; /* Kolom Nama (55%) */ } #daftarNamaContainer th:nth-child(2), #daftarNamaContainer td:nth-child(2) { width: 45%; /* Kolom Aksi (45%) */ } /* Ukuran font dan padding ikon lebih kecil di layar mobile */ .actions { gap: 8px; /* Jarak antar ikon dikurangi pada layar kecil */ } .actions i { padding: 0.5em; /* Kurangi padding pada layar kecil */ font-size: 10px; /* Kurangi ukuran font ikon pada layar kecil */ } }

Kirim Undangan Untuk Para Tamu

Kirim Undangan Untuk Para Tamu Spesial.

  • Masukkan nama tamu undangan kamu pada kolom nama tamu.
  • Pisahkan dengan baris baru (enter) untuk memisahkan nama yang akan di undang.
  • Masukkan nama tamu, nama tamu support simbol (&) koma(,) titik(.) contohnya : Andy & Zhea
  • Masukkan teks pengantar sesuai dengan kebutuhan, anda pun bisa menyisipkan link undangan dan custom nama tamu pada bagian teks pengantar yang akan dikirimkan.
  • Pada saat pengiriman  ada tambahan shortcode [link-undangan] untuk menyisipkan link undangan kedalam teks pengantar.
  • Saat pengiriman dengan teks pengantar, tambahan shortcode [nama] untuk menyisipkan nama tamu yang akan di undang kedalam teks pengantar.
  • Klik Buat Daftar Nama Tamu jika sudah melakukan pengisian untuk mendapatkan link undangan yang akan dikirimkan.
  • Klik tombol Share to Whatsapp untuk mengirimkan undangan ke kontak whatsapp tamu yang akan diundang.
  • Klik tombol Copy Link, dan paste-kan di WA / Socmed ketika kamu ingin menyebarkan undangannya
  • Klik tombol Copy Kata Pengantar untuk menyimpan hasil generate undangan.
  • Anda bisa menghapus kolom yang di generate dengan menekan tombol hapus.
  • Sebaiknya test dulu kirim ke pasangan jika baru pertama kali menggunakan fitur ini.
  • Disarankan menggunakan smartphone/ HP dan pakai BROWSER CHROME untuk menggunakan generator tamu undangan ini.
  • Penggunaan generator melalui PC/ Laptop terkadang tidak bisa menampilkan gambar saat sebar undangan.
  • Anda bisa menampilkan gambar (thumbnail) saat sebar undangan dengan cara setelah klik tautan kirim whatsapp, tunggu beberapa detik supaya WA load gambarnya. JADI TIDAK LANGSUNG DIKIRIM sebelum gambar muncul.
  • Tidak direkomendasikan berbagi link melalui DM Instagram, karena IG bukanlah tempat berbagi link. Silahkan bagikan undangan anda secara personal melalui pesan di No. Whatsapp para tamu undangan anda.

Buat undangan jadi lebih ekslusif dan personal di setiap undangan yang akan dikirimkan.
Silahkan Generate Link nya di bawah ini:

Text berhasil di copy, silahkan pastekan di kolom chat

* Gunakan baris baru () untuk memisahkan nama yang akan Anda undang.

* Isikan text ini [link-undangan] pada text pengantar agar otomatis tercantumkan link kehalaman undangan.

* Anda juga bisa menggunakan [nama] untuk menyertakan nama yang Anda undang.

Daftar Nama Tamu

No Tamu Opsi

Terima kasih telah memilih produk kami.

Semoga pernikahan Anda Barakah dan menjadi
keluarga yang Sakinah, Mawaddah, Warahmah. Aamiin

Kirim Undangan Untuk Para Tamu

Buat undangan jadi lebih ekslusif dan personal di setiap undangan yang akan dikirimkan. Silahkan Generate Link nya di bawah ini:

Petunjuk:

Ika dan Imam

Ika dan Imam

Your Are Invited!

Dear :

Tamu Undangan

Please be a part of our happiest moment

The Wedding Of

Ika & Imam

17.06.2025

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 Bride

Ika

Mar'atus Sholihah S.I.Kom

Putri dari Keluarga
Bapak M. Toha, Ibu. Siti Nuryatun

The Groom

Imam

Imam Amirudin S.H.

Putra dari Keluarga
Bapak. Suryadi Ibu. Mifaturosidah

Wedding Event

Akad Nikah

Juni

Selasa

0

2025

Pukul 08.00 WIB

Kediaman Mempelai Wanita:
Dsn Pengok RT. 003/RW. 001, Ds. Banyubang, Kec.Grabagan, Kab.Tuban

Acara Resepsi

Juni

Selasa

0

2025

Pukul 11.00 WIB s.d 14.00 WIB

Kediaman Mempelai Wanita:
Dsn Pengok RT. 003/RW. 001, Ds. Banyubang, Kec.Grabagan, Kab.Tuban

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.

BRI

No. Rekening

010901090167503

a.n MAR ATUS SHOLIHAH

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,

Ika & Imam

Keluarga Besar

Mempelai Wanita

Bapak M. Toha, Ibu. Siti Nuryatun

Keluarga Besar

Mempelai Pria

Bapak. Suryadi Ibu. Mifaturosidah

Ig : fjdesign.Id | fj.undangan
IMG_4694
The Wedding Of
Ika & Imam
Selasa, 17 Juni 2025
Dear Mr./ Mrs./ Ms.
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; }
//* 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"; }; });
Catalog Undweb Gabee

Catalog Undweb Gabee

PILIH DESAIN UNDANGANMU

Kami tidak memberikan izin kepada siapapun untuk menjual ulang produk Weddingpress dalam bentuk apapun. Semua pembelian resmi harus melalui Website WEDDINGPRESS & MEMBERSHIPDIGITAL, selaku vendor dan creator.

Terkecuali jika mendapati pembelian melalui link affiliasi dari para member yang mengarah langsung ke link pembelian di website membershipdigital, bisa dipastikan itu adalah proses jual beli yang resmi.

Konsekuensi pembelian produk bajakan : Anda tidak mendapatkan support dan update resmi kami. Serta tanyakan kepada diri anda mengenai keberkahan dari kebermanfaatan produk ini jika anda mendapatkannya melalui jalur ilegal

Rp. 99.000

Agung dan Dina

Agung dan Dina

Ngunduh Mantu

Agung & Dina

Nasir Bin Asan dan Tri Wurjanti

Sabtu, 26 April 2025

Kepada yth: Bpk/Ibu/Saudara/i

*) Mohon maaf apabila ada kesalahan penulisan nama/gelar

Assalamu'alaikum Warahmatullahi Wabarakatuh

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

Agung Setiawan

Putra Kedua dari Keluarga
Bapak Nasir bin asan & IbuTri Wurjanti

Faradina Febrianti

Putri Pertama dari Keluarga
BapakTheodorus (Alm) & Ibu Ismiati

Momen

Gallery Foto

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

Special

Acara

Sabtu, 26 April 2025

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

Akad Nikah

Minggu,
15 Desember 2024

09.00 WIB
Until End

Tempat:
Kediaman mempelai wanita

Acara Resepsi

Sabtu,
26 April 2025

09.30 WIB
Until End

Tempat:
Kediaman mempelai pria

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!

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.

Kirim Kado: [Agung dan Dina]

bca-3.png
a.n Nasir Bin Asan
2060032745
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,

Agung & Dina

Wassalamu'alaikum Warahmatullahi Wabarakatuh

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(".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; }
//* 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 © 2025 Undangan Digital RESEPSI