THE WEDDING OF
Ilham & Risma
WE INVITE YOU TO CELEBRATE OUR WEDDING
The Wedding Of
Messa & Asep
Kepada Yth.
Tamu Undangan
Di Tempat
Kepada Yth: Bpk/Ibu/Saudara/I
Tamu Undangan
Kami Akan Menikah, Dan Kami Ingin Anda
Menjadi Bagian Dari Hari Istimewa Kami!
- 00Hari
- 00Jam
- 00Menit
- 00Detik
Minggu, 15 September 2024
"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
THE WEDDING
Events
AKAD NIKAH
ACARA RESEPSI
lOVE STORY
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.
Terima Kasih
Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.
Kami Yang Berbahagia,
Keluarga Besar Kedua Mempelai
Ilham & Risma
- Demo #59 -
Undangan Pernikahan Digital Created By ANUGERAH DESIGN X ABDI WEDDING PLANNER
ANDY
THE WEDDING OF
ZHEA
Kepada Yth: Bpk/Ibu/Saudara/I
Tamu Undangan
*) Mohon maaf apabila ada kesalahan penulisan nama/gelar
“Maha Suci Allah yang telah menciptakan manusia dengan berpasang-pasangan. Dengan memohon Rahmat dan Ridho Allah SWT, kami bermaksud mengundang Saudara/i dalam acara resepsi pernikahan kami.”
Wedding Couple
Assalamu’alaikum warahmatullahi wabarakatuh
Dengan memohon rahmat dan ridho Allah Subhanahu Wa Ta’ala,
insyaaAllah kami akan menyelenggarakan acara pernikahan :
Akad Nikah
Friday, 05 Desember 201x
08.00 - 09.00 WIB
Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit
Acara Resepsi
Sunday, 12 Desember 201x
08.30 s.d Selesai
Gedung Aula:
lorem ipsum dolor sit amet, consectetur adipiscing elit
Live Streaming
Kami juga berencana untuk mempublikasian pernikahan kami secara virtual melalui Zoom dan Live Instagram yang bisa anda ikuti melalui link berikut :
Wedding Gift
Tanpa mengurangi rasa hormat, bagi anda yang ingin memberikan tanda kasih untuk mempelai,
dapat melalui virtual account atau E-wallet
Penerima Kado: WeddingPress
Jl. Lorem ipsum dolor sit amet,
No.21 consectetur adipiscing elit.
//* script show-hide by andy dari weddingpress *//
document.addEventListener("DOMContentLoaded", function () {
var btnAmplop = document.getElementById("btnAmplop");
var btnHide = document.getElementById("btn-hide");
var amplop = document.getElementById("amplop");
// Sembunyikan btn-hide dan amplop saat halaman dimuat
btnHide.style.display = "none";
amplop.style.display = "none";
// Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik
btnAmplop.onclick = function () {
// Menampilkan btn-hide
btnHide.style.display = "block";
// Menyembunyikan btnAmplop
btnAmplop.style.display = "none";
// Menampilkan section amplop
amplop.style.display = "block";
};
// Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik
btnHide.onclick = function () {
// Menyembunyikan btn-hide
btnHide.style.display = "none";
// Menampilkan btnAmplop kembali
btnAmplop.style.display = "block";
// Menyembunyikan section amplop
amplop.style.display = "none";
};
});
Wedding Wish
Berikan Doa / Ucapan Terbaik Anda Kepada Kedua Mempelai
Tinggalkan kami doa terbaik anda untuk momen bahagia kami
Hope to see you soon, Stay safe and healthy!
ADAB MENGHADIRI WALIMAH
Memberikan do'a restu terbaik kepada kedua mempelai.
(HR. Tirmidzi No. 1091)
Menggunakan pakaian yang sopan dan menutup aurat.
(QS. Al-Ahzab:59)
Memperhatikan waktu shalat dan tidak meninggalkan waktu shalat wajib.
(HR. Muslim No. 82)
Memperhatikan adab makan-minum. (Duduk, dengan tangan kanan, baca bismillah dan tidak mencela makanan)
(HR. Bukhari No. 3563)
Menghadiri undangan dengan niat untuk mengamalkan sunnah dan memuliakan saudara sesama mukmin.
(HR. Bukhari No. 5173)
Tidak berlebihan dalam makan dan minum, mengambil sesuai kebutuhan dan menghindari kemubadziran
(QS. Al-Isra: 26-27)
بَارَكَ اللهُ لَكَ وَبَارَكَ عَلَيْكَ وَجَمَعَ بَيْنَكُمَا فِى خَيْرٍ
Barakallahu laka wa baraka ‘alaika wa jama’a bainakuma fii Khoir
“Mudah-mudahan Allah memberkahi engkau dalam segala hal (yang baik) dan mempersatukan kamu berdua dalam kebaikan”
Terima Kasih
Atas Kehadiran & Doa Restunya
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
Sampai Jumpa di Hari Bahagia Kami,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum & Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum & Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
//*code script horizontalnavmeny by WeddingPress, Dilarang diperjual belikan ataupun dibagikan ulang tanpa seijin WeddingPress *//
document.addEventListener('DOMContentLoaded', function () {
let scrollableNavigations = document.querySelectorAll('.horizontalNav .elementor-nav-menu, .horizontalNewNav > div > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading, .horizontalTaxonomy .e-filter, .horizontalTabs > div > .e-n-tabs > .e-n-tabs-heading');
scrollableNavigations.forEach((scrollableNavigation) => {
let navigationItems = Array.from(scrollableNavigation.querySelectorAll('.menu-item, .e-n-menu-title, .e-filter-item, .e-n-tab-title')).filter(e => e.parentElement.closest('.menu-item') == null);
let activeNavigationItemIndex = navigationItems.findIndex((navigationItem) => navigationItem.classList.contains('current-menu-item') || navigationItem.getAttribute('aria-pressed') === 'true' || window.location.href.indexOf('#' + navigationItem.id) > -1);
scrollableNavigation.style.scrollBehavior = "smooth";
navigationItems.forEach((navigationItem, i) => {
let scrollToPosition = (navigationItem.getBoundingClientRect().left + navigationItem.offsetWidth / 2) - (window.innerWidth / 2);
navigationItem.addEventListener('click', function () {
scrollableNavigation.scrollTo({
left: scrollToPosition,
behavior: 'smooth'
});
});
if (i === activeNavigationItemIndex) {
scrollableNavigation.scrollTo({
left: scrollToPosition,
behavior: 'smooth'
});
if (navigationItem.classList.contains('e-n-tab-title')) {
setTimeout(() => {
navigationItem.click();
}, 900);
}
}
if (navigationItem.classList.contains('menu-item') || navigationItem.classList.contains('e-n-menu-title')) {
let anchorElement = navigationItem.querySelector('a');
let observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
if (mutation.attributeName === 'aria-current' && mutation.target.getAttribute('aria-current') === 'location') {
scrollableNavigation.scrollTo({
left: scrollToPosition,
behavior: 'smooth'
});
}
});
});
observer.observe(anchorElement, {
attributes: true
});
}
});
updateMask(scrollableNavigation);
scrollableNavigation.addEventListener('scroll', function () {
updateMask(scrollableNavigation);
});
let navContainer = scrollableNavigation.parentElement;
let navWidth = navContainer.offsetWidth;
if (scrollableNavigation.classList.contains('e-n-tabs-heading')) {
let tabHeadingHeight = scrollableNavigation.offsetHeight;
navContainer.style.setProperty('--tab-heading-height', tabHeadingHeight + 'px');
}
function noScrollClassManager() {
navWidth = navContainer.offsetWidth;
if (scrollableNavigation.scrollWidth <= scrollableNavigation.offsetWidth) {
navContainer.classList.add('no-scroll');
} else {
navContainer.classList.remove('no-scroll');
}
}
noScrollClassManager();
let windowWidth = window.innerWidth;
window.addEventListener('resize', function () {
if (windowWidth === window.innerWidth) return;
windowWidth = window.innerWidth;
noScrollClassManager();
});
});
});
window.onbeforeunload = function() {
window.scrollTo(0, 0);
};
var isSectionLocked = true; // Menyimpan status kunci tampilan section
// Mengunci tampilan section pertama saat halaman dimuat
window.addEventListener('DOMContentLoaded', function() {
lockSection();
});
// Fungsi untuk mengunci tampilan section
function lockSection() {
if (isSectionLocked) {
disableScrolling();
document.body.style.position = "fixed";
document.body.style.overflowY = "scroll";
document.body.style.height = "100vh";
document.getElementById("section-cover").style.width = "100vw"; // Menambahkan gaya untuk membuat cover full width
}
}
// Fungsi untuk membuka tampilan section
function unlockSection() {
enableScrolling();
document.body.style.position = "";
document.body.style.overflowY = "";
document.getElementById("section-cover").style.width = ""; // Menghapus gaya untuk mengembalikan lebar cover ke nilai aslinya
document.getElementById("tombol-buka").style.display = "none"; // Menyembunyikan tombol "tombol-buka"
}
document.getElementById("tombol-buka").onclick = function() {
unlockSection();
playAudio();
};
function disableScrolling() {
var x = window.scrollX;
var y = window.scrollY;
window.onscroll = function() {
window.scrollTo(x, y);
};
}
function enableScrolling() {
window.onscroll = null;
}
function playAudio(){
var isYT = false;
if(document.body.contains(document.getElementById("song"))) {
document.getElementById("song").play();
isYT = false;
} else {
isYT = true;
player.playVideo();
}
}
//Script Custom Nama Tamu by Andy dari WeddingPress
var urlParams = new URLSearchParams(window.location.search);
if (urlParams) {
var textElement = document.getElementById('namatamu');
var defaultText = textElement.innerHTML;
var newText = defaultText;
if (urlParams.has('to')) {
var toValue = urlParams.get('to');
newText = newText.replace(/Tamu Undangan/g, toValue);
}
if (urlParams.has('dear')) {
var dearValue = urlParams.get('dear');
newText = newText.replace(/Tamu Undangan/g, dearValue);
}
if (urlParams.has('kepada')) {
var kepadaValue = urlParams.get('kepada');
newText = newText.replace(/Tamu Undangan/g, kepadaValue);
}
textElement.innerHTML = newText;
}
function revealElements(selector) {
var elements = document.querySelectorAll(selector);
var windowHeight = window.innerHeight;
var elementVisible = 150;
elements.forEach(function(element) {
var elementTop = element.getBoundingClientRect().top;
if (elementTop < windowHeight - elementVisible) {
element.classList.add("active");
} else {
element.classList.remove("active");
}
});
}
window.addEventListener("scroll", function() {
revealElements(".muncul, .muncul-kiri, .muncul-kanan, .zoom");
});
.muncul {
position: relative;
transform: translateY(6rem) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul.active {
transform: translateY(0);
opacity: 1;
}
.muncul-kiri {
position: relative;
transform: translateX(-100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
.muncul-kanan {
position: relative;
transform: translateX(100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
.zoom {
position: relative;
transform: scale(0.5);
opacity: 0;
transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */
}
.zoom.active {
transform: scale(1);
opacity: 1;
}
ANDY
THE WEDDING OF
ZHEA
Kepada Yth: Bpk/Ibu/Saudara/I
Tamu Undangan
*) Mohon maaf apabila ada kesalahan penulisan nama/gelar
“Maha Suci Allah yang telah menciptakan manusia dengan berpasang-pasangan. Dengan memohon Rahmat dan Ridho Allah SWT, kami bermaksud mengundang Saudara/i dalam acara resepsi pernikahan kami.”
Wedding Couple
Assalamu’alaikum warahmatullahi wabarakatuh
Dengan memohon rahmat dan ridho Allah Subhanahu Wa Ta’ala,
insyaaAllah kami akan menyelenggarakan acara pernikahan :
Akad Nikah
Friday, 05 Desember 201x
08.00 - 09.00 WIB
Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit
Acara Resepsi
Sunday, 12 Desember 201x
08.30 s.d Selesai
Gedung Aula:
lorem ipsum dolor sit amet, consectetur adipiscing elit
Live Streaming
Kami juga berencana untuk mempublikasian pernikahan kami secara virtual melalui Zoom dan Live Instagram yang bisa anda ikuti melalui link berikut :
Wedding Gift
Tanpa mengurangi rasa hormat, bagi anda yang ingin memberikan tanda kasih untuk mempelai,
dapat melalui virtual account atau E-wallet
Penerima Kado: WeddingPress
Jl. Lorem ipsum dolor sit amet,
No.21 consectetur adipiscing elit.
//* script show-hide by andy dari weddingpress *//
document.addEventListener("DOMContentLoaded", function () {
var btnAmplop = document.getElementById("btnAmplop");
var btnHide = document.getElementById("btn-hide");
var amplop = document.getElementById("amplop");
// Sembunyikan btn-hide dan amplop saat halaman dimuat
btnHide.style.display = "none";
amplop.style.display = "none";
// Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik
btnAmplop.onclick = function () {
// Menampilkan btn-hide
btnHide.style.display = "block";
// Menyembunyikan btnAmplop
btnAmplop.style.display = "none";
// Menampilkan section amplop
amplop.style.display = "block";
};
// Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik
btnHide.onclick = function () {
// Menyembunyikan btn-hide
btnHide.style.display = "none";
// Menampilkan btnAmplop kembali
btnAmplop.style.display = "block";
// Menyembunyikan section amplop
amplop.style.display = "none";
};
});
Wedding Wish
Berikan Doa / Ucapan Terbaik Anda Kepada Kedua Mempelai
Tinggalkan kami doa terbaik anda untuk momen bahagia kami
Hope to see you soon, Stay safe and healthy!
ADAB MENGHADIRI WALIMAH
Memberikan do'a restu terbaik kepada kedua mempelai.
(HR. Tirmidzi No. 1091)
Menggunakan pakaian yang sopan dan menutup aurat.
(QS. Al-Ahzab:59)
Memperhatikan waktu shalat dan tidak meninggalkan waktu shalat wajib.
(HR. Muslim No. 82)
Memperhatikan adab makan-minum. (Duduk, dengan tangan kanan, baca bismillah dan tidak mencela makanan)
(HR. Bukhari No. 3563)
Menghadiri undangan dengan niat untuk mengamalkan sunnah dan memuliakan saudara sesama mukmin.
(HR. Bukhari No. 5173)
Tidak berlebihan dalam makan dan minum, mengambil sesuai kebutuhan dan menghindari kemubadziran
(QS. Al-Isra: 26-27)
بَارَكَ اللهُ لَكَ وَبَارَكَ عَلَيْكَ وَجَمَعَ بَيْنَكُمَا فِى خَيْرٍ
Barakallahu laka wa baraka ‘alaika wa jama’a bainakuma fii Khoir
“Mudah-mudahan Allah memberkahi engkau dalam segala hal (yang baik) dan mempersatukan kamu berdua dalam kebaikan”
Terima Kasih
Atas Kehadiran & Doa Restunya
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
Sampai Jumpa di Hari Bahagia Kami,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum & Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum & Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
//*code script horizontalnavmeny by WeddingPress, Dilarang diperjual belikan ataupun dibagikan ulang tanpa seijin WeddingPress *//
document.addEventListener('DOMContentLoaded', function () {
let scrollableNavigations = document.querySelectorAll('.horizontalNav .elementor-nav-menu, .horizontalNewNav > div > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading, .horizontalTaxonomy .e-filter, .horizontalTabs > div > .e-n-tabs > .e-n-tabs-heading');
scrollableNavigations.forEach((scrollableNavigation) => {
let navigationItems = Array.from(scrollableNavigation.querySelectorAll('.menu-item, .e-n-menu-title, .e-filter-item, .e-n-tab-title')).filter(e => e.parentElement.closest('.menu-item') == null);
let activeNavigationItemIndex = navigationItems.findIndex((navigationItem) => navigationItem.classList.contains('current-menu-item') || navigationItem.getAttribute('aria-pressed') === 'true' || window.location.href.indexOf('#' + navigationItem.id) > -1);
scrollableNavigation.style.scrollBehavior = "smooth";
navigationItems.forEach((navigationItem, i) => {
let scrollToPosition = (navigationItem.getBoundingClientRect().left + navigationItem.offsetWidth / 2) - (window.innerWidth / 2);
navigationItem.addEventListener('click', function () {
scrollableNavigation.scrollTo({
left: scrollToPosition,
behavior: 'smooth'
});
});
if (i === activeNavigationItemIndex) {
scrollableNavigation.scrollTo({
left: scrollToPosition,
behavior: 'smooth'
});
if (navigationItem.classList.contains('e-n-tab-title')) {
setTimeout(() => {
navigationItem.click();
}, 900);
}
}
if (navigationItem.classList.contains('menu-item') || navigationItem.classList.contains('e-n-menu-title')) {
let anchorElement = navigationItem.querySelector('a');
let observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
if (mutation.attributeName === 'aria-current' && mutation.target.getAttribute('aria-current') === 'location') {
scrollableNavigation.scrollTo({
left: scrollToPosition,
behavior: 'smooth'
});
}
});
});
observer.observe(anchorElement, {
attributes: true
});
}
});
updateMask(scrollableNavigation);
scrollableNavigation.addEventListener('scroll', function () {
updateMask(scrollableNavigation);
});
let navContainer = scrollableNavigation.parentElement;
let navWidth = navContainer.offsetWidth;
if (scrollableNavigation.classList.contains('e-n-tabs-heading')) {
let tabHeadingHeight = scrollableNavigation.offsetHeight;
navContainer.style.setProperty('--tab-heading-height', tabHeadingHeight + 'px');
}
function noScrollClassManager() {
navWidth = navContainer.offsetWidth;
if (scrollableNavigation.scrollWidth <= scrollableNavigation.offsetWidth) {
navContainer.classList.add('no-scroll');
} else {
navContainer.classList.remove('no-scroll');
}
}
noScrollClassManager();
let windowWidth = window.innerWidth;
window.addEventListener('resize', function () {
if (windowWidth === window.innerWidth) return;
windowWidth = window.innerWidth;
noScrollClassManager();
});
});
});
window.onbeforeunload = function() {
window.scrollTo(0, 0);
};
var isSectionLocked = true; // Menyimpan status kunci tampilan section
// Mengunci tampilan section pertama saat halaman dimuat
window.addEventListener('DOMContentLoaded', function() {
lockSection();
});
// Fungsi untuk mengunci tampilan section
function lockSection() {
if (isSectionLocked) {
disableScrolling();
document.body.style.position = "fixed";
document.body.style.overflowY = "scroll";
document.body.style.height = "100vh";
document.getElementById("section-cover").style.width = "100vw"; // Menambahkan gaya untuk membuat cover full width
}
}
// Fungsi untuk membuka tampilan section
function unlockSection() {
enableScrolling();
document.body.style.position = "";
document.body.style.overflowY = "";
document.getElementById("section-cover").style.width = ""; // Menghapus gaya untuk mengembalikan lebar cover ke nilai aslinya
document.getElementById("tombol-buka").style.display = "none"; // Menyembunyikan tombol "tombol-buka"
}
document.getElementById("tombol-buka").onclick = function() {
unlockSection();
playAudio();
};
function disableScrolling() {
var x = window.scrollX;
var y = window.scrollY;
window.onscroll = function() {
window.scrollTo(x, y);
};
}
function enableScrolling() {
window.onscroll = null;
}
function playAudio(){
var isYT = false;
if(document.body.contains(document.getElementById("song"))) {
document.getElementById("song").play();
isYT = false;
} else {
isYT = true;
player.playVideo();
}
}
//Script Custom Nama Tamu by Andy dari WeddingPress
var urlParams = new URLSearchParams(window.location.search);
if (urlParams) {
var textElement = document.getElementById('namatamu');
var defaultText = textElement.innerHTML;
var newText = defaultText;
if (urlParams.has('to')) {
var toValue = urlParams.get('to');
newText = newText.replace(/Tamu Undangan/g, toValue);
}
if (urlParams.has('dear')) {
var dearValue = urlParams.get('dear');
newText = newText.replace(/Tamu Undangan/g, dearValue);
}
if (urlParams.has('kepada')) {
var kepadaValue = urlParams.get('kepada');
newText = newText.replace(/Tamu Undangan/g, kepadaValue);
}
textElement.innerHTML = newText;
}
function revealElements(selector) {
var elements = document.querySelectorAll(selector);
var windowHeight = window.innerHeight;
var elementVisible = 150;
elements.forEach(function(element) {
var elementTop = element.getBoundingClientRect().top;
if (elementTop < windowHeight - elementVisible) {
element.classList.add("active");
} else {
element.classList.remove("active");
}
});
}
window.addEventListener("scroll", function() {
revealElements(".muncul, .muncul-kiri, .muncul-kanan, .zoom");
});
.muncul {
position: relative;
transform: translateY(6rem) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul.active {
transform: translateY(0);
opacity: 1;
}
.muncul-kiri {
position: relative;
transform: translateX(-100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
.muncul-kanan {
position: relative;
transform: translateX(100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
.zoom {
position: relative;
transform: scale(0.5);
opacity: 0;
transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */
}
.zoom.active {
transform: scale(1);
opacity: 1;
}
Bride & Groom
Assalamu'alaikum Wr. Wb.
Maha Suci Allah Subhanahu wa Ta'ala yang telah menciptakan makhluk-Nya berpasang-pasangan.
Ya Allah, perkenankanlah dan Ridhoilah Pernikahan Kami.
Our Love Story
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?
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
We are going to
Celebrate Our Love
Akad Nikah
- Friday, 01 Desember 202x
- 08.00 - 10.30 WIB
- Mosque Lorem Ipsum
lorem ipsum dolor sit amet, consectetur adipiscing elit
- Minggu, 12 Desember 202x
- 08.00 WIB s.d Selesai
- Rumah Mempelai Wanita
lorem ipsum dolor sit amet, consectetur adipiscing elit
Acara Resepsi
Wedding Gift
Tanpa mengurangi rasa hormat, bagi anda yang ingin memberikan tanda kasih untuk mempelai, dapat melalui virtual account atau E-wallet
Rek. Bank Pria
Rek. Bank Wanita
Nomor Bank Virtual 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: #FF98B7;
color: #C9C5C0;
background-color: #0001;
}
select:focus {
outline: none;
border-color: #FF98B7;
}
#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: #FF98B7;
color: #9D7549;
width: 28%;
}
#copy-btn:hover {
border-radius: 0px;
font-family: 'roboto'
font-weight: bold;
font-size: 11px;
height: 40px;
border-color: #FF98B7;
color: #ffff;
background-color: #FF98B7;
}
#copy-btn:focus {
outline: none;
}
Berikan ucapan
Tuliskan harapan dan doa terbaik Anda untuk kedua mempelai melalui kolom berikut:
Hope to see you soon, Stay safe and healthy!
Terima Kasih
Atas Kehadiran & Doa Restunya
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
Sampai Jumpa di Hari Bahagia Kami,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum
& Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum
& Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
Photos By
//Script Custom Nama Tamu by Andy dari WeddingPress
var urlParams = new URLSearchParams(window.location.search);
if (urlParams) {
var textElement = document.getElementById('namatamu');
var defaultText = textElement.innerHTML;
var newText = defaultText;
if (urlParams.has('to')) {
var toValue = urlParams.get('to');
newText = newText.replace(/Tamu Undangan/g, toValue);
}
if (urlParams.has('dear')) {
var dearValue = urlParams.get('dear');
newText = newText.replace(/Tamu Undangan/g, dearValue);
}
if (urlParams.has('kepada')) {
var kepadaValue = urlParams.get('kepada');
newText = newText.replace(/Tamu Undangan/g, kepadaValue);
}
textElement.innerHTML = newText;
}
function revealElements(selector) {
var elements = document.querySelectorAll(selector);
var windowHeight = window.innerHeight;
var elementVisible = 150;
elements.forEach(function(element) {
var elementTop = element.getBoundingClientRect().top;
if (elementTop < windowHeight - elementVisible) {
element.classList.add("active");
} else {
element.classList.remove("active");
}
});
}
window.addEventListener("scroll", function() {
revealElements(".muncul, .muncul-kiri, .muncul-kanan, .zoom");
});
.muncul {
position: relative;
transform: translateY(6rem) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul.active {
transform: translateY(0);
opacity: 1;
}
.muncul-kiri {
position: relative;
transform: translateX(-100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
.muncul-kanan {
position: relative;
transform: translateX(100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
.zoom {
position: relative;
transform: scale(0.5);
opacity: 0;
transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */
}
.zoom.active {
transform: scale(1);
opacity: 1;
}
THE WEDDING OF
Andy & Zhea
Minggu, 12 Desember 202x