Undangan
Demo Undangan 11
WEDDING INVITATION
Andy & Zhea
Ahad, 12 Desember 202x
Tanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i, serta kerabat sekalian, untuk menghadiri acara pernikahan kami:
Tamu Undangan
*) Mohon maaf apabila ada kesalahan penulisan nama/gelar
Assalamualaikum Wr. Wb.
"Maka izinkanlah kami menikahkannya. Ya Allah, perkenankan kami merangkaikan kasih sayang yang Kau ciptakan di antara putra-putri kami."
Andy
& Zhea
Days
Hours
Minutes
Seconds
Ahad, 12 Desember 202x
Wedding Couple
&
Wedding Events
Akad Nikah
Sabtu,
202x
0
Desember
08.00 – 10.00 WITA
Rumah Mempelai Wanita Jl. Lorem Ipsum No. 21
Acara Resepsi
Ahad,
202x
0
Desember
10.00 s.d selesai
Ballroom Hotel Ipsum Jl. Dolor sit amet
Live Streaming
Kami juga akan mengadakan siaran langsung selama acara berlangsung di Instagram dan Facebook.
Silakan klik link di bawah untuk bergabung pada hari acara nanti:
" Dan di antara tanda-tanda kekuasaan-Nya diciptakan-Nya untukmu pasangan hidup dari jenismu sendiri supaya kamu dapat ketenangan hati dan dijadikannya kasih sayang di antara kamu. Sesungguhnya yang demikian menjadi tanda-tanda kebesaran-Nya bagi orang-orang yang berpikir. "
Q.S. Ar-Rum: 21 -
Wedding Gallery
Doa & Ucapan untuk
Pasangan Mempelai
Merupakan suatu kehormatan dan kebahagiaan bagi kami apabila Bapak/Ibu berkenan memberikan doa restu kepada kedua mempelai.
Hadiah Spesial
Kehadiran anda merupakan sebuah doa serta rasa syukur bagi kami, namun jika memberi adalah bentuk doa bagi anda, kami telah menyediakan pilihan penghantaran hadiah dalam pelbagai bentuk dan media di bawah.
Terima Kasih Atas kehadiran & do'a restunya.
Andy & Zhea
- Created By : Bani Ahmad Printing -
window.onbeforeunload = function() {
window.scrollTo(0, 0);
};
var isSectionLocked = true; // Menyimpan status kunci tampilan section
// Mengunci tampilan section pertama saat halaman dimuat
window.addEventListener('DOMContentLoaded', function() {
lockSection();
});
// Fungsi untuk mengunci tampilan section
function lockSection() {
if (isSectionLocked) {
disableScrolling();
document.body.style.position = "fixed";
document.body.style.overflowY = "scroll";
document.body.style.height = "100vh";
document.getElementById("section-cover").style.width = "100vw"; // Menambahkan gaya untuk membuat cover full width
}
}
// Fungsi untuk membuka tampilan section
function unlockSection() {
enableScrolling();
document.body.style.position = "";
document.body.style.overflowY = "";
document.getElementById("section-cover").style.width = ""; // Menghapus gaya untuk mengembalikan lebar cover ke nilai aslinya
document.getElementById("tombol-buka").style.display = "none"; // Menyembunyikan tombol "tombol-buka"
}
document.getElementById("tombol-buka").onclick = function() {
unlockSection();
playAudio();
};
function disableScrolling() {
var x = window.scrollX;
var y = window.scrollY;
window.onscroll = function() {
window.scrollTo(x, y);
};
}
function enableScrolling() {
window.onscroll = null;
}
function playAudio(){
var isYT = false;
if(document.body.contains(document.getElementById("song"))) {
document.getElementById("song").play();
isYT = false;
} else {
isYT = true;
player.playVideo();
}
}
//Script Custom Nama Tamu by Andy dari WeddingPress
var urlParams = new URLSearchParams(window.location.search);
if (urlParams) {
var textElement = document.getElementById('namatamu');
var defaultText = textElement.innerHTML;
var newText = defaultText;
if (urlParams.has('to')) {
var toValue = urlParams.get('to');
newText = newText.replace(/Tamu Undangan/g, toValue);
}
if (urlParams.has('dear')) {
var dearValue = urlParams.get('dear');
newText = newText.replace(/Tamu Undangan/g, dearValue);
}
if (urlParams.has('kepada')) {
var kepadaValue = urlParams.get('kepada');
newText = newText.replace(/Tamu Undangan/g, kepadaValue);
}
textElement.innerHTML = newText;
}
function revealElements(selector) {
var elements = document.querySelectorAll(selector);
var windowHeight = window.innerHeight;
var elementVisible = 150;
elements.forEach(function(element) {
var elementTop = element.getBoundingClientRect().top;
if (elementTop < windowHeight - elementVisible) {
element.classList.add("active");
} else {
element.classList.remove("active");
}
});
}
window.addEventListener("scroll", function() {
revealElements(".muncul, .muncul-kiri, .muncul-kanan, .zoom");
});
.muncul {
position: relative;
transform: translateY(6rem) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul.active {
transform: translateY(0);
opacity: 1;
}
.muncul-kiri {
position: relative;
transform: translateX(-100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
.muncul-kanan {
position: relative;
transform: translateX(100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
.zoom {
position: relative;
transform: scale(0.5);
opacity: 0;
transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */
}
.zoom.active {
transform: scale(1);
opacity: 1;
}
//* script show-hide by andy dari weddingpress *//
document.addEventListener("DOMContentLoaded", function () {
var btnAmplop = document.getElementById("btnAmplop");
var btnHide = document.getElementById("btn-hide");
var amplop = document.getElementById("amplop");
// Sembunyikan btn-hide dan amplop saat halaman dimuat
btnHide.style.display = "none";
amplop.style.display = "none";
// Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik
btnAmplop.onclick = function () {
// Menampilkan btn-hide
btnHide.style.display = "block";
// Menyembunyikan btnAmplop
btnAmplop.style.display = "none";
// Menampilkan section amplop
amplop.style.display = "block";
};
// Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik
btnHide.onclick = function () {
// Menyembunyikan btn-hide
btnHide.style.display = "none";
// Menampilkan btnAmplop kembali
btnAmplop.style.display = "block";
// Menyembunyikan section amplop
amplop.style.display = "none";
};
});
Demo Undangan 10
Wedding Invitation
Andy & Zhea
Minggu, 12 Desember 202x
Kepada yth: Bpk/Ibu/Saudara/i
Tamu Undangan
*) Mohon maaf apabila ada kesalahan penulisan nama/gelar
The Wedding Of
Andy & Zhea
DATE:
12 December 202x
Days
Hours
Minutes
Seconds
Maha Suci Allah yang telah menciptakan manusia dengan berpasang-pasangan. Dengan memohon Rahmat dan Ridho Allah SWT, kami bermaksud mengundang Saudara/i dalam acara pernikahan kami.
Wedding Event
Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit
Friday,
01 Desember 201x
08.00 WITA
Until End
Rumah Kediaman:
lorem ipsum dolor sit amet, consectetur adipiscing elit
Sunday,
12 Desember 201x
08.00 WITA
Until End
Beri Doa & Ucapan Terbaikmu
Tuliskan harapan dan doa terbaik Anda
untuk kedua mempelai melalui kolom berikut:
Hope to see you soon, Stay safe and healthy!
Hadiah Spesial
Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.
Terima Kasih
Atas Kehadiran & Doa Restunya
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
Sampai Jumpa di Hari Bahagia Kami,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum & Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum & Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
- Created By : Bani Ahmad Printing -
window.onbeforeunload = function() {
window.scrollTo(0, 0);
};
var isSectionLocked = true; // Menyimpan status kunci tampilan section
// Mengunci tampilan section pertama saat halaman dimuat
window.addEventListener('DOMContentLoaded', function() {
lockSection();
});
// Fungsi untuk mengunci tampilan section
function lockSection() {
if (isSectionLocked) {
disableScrolling();
document.body.style.position = "fixed";
document.body.style.overflowY = "scroll";
document.body.style.height = "100vh";
document.getElementById("section-cover").style.width = "100vw"; // Menambahkan gaya untuk membuat cover full width
}
}
// Fungsi untuk membuka tampilan section
function unlockSection() {
enableScrolling();
document.body.style.position = "";
document.body.style.overflowY = "";
document.getElementById("section-cover").style.width = ""; // Menghapus gaya untuk mengembalikan lebar cover ke nilai aslinya
document.getElementById("tombol-buka").style.display = "none"; // Menyembunyikan tombol "tombol-buka"
}
document.getElementById("tombol-buka").onclick = function() {
unlockSection();
playAudio();
};
function disableScrolling() {
var x = window.scrollX;
var y = window.scrollY;
window.onscroll = function() {
window.scrollTo(x, y);
};
}
function enableScrolling() {
window.onscroll = null;
}
function playAudio(){
var isYT = false;
if(document.body.contains(document.getElementById("song"))) {
document.getElementById("song").play();
isYT = false;
} else {
isYT = true;
player.playVideo();
}
}
//Script Custom Nama Tamu by Andy dari WeddingPress
var urlParams = new URLSearchParams(window.location.search);
if (urlParams) {
var textElement = document.getElementById('namatamu');
var defaultText = textElement.innerHTML;
var newText = defaultText;
if (urlParams.has('to')) {
var toValue = urlParams.get('to');
newText = newText.replace(/Tamu Undangan/g, toValue);
}
if (urlParams.has('dear')) {
var dearValue = urlParams.get('dear');
newText = newText.replace(/Tamu Undangan/g, dearValue);
}
if (urlParams.has('kepada')) {
var kepadaValue = urlParams.get('kepada');
newText = newText.replace(/Tamu Undangan/g, kepadaValue);
}
textElement.innerHTML = newText;
}
function revealElements(selector) {
var elements = document.querySelectorAll(selector);
var windowHeight = window.innerHeight;
var elementVisible = 150;
elements.forEach(function(element) {
var elementTop = element.getBoundingClientRect().top;
if (elementTop < windowHeight - elementVisible) {
element.classList.add("active");
} else {
element.classList.remove("active");
}
});
}
window.addEventListener("scroll", function() {
revealElements(".muncul, .muncul-kiri, .muncul-kanan, .zoom");
});
.muncul {
position: relative;
transform: translateY(6rem) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul.active {
transform: translateY(0);
opacity: 1;
}
.muncul-kiri {
position: relative;
transform: translateX(-100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
.muncul-kanan {
position: relative;
transform: translateX(100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
.zoom {
position: relative;
transform: scale(0.5);
opacity: 0;
transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */
}
.zoom.active {
transform: scale(1);
opacity: 1;
}
//* script show-hide by andy dari weddingpress *//
document.addEventListener("DOMContentLoaded", function () {
var btnAmplop = document.getElementById("btnAmplop");
var btnHide = document.getElementById("btn-hide");
var amplop = document.getElementById("amplop");
// Sembunyikan btn-hide dan amplop saat halaman dimuat
btnHide.style.display = "none";
amplop.style.display = "none";
// Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik
btnAmplop.onclick = function () {
// Menampilkan btn-hide
btnHide.style.display = "block";
// Menyembunyikan btnAmplop
btnAmplop.style.display = "none";
// Menampilkan section amplop
amplop.style.display = "block";
};
// Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik
btnHide.onclick = function () {
// Menyembunyikan btn-hide
btnHide.style.display = "none";
// Menampilkan btnAmplop kembali
btnAmplop.style.display = "block";
// Menyembunyikan section amplop
amplop.style.display = "none";
};
});
Demo Undangan 9
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
[comment-kit style="golden"]
Hope to see you soon, Stay safe and healthy!
ADAB MENGHADIRI WALIMAH
Memberikan do'a restu terbaik kepada kedua mempelai.
(HR. Tirmidzi No. 1091)
Menggunakan pakaian yang sopan dan menutup aurat.
(QS. Al-Ahzab:59)
Memperhatikan waktu shalat dan tidak meninggalkan waktu shalat wajib.
(HR. Muslim No. 82)
Memperhatikan adab makan-minum. (Duduk, dengan tangan kanan, baca bismillah dan tidak mencela makanan)
(HR. Bukhari No. 3563)
Menghadiri undangan dengan niat untuk mengamalkan sunnah dan memuliakan saudara sesama mukmin.
(HR. Bukhari No. 5173)
Tidak berlebihan dalam makan dan minum, mengambil sesuai kebutuhan dan menghindari kemubadziran
(QS. Al-Isra: 26-27)
بَارَكَ اللهُ لَكَ وَبَارَكَ عَلَيْكَ وَجَمَعَ بَيْنَكُمَا فِى خَيْرٍ
Barakallahu laka wa baraka ‘alaika wa jama’a bainakuma fii Khoir
“Mudah-mudahan Allah memberkahi engkau dalam segala hal (yang baik) dan mempersatukan kamu berdua dalam kebaikan”
Terima Kasih
Atas Kehadiran & Doa Restunya
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
Sampai Jumpa di Hari Bahagia Kami,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum & Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum & Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
- Created By : Bani Ahmad Printing -
//*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;
}
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)
Terima kasih telah berhadir, Mohon doa restu untuk kedua mempelai.
Copyright Weddingpress.net © 2023 Aneka Template Undangan Digital - All Rights Reserved
Demo Undangan 8
Andy
- and -
Zhea
Kepada Yth: Bpk/Ibu/Saudara/I
Tamu Undangan
*) Mohon maaf apabila ada kesalahan penulisan nama/gelar
Assalamu’alaikum warahmatullahi wabarakatuh
Dengan memohon rahmat dan ridho Allah Subhanahu Wa Ta’ala,
insyaaAllah kami akan menyelenggarakan acara pernikahan :
" Dan di antara tanda-tanda kekuasaan-Nya diciptakan-Nya untukmu pasangan hidup dari jenismu sendiri supaya kamu dapat ketenangan hati dan dijadikannya kasih sayang di antara kamu. Sesungguhnya yang demikian menjadi tanda-tanda kebesaran-Nya bagi orang-orang yang berpikir. "
- Q.S. Ar-Rum: 21 -
Hitung Mundur Acara
- 00Hari
- 00Jam
- 00Menit
- 00Detik
Yang InsyaAllah akan diselenggarakan pada :
Akad Nikah
Friday, 05 Desember 201x
08.00 - 09.00 WIB
Mosque:
lorem ipsum dolor sit amet, consectetur adipiscing elit
Acara Resepsi
Sunday, 12 Desember 201x
08.30 s.d Selesai
Gedung Aula:
lorem ipsum dolor sit amet, consectetur adipiscing elit
Kirim Hadiah
Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami. Jazakumullahu khayran
Penerima Kado: Fauziah Ratnasari
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Beri Doa & Ucapan Terbaikmu
Untuk Kedua Mempelai
Tinggalkan kami doa terbaik anda untuk momen bahagia kami
Hope to see you soon, Stay safe and healthy!
Adab Untuk
Menghadiri Undangan
Infishol, Tamu Pria Dan Wanita Akan Dipisah
Mendoakan Keberkahan Untuk Pengantin & Keluarga
Tidak Berjabat Tangan Dengan Non-Mahrom
Berpakaian Dengan Rapih & Sopan
Memperhatikan Adab Makan & Minum
Tidak Foto/Video Pengantin Tanpa Izin
بَارَكَ اللهُ لَكَ وَبَارَكَ عَلَيْكَ وَجَمَعَ بَيْنَكُمَا فِى خَيْرٍ
Barakallahu laka wa baraka ‘alaika wa jama’a bainakuma fii Khoir
“Mudah-mudahan Allah memberkahi engkau dalam segala hal (yang baik) dan mempersatukan kamu berdua dalam kebaikan”
Terima Kasih
Atas Kehadiran & Doa Restunya
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
Sampai Jumpa di Hari Bahagia Kami,
Zhea & Andy
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum & Ibu Dolor Sit
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum & Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
- Created By : Bani Ahmad Printing -
//*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";
};
});
The Wedding Of Iky & Fira
"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 rasa kasih dan sayang. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda kebesaran-Nya bagi kaum yang berpikir"
- AR-RUM 21 -
- AR-RUM 21 -
The Wedding Of
Iky & Fira
Kepada Bapak/Ibu/Saudara/i
Tamu Undangan
Tanpa Mengurangi Rasa Hormat, Kami Mengundang Anda Untuk Hadir Di Acara Pernikahan Kami.
Mohon maaf apabila ada kesalahan penulisan nama/gelar
Assalamu'alaikum
Warahmatullahi Wabarakatuh
Maha suci Allah SWT yang telah menciptakan makhluk-NYA berpasang-pasangan. Ya Allah perkenankan kami merangkaikan kasih sayang yang kau ciptakan diantara putra-putri kami.
Warahmatullahi Wabarakatuh
Maha suci Allah SWT yang telah menciptakan makhluk-NYA berpasang-pasangan. Ya Allah perkenankan kami merangkaikan kasih sayang yang kau ciptakan diantara putra-putri kami.
Rizky Maulana, S.Pd
Putra Pertama Dari Keluarga
Bapak Ngadi
& Ibu Sri Wahyuni
Bapak Ngadi
& Ibu Sri Wahyuni
Shafira Hawa Rachmani, S.Pd
Putri Pertama Dari Keluarga
Bapak Gumilar, ST.
& Ibu Zen Nurita Zahara, S.Pd
Bapak Gumilar, ST.
& Ibu Zen Nurita Zahara, S.Pd
Waktu Menuju Acara
Hari
Jam
Menit
Detik
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
- Sabtu, 7 Desember 2024
- 08.00 WIB s.d Selesai
- Rumah Mempelai Wanita - Kp. Leles RT. 04 RW. 12 Desa Mekarsari Kec. Ciparay Kab. Bandung
Resepsi
- Sabtu, 7 Desember 2024
- 11.00 s.d 15.00 WIB
- Rumah Mempelai Wanita - Kp. Leles RT. 04 RW. 12 Desa Mekarsari Kec. Ciparay Kab. Bandung
Wedding Gallery
Previous
Next
Love Story
Pada tahun 2018,kami pertama kali bertemu di bangku kuliah dalam satu kelas. Namun, selama dua tahun berikutnya, kami tidak saling berinteraksi secara intens. Baru pada Juli 2020, kedekatan itu mulai terjalin.
Pada tanggal 31 Desember 2023, kami memutuskan untuk mempertemukan orangtua kami. Selain untuk menjalin silaturahim, kami juga melaksanakan khitbah. Alhamdulillah, meskipun pertemuan singkat, momen tersebut penuh makna dan akhirnya menyelesaikan proses pencarian kami masing-masing.
Kami berencana untuk melangsungkan pernikahan pada tanggal 7 Desember 2024. Semoga kita menjadi pasangan pertama dan terakhir dalam hidup ini. Semoga Allah SWT meridhai setiap langkah kita dan selalu memberikan berkah dalam perjalanan bersama. Aamiin.
Beri ucapan dan doa
Kirim Hadiah
Jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.
Kirim kado fisik ke alamat berikut
Kp. Leles RT. 04 RW. 12 Desa Mekarsari Kec. Ciparay Kab. Bandung, Jawa Barat
Salin Alamat
Turut Mengundang:
Bpk. Zaenal Arifin
Ibu Rina Nuraeni Fahmi, S.Pd
Tiada Yang Dapat Kami Ungkapkan Selain Rasa Terimakasih Dari Hati Yang Tulus Apabila Bapak/ Ibu/ Saudara/i Berkenan Hadir Untuk Memberikan Do’a Restu Kepada Kami
Wassalamu'alaikum
Warahmatullahi Wabarakatuh
Kami yang berbahagia
Wassalamu'alaikum
Warahmatullahi Wabarakatuh
Kami yang berbahagia
Iky & Fira
Semoga pernikahannya Barokah dan menjadi keluarga yang Sakinah, Mawaddah, Warrahmah.
Aamiin
Created By :
Aamiin
Created By :
The Wedding Of Aluf & Fathulloh
You're invited to the wedding of
Aluf & Fathulloh
Rabu, 20 November 2024
- 00Hari
- 00Jam
- 00Menit
- 00Detik
“Dan di antara tanda-tanda (kebesaran)-Nya ialah Dia menciptakan pasangan-pasangan untukmu dari jenismu sendiri, agar kamu cenderung dan merasa tenteram kepadanya, dan Dia menjadikan di antaramu rasa kasih dan sayang. Sungguh, pada yang demikian itu benar-benar terdapat tanda-tanda (kebesaran Allah) bagi kaum yang berpikir.”
{ QS. Ar-Rum : 21 }
Dengan Memohon Rahmat Dan Ridho Dari Allah SWT. Kami Bermaksud Menyelenggarakan Syukuran Pernikahan Kami
Aisyah Al-Aluf
Putri Keempat Dari :
Bapak KH. Ahmad Mutamtam Damanhuri (Alm)
& Ibu Nyai Hj. Zulal
&
Moh. Fathulloh
Putra Kedua Dari :
Bapak KH. Sholeh Adra’i
& Ibu Nyai Hj. Mubassiroh Muchtarom
Insya Allah Acara Akan Dilaksanakan Pada :
Akad Nikah & Resepsi
- Rabu Malam Kamis 20 November 2024
- 19 Jumadil Awal 1446 H.
- Waktu : Ba'da Magrib - Selesai
Di Kediaman Mempelai Wanita
Jl. Raya Sogian, Dua Serajah, Sogiyan, Kec. Omben, Kab. Sampang
Wedding Gallery
Love Story
Kami belum pernah bertemu, namun orang tua kami saling mengenal
Awalnya ibunya melihatku di acara pernikahan saudara, lalu teman kakakku dan lainnya menjadi perantara hubungan keluarga kami
keluarga kami sepakat mengadakan Pertemuan sederhana untuk mengikat hubungan kami menuju kejenjang yg lebih serius
Kami memutuskan untuk saling berkomitmen hingga akhirnya menikah dan saling menerima kekurangan satu sama lain sebagai sepasang suami istri
Turut Mengundang:
-Kel. Besar Bapak KH. Ahmad Mutamtam Damanhuri (Alm)
& Ibu Nyai Hj. Zulal
-Kel. Besar Bapak KH. Sholeh Adra’i
& Ibu Nyai Hj. Mubassiroh Muchtarom
Wedding Gift
Doa Restu Anda merupakan karunia yang sangat berarti bagi kami.
Dan jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.
Anda Juga Bisa Mengirim Kado Fisik Ke Alamat Berikut
Jl. Raya Sogian, Dua Serajah, Sogiyan, Kec. Omben, Kab. Sampang, Jawa Timur 69291
Salin Alamat
Tiada Yang Dapat Kami Ungkapkan Selain Rasa Terimakasih Dari Hati Yang Tulus Apabila Bapak/ Ibu/ Saudara/i Berkenan Hadir Untuk Memberikan Do’a Restu Kepada Kami
Wassalamu’alaikum Wr. Wb.
Kami Yang Berbahagia,
Aluf & Fathulloh
Rabu, 20 November 2024
Berikan Ucapan Spesial Anda Disini :
Semoga pernikahannya Barokah dan menjadi keluarga yang Sakinah, Mawaddah, Warrahmah.
Aamiin
Created By :
Fc. Abu Adil Tattangoh
Tlp/ WA 0859 6060 3193
Dankers Cover
The Wedding Of
Ahni & Dhani
Kepada YTH. Bapak/Ibu/saudara/i
Tamu Undangan
Kami Mengundang Anda Untuk Hadir Di Acara Pernikahan Kami.
Mohon maaf apabila ada kesalahan penulisan nama/gelar
Section Pembuka
THE WEDDING
Yufu & Lia
08 NOVEMBER 2024
With Great Pleasure
We Invite You
To Celebrate Our Marriage
Ucii & Ky
The Wedding of
Ucii & Ky
Minggu, 17 November 2024
Dear Mr./ Mrs./ Ms.
Tamu Undangan
You are cordially invited to our wedding.
The Wedding
We invited you to celebrate our wedding
The Beloved
Groom & Bride
Once in awhile, right in the middle of an ordinary life, love gives us a fairy tale.
Suci Rahyu
Putri Keempat Dari Keluarga
Bapak. Samiun (Alm) & Ibu Ratnawati
Rizky
Putra Kelima Dari Keluarga
Bapak Asnawi & Ibu Saidah
OUR SPECIAL
Wedding Event
- 00Days
- 00Hours
- 00Minutes
- 00Seconds
Where & When
Wedding Day
The highest happiness on earth is the happiness of marriage.
- Jum'at, 15 November 2024
- 14.00 WIB - Selesai
- Bertempat Di Kediaman Mempelai Wanita
RT 09 Desa Muaro Jambi, Kec. Maro Sebo, Kab. Muaro Jambi
- Minggu, 17 November 2024
- 10.00 WIB s.d Selesai
- Rumah Mempelai Wanita
RT 09 Desa Muaro Jambi, Kec. Maro Sebo, Kab. Muaro Jambi
Give your prayers & best wishes
to the bride and groom
It is an honor and pleasure for us,
if you can attend and give us your blessing.
Hope to see you soon, Stay safe and healthy!
Wedding Gift
Share Love
Your prayers & blessings at our wedding is enough as a gift, but if you want to give more, we are happy to receive it and it will complement our happiness even more
Thank You
Ucii & Ky
The Big Family of Our Wedding Couple.
//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";
};
});