{"id":9,"date":"2022-09-30T11:33:35","date_gmt":"2022-09-30T11:33:35","guid":{"rendered":"https:\/\/invitation.hcs.web.id\/?page_id=9"},"modified":"2023-04-26T03:25:51","modified_gmt":"2023-04-25T20:25:51","slug":"flat-macha","status":"publish","type":"page","link":"https:\/\/invitation.hcs.web.id\/en\/tema\/flat-macha\/","title":{"rendered":"Flat Macha"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ab94d79 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ab94d79\" data-element_type=\"section\" id=\"invitation-cover\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-042fe48\" data-id=\"042fe48\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-47e60d3 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"47e60d3\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_mobile&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h4 class=\"elementor-heading-title elementor-size-default\">the wedding of<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-253d419 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"253d419\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_mobile&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"839\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/Luqman-Isna-Wordmark-Cover-976x1024.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/Luqman-Isna-Wordmark-Cover-976x1024.png 976w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/Luqman-Isna-Wordmark-Cover-286x300.png 286w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/Luqman-Isna-Wordmark-Cover-768x806.png 768w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/Luqman-Isna-Wordmark-Cover-1464x1536.png 1464w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/Luqman-Isna-Wordmark-Cover.png 1792w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f4b950 invitation-opened-hidden elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"0f4b950\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_mobile&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\tDear Yusuf, <br>We invite you to join the celebration of our special wedding day\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d13337d elementor-align-center elementor-widget__width-inherit animated-slow invitation-opened-hidden elementor-invisible elementor-widget elementor-widget-button\" data-id=\"d13337d\" data-element_type=\"widget\" id=\"invitation-opener\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-md\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Open The Invitation<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95f5830 invitation-closed-hidden elementor-widget elementor-widget-eael-countdown\" data-id=\"95f5830\" data-element_type=\"widget\" data-widget_type=\"eael-countdown.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\t\t<div class=\"eael-countdown-wrapper\" data-countdown-id=\"95f5830\" data-expire-type=\"none\" data-countdown-type=\"evergreen\" data-evergreen-time=\"43140\" data-evergreen-recurring=\"0\" data-evergreen-recurring-stop=\"May 13 2026 0:00:00 +7\">\n\t\t\t<div class=\"eael-countdown-container eael-countdown-label-block\">\n\t\t\t\t<ul id=\"eael-countdown-95f5830\" class=\"eael-countdown-items\" data-date=\"Jan 01 1970 0:00:00 +7\">\n\t\t\t\t\t<li class=\"eael-countdown-item\"><div class=\"eael-countdown-days\"><span data-days class=\"eael-countdown-digits\">00<\/span><span class=\"eael-countdown-label\">Days<\/span><\/div><\/li>\t\t\t\t\t<li class=\"eael-countdown-item\"><div class=\"eael-countdown-hours\"><span data-hours class=\"eael-countdown-digits\">00<\/span><span class=\"eael-countdown-label\">Hours<\/span><\/div><\/li>\t\t\t\t<li class=\"eael-countdown-item\"><div class=\"eael-countdown-minutes\"><span data-minutes class=\"eael-countdown-digits\">00<\/span><span class=\"eael-countdown-label\">Minutes<\/span><\/div><\/li>\t\t\t\t<li class=\"eael-countdown-item\"><div class=\"eael-countdown-seconds\"><span data-seconds class=\"eael-countdown-digits\">00<\/span><span class=\"eael-countdown-label\">Seconds<\/span><\/div><\/li>\t\t\t\t<\/ul>\n                <div class=\"eael-countdown-expiry-template\" style=\"display: none;\">\n\t\t\t\t\t                <\/div>\n\t\t\t\t<div class=\"clearfix\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5143041 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5143041\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-22ecd1d\" data-id=\"22ecd1d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af97a70 elementor-widget elementor-widget-image\" data-id=\"af97a70\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"79\" height=\"22\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/leaf-1.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15169a4 elementor-widget elementor-widget-text-editor\" data-id=\"15169a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div id=\"words\" class=\"font-display text-xl font-semibold\">\n<ul class=\"word-container\">\n \t<li data-author=\"Surah Ar Rum\u00a0(21)\" data-easein=\"bounceIn\">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. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda (kebesaran Allah) bagi kaum yang berpikir.<\/li>\n<\/ul>\n<div class=\"quote my-6\">\n<div class=\"quote-content block italic\"><\/div>\n<\/div>\n<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71e4cff elementor-widget elementor-widget-text-editor\" data-id=\"71e4cff\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tSurah Ar Rum (21)\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbfd591 e-transform elementor-widget elementor-widget-image\" data-id=\"fbfd591\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:180,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"79\" height=\"22\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/leaf-2.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1f46aee elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1f46aee\" data-element_type=\"section\" id=\"invitation-lovebird\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d4d938e\" data-id=\"d4d938e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e89df6a elementor-widget elementor-widget-spacer\" data-id=\"e89df6a\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.7 - 20-09-2022 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-container{--container-widget-width:100%}.e-container>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-negative:0;flex-shrink:0}.e-container>.elementor-widget-spacer>.elementor-widget-container,.e-container>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-container>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99790a3 elementor-widget elementor-widget-image\" data-id=\"99790a3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"100\" height=\"100\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/Bismillah_Calligraphy.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1ce2d73 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1ce2d73\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9d9c6ce\" data-id=\"9d9c6ce\" data-element_type=\"column\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aa91dc5 elementor-widget elementor-widget-image\" data-id=\"aa91dc5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"300\" height=\"410\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/bride.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/bride.png 300w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/bride-220x300.png 220w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fabfe5c elementor-absolute elementor-widget elementor-widget-image\" data-id=\"fabfe5c\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"191\" height=\"129\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/flower-bg.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35afaf3 elementor-absolute elementor-widget elementor-widget-text-editor\" data-id=\"35afaf3\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"ribbon\">\n<div class=\"ribbon-content\">\n<div class=\"font-display text-xl leading-none font-bold tracking-widest\">Isna Putri Astutie<\/div>\n<span class=\"text-sm\">The daughter of Mr. Ahmad &amp; Mrs. Lisa<\/span>\n\n<\/div>\n<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0f60481 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0f60481\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-0d128b2\" data-id=\"0d128b2\" data-element_type=\"column\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-31a0ee6 elementor-widget elementor-widget-image\" data-id=\"31a0ee6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"300\" height=\"410\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/groom.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/groom.png 300w, https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/groom-220x300.png 220w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4299f2f elementor-absolute elementor-widget elementor-widget-image\" data-id=\"4299f2f\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"191\" height=\"129\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/flower-bg.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea887b3 elementor-absolute elementor-widget elementor-widget-text-editor\" data-id=\"ea887b3\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"ribbon\">\n<div class=\"ribbon-content\">\n<div class=\"font-display text-xl leading-none font-bold tracking-widest\">Luqman Marzuki<\/div>\n<span class=\"text-sm\">The son of Mr. Sujendro &#038; Mrs. Bella<\/span>\n\n<\/div>\n<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-18286a4 elementor-widget elementor-widget-spacer\" data-id=\"18286a4\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b94a649 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b94a649\" data-element_type=\"section\" id=\"invitation-agenda\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-96f2696\" data-id=\"96f2696\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1258bb7 elementor-widget elementor-widget-heading\" data-id=\"1258bb7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Save The Date<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bb279a elementor-widget elementor-widget-spacer\" data-id=\"9bb279a\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd4a7f2 elementor-widget elementor-widget-heading\" data-id=\"fd4a7f2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wedding Celebration<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c5d5ec elementor-widget elementor-widget-heading\" data-id=\"1c5d5ec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Saturday May 28, 2022<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64f78cf elementor-widget elementor-widget-heading\" data-id=\"64f78cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Starts at 11.00 AM PST<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1f2aad elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"a1f2aad\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-map-marker-alt\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e379196 elementor-widget elementor-widget-text-editor\" data-id=\"e379196\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Located at MAPS Mosque<br \/><strong>17550 NE 67th Court, Redmond, WA 98052<\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e2730c elementor-align-center elementor-widget elementor-widget-button\" data-id=\"8e2730c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-lg\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Open Google Maps<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac237c5 elementor-widget elementor-widget-text-editor\" data-id=\"ac237c5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Overflow Parking at <span style=\"text-decoration: underline;\"><strong>East Marymoor Lot<\/strong><\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1b57408 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b57408\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4c39396\" data-id=\"4c39396\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0262d12 elementor-widget elementor-widget-text-editor\" data-id=\"0262d12\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dear our beloved friends. Please join us to celebrate our wedding<\/p><p><strong>Sincerely, Isna &amp; Luqman<\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a211734 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a211734\" data-element_type=\"section\" id=\"invitation-streaming\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f74667\" data-id=\"5f74667\" data-element_type=\"column\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c1aa86f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c1aa86f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-71c4522\" data-id=\"71c4522\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57fe1f5 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"57fe1f5\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewbox=\"0 0 30 30\" fill=\"none\"><path d=\"M0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0L20 0C22.6522 0 25.1957 1.05357 27.0711 2.92893C28.9464 4.8043 30 7.34784 30 10V20C30 22.6522 28.9464 25.1957 27.0711 27.0711C25.1957 28.9464 22.6522 30 20 30H10C7.34784 30 4.8043 28.9464 2.92893 27.0711C1.05357 25.1957 0 22.6522 0 20V10Z\" fill=\"#3984FD\"><\/path><path d=\"M6.25 11.25C6.25 10.9185 6.3817 10.6005 6.61612 10.3661C6.85054 10.1317 7.16848 10 7.5 10H15C15.9946 10 16.9484 10.3951 17.6517 11.0983C18.3549 11.8016 18.75 12.7554 18.75 13.75V18.75C18.75 19.0815 18.6183 19.3995 18.3839 19.6339C18.1495 19.8683 17.8315 20 17.5 20H10C9.00544 20 8.05161 19.6049 7.34835 18.9017C6.64509 18.1984 6.25 17.2446 6.25 16.25V11.25Z\" fill=\"white\"><\/path><path d=\"M19.375 14.69C19.3748 14.084 19.5946 13.4985 19.9938 13.0425L22.1062 10.6275C22.6775 9.97746 23.75 10.38 23.75 11.245V18.755C23.75 19.6212 22.6775 20.0237 22.1075 19.3725L19.9938 16.9575C19.5949 16.5018 19.3751 15.9168 19.375 15.3112V14.6887V14.69Z\" fill=\"white\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c44484e elementor-widget elementor-widget-text-editor\" data-id=\"c44484e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tJoin from Zoom Live Streaming\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d69ebd elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2d69ebd\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Join Zoom Room<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb2ecdb elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"eb2ecdb\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-af9d2f0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"af9d2f0\" data-element_type=\"section\" id=\"invitation-rsvp\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b1a787\" data-id=\"9b1a787\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0676225 elementor-widget elementor-widget-heading\" data-id=\"0676225\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sign Your RSVP<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0854d72 elementor-widget elementor-widget-text-editor\" data-id=\"0854d72\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Some words &amp; wishes to brighten up our big day<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7515228 elementor-widget elementor-widget-image\" data-id=\"7515228\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"79\" height=\"22\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/leaf-1.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a3482e elementor-widget elementor-widget-shortcode\" data-id=\"5a3482e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/unpkg.com\/petite-vue\"><\/script>\r\n<div id=\"rsvp\" @vue:mounted=\"initGuestbook\">\r\n\t<div class=\"bg-white p-6 rounded\" v-if=\"true\">\r\n\t\t<form :action=\"apiUrl\" @submit=\"submitWish\" action=\"\">\r\n\t\t\t<div class=\"flex flex-col gap-4\" :class=\"{ 'opacity-50' : formLoading }\">\r\n\t\t\t\t<label>\r\n\t\t\t\t\t<input class=\"border border-gray rounded-sm p-2 w-full\" type=\"text\" name=\"name\"\r\n\t\t\t\t\t\tplaceholder=\"Name\" required>\r\n\t\t\t\t<\/label>\r\n\t\t\t\t<label>\r\n\t\t\t\t\t<input class=\"border border-gray rounded-sm p-2 w-full\" type=\"text\" name=\"relationship\"\r\n\t\t\t\t\t\tplaceholder=\"Relasi\" required>\r\n\t\t\t\t<\/label>\r\n\r\n\t\t\t\t<!-- RSVP section -->\r\n\t\t\t\t<div v-if=\"showRSVP\">\r\n\t\t\t\t\t<b>Konfirmasi Kehadiran<\/b>\r\n\t\t\t\t\t<div class=\"flex flex-col\" v-if=\"confirmOptions.length == 0\">\r\n\t\t\t\t\t\t<label id=\"disabled-for-online\">\r\n\t\t\t\t\t\t\t<input v-model=\"confirmation\" type=\"radio\" name=\"confirm\" value=\"going\" required>\r\n\t\t\t\t\t\t\t<span>Iya insyaaAllah akan datang<\/span>\r\n\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\t<input v-model=\"confirmation\" type=\"radio\" name=\"confirm\" value=\"not-going\" required>\r\n\t\t\t\t\t\t\t<span>Mohon maaf berhalangan hadir<\/span>\r\n\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"flex flex-col\" v-else>\r\n\t\t\t\t\t\t<label v-for=\"item in confirmOptions\">\r\n\t\t\t\t\t\t\t<input v-model=\"confirmation\" type=\"radio\" name=\"confirm\" :value=\"item[0]\" required>\r\n\t\t\t\t\t\t\t<span>{{ item[1] }}<\/span>\r\n\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<!-- people count only if RSVP visible -->\r\n\t\t\t\t<label v-if=\"showRSVP && confirmation != 'not-going' && confirmation != null\">\r\n\t\t\t\t\t<input class=\"border border-gray rounded-sm p-2 w-full\" type=\"number\" name=\"people\"\r\n\t\t\t\t\t\tplaceholder=\"Berapa orang?\" required>\r\n\t\t\t\t<\/label>\r\n\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<textarea class=\"border border-gray rounded-sm p-2 w-full\" name=\"wish\" rows=\"5\"\r\n\t\t\t\t\t\tplaceholder=\"Doa, nasehat, dan ucapan...\" required><\/textarea>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"rsvp-button border-0 uppercase font-light tracking-widest text-white px-4 py-2\">{{ sending ? 'Loading..' : \"Kirim\" }}<\/button>\r\n\t\t\t<\/div>\r\n\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n\t<\/div>\r\n\r\n\t<!-- Guestbook -->\r\n\t<div id=\"wishes\" class=\"mt-2 flex flex-col gap-2\">\r\n\t\t<div v-for=\"item in wishes.reverse()\" v-bind:key=\"item.timestamp\" class=\"flex gap-4 bg-white p-4 rounded\">\r\n\t\t\t<div class=\"text-left\">\r\n\t\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t\t<span><b>{{ item.name }}<\/b> ({{ item.relationship }})<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<!-- Only show RSVP status if RSVP is enabled -->\r\n\t\t\t\t\t<template v-if=\"showRSVP\">\r\n\t\t\t\t\t\t<span v-if=\"item.confirm == 'going'\" class=\"flex text-xs items-center\">\r\n\t\t\t\t\t\t\t<img src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/10\/checkmark.svg\">\r\n\t\t\t\t\t\t\t<span>Going<\/span>\r\n\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span v-else-if=\"item.confirm == 'online'\" class=\"flex text-xs items-center\">\r\n\t\t\t\t\t\t\t<img src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/10\/checkmark.svg\">\r\n\t\t\t\t\t\t\t<span>Going (online)<\/span>\r\n\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/template>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<span class=\"block\">{{ item.wish }}<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar linkGscript = \"https:\/\/script.google.com\/macros\/s\/AKfycbyi4eLdhQY36jatX3iS85pzsRTioTED-WlZAboBTB9TlegWXfzk950EHuUjFkzm_QHkXw\/exec\";\r\n\r\nPetiteVue.createApp({\r\n    wishes: [],\r\n    confirmation: null,\r\n    apiUrl: linkGscript,\r\n    formLoading: false,\r\n\tsending: false,\r\n\tconfirmOptions: [],\r\n\tshowRSVP: true, \/\/ toggle here\r\n\r\n\tformatOptions(option) {\r\n\t\tif (option == '') {\r\n\t\t\tthis.confirmOptions = [];\r\n\t\t} else {\r\n\t\t\tthis.confirmOptions = option.split(\";\").map(item => item.split(\":\"))\r\n\t\t}\r\n\t},\r\n\tinitGuestbook(){\r\n\t\t\/\/ If RSVP is hidden \u2192 default to going\r\n\t\tif (!this.showRSVP) {\r\n\t\t\tthis.confirmation = \"going\";\r\n\t\t}\r\n\t\tthis.getWishes();\r\n\t\tthis.formatOptions('');\r\n\t},\r\n    getWishes() {\r\n        fetch(this.apiUrl)\r\n            .then(response => response.json())\r\n            .then(data => { this.wishes = data });\r\n    },\r\n    submitWish(e) {\r\n        e.preventDefault();\r\n\t\tthis.sending = true;\r\n        if (!e.target.checkValidity()) {\r\n            e.target.reportValidity()\r\n            return;\r\n        }\r\n        var formData = new FormData(e.target);\r\n\r\n\t\t\/\/ if RSVP hidden, enforce \"going\"\r\n\t\tif (!this.showRSVP) {\r\n\t\t\tformData.set(\"confirm\", \"going\");\r\n\t\t}\r\n\r\n        var button = e.target.querySelector('button');\r\n            button.setAttribute('disabled','true');\r\n            this.formLoading = true;\r\n        fetch(this.apiUrl, {\r\n            method: 'POST',\r\n            body: formData,\r\n        })\r\n            .then(response => response.json())\r\n            .then(json => {\r\n                if (json.result == 'success') {\r\n                    Swal.fire({\r\n                        title: 'Your wishes sent successfully!',\r\n                        timer: 3000,\r\n                        icon: 'success'\r\n                      })\r\n                    e.target.reset();\r\n\t\t\t\t\tthis.sending = false;\r\n                    this.getWishes();\r\n                } else {\r\n                    Swal.fire({\r\n                        icon: 'error',\r\n                        timer: 3000,\r\n                        title: 'Oops...',\r\n                        text: 'Something wrong happen, please try again later!',\r\n                    })\r\n                }\r\n                button.removeAttribute('disabled', 'false');\r\n                this.formLoading = false;\r\n            })\r\n            .catch( error => {\r\n                Swal.fire({\r\n                    icon: 'error',\r\n                    timer: 3000,\r\n                    title: 'Oops...',\r\n                    text: 'Something wrong happen, please try again later!',\r\n                })\r\n            })\r\n    }\r\n}).mount('#rsvp')\r\n\tfunction animateSelf(element) {\r\n    element.classList.add('displayed');\r\n    element.classList.add('animated');\r\n    element.classList.add('fadeInUp');\r\n}\r\n\r\nfunction checkViewportAndAnimate() {\r\n    document.querySelectorAll('.pending-animation').forEach(element => {\r\n        var rect = element.getBoundingClientRect();\r\n        var elemTop = rect.top;\r\n        var elemBottom = rect.bottom;\r\n    \r\n        \/\/ Only completely visible elements return true:\r\n        var isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight);\r\n\r\n        \/\/ animate section\r\n        if (\r\n            (isVisible) &&\r\n            (!element.classList.contains('displayed')) &&\r\n            (!document.getElementsByTagName('body')[0].classList.contains('locked'))\r\n        ) {\r\n            animateSelf(element);\r\n        }\r\n    })\r\n}\r\n\r\nfunction throttle (callback, limit) {\r\n    var waiting = false;                      \/\/ Initially, we're not waiting\r\n    return function () {                      \/\/ We return a throttled function\r\n        if (!waiting) {                       \/\/ If we're not waiting\r\n            callback.apply(this, arguments);  \/\/ Execute users function\r\n            waiting = true;                   \/\/ Prevent future invocations\r\n            setTimeout(function () {          \/\/ After a period of time\r\n                waiting = false;              \/\/ And allow future invocations\r\n            }, limit);\r\n        }\r\n    }\r\n}\r\n\r\nwindow.addEventListener('scroll', throttle(checkViewportAndAnimate, 200));\r\n<\/script>\r\n<style>\r\n#rsvp {\r\n    font-family: 'Raleway';\r\n}\r\n\r\n#rsvp input[type=\"text\"], #rsvp textarea {\r\n\tborder-color:#DDD;\r\n}\r\n\t\r\n.pending-animation:not(.displayed) {\r\n\topacity: 0;\r\n}\r\n\t\r\n.rsvp-button {\r\n\tbackground-color: gray\r\n}\r\n\t\r\n.rsvp-button:hover {\r\n\tbackground-color: gray;\r\n\topacity: 0.8;\r\n}\r\n<\/style><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-707beb4 elementor-widget elementor-widget-spacer\" data-id=\"707beb4\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f65be8c e-transform elementor-widget elementor-widget-image\" data-id=\"f65be8c\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_flipX_effect&quot;:&quot;transform&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"79\" height=\"22\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/09\/leaf-1.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-01fdbc0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"01fdbc0\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e5e5972\" data-id=\"e5e5972\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-31516bc elementor-widget elementor-widget-text-editor\" data-id=\"31516bc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Created by<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-049a2de elementor-widget elementor-widget-image\" data-id=\"049a2de\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/invitation.hcs.web.id\/en\/\">\n\t\t\t\t\t\t\t<img width=\"406\" height=\"217\" src=\"https:\/\/invitation.hcs.web.id\/wp-content\/uploads\/2022\/11\/logo-white.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-248d317 elementor-widget elementor-widget-html\" data-id=\"248d317\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n.invitation-closed-hidden {\n    display: none;\n}\nbody:not(.elementor-editor-active) #invitation-music {\n    display: none;\n}\n#words ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83b0cb8 elementor-widget elementor-widget-spacer\" data-id=\"83b0cb8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<nav class=\"elementor-element elementor-element-5e28f3a section-nav  invitation-closed-hidden e-container--row e-container\" data-id=\"5e28f3a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\t\t\t\t<div class=\"elementor-element elementor-element-bd8672f elementor-icon-list--layout-inline section-nav-links elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"bd8672f\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/invitation.hcs.web.id\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-list.min.css\">\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#invitation-lovebird\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M21.2401 3.70364C20.6827 3.14622 20.0209 2.70411 19.2925 2.40258C18.5642 2.10104 17.7835 1.94599 16.9952 1.94629C16.2069 1.94659 15.4264 2.10222 14.6983 2.4043C13.9701 2.70639 13.3087 3.14899 12.7517 3.70683L12.0246 4.44277L11.3036 3.70842L11.2989 3.70373C10.7417 3.14658 10.0803 2.70462 9.35233 2.40309C8.62437 2.10156 7.84415 1.94636 7.05622 1.94636C6.26828 1.94636 5.48806 2.10156 4.7601 2.40309C4.03215 2.70462 3.37071 3.14658 2.81356 3.70373L2.48965 4.02764C1.36444 5.15286 0.7323 6.67898 0.7323 8.27027C0.7323 9.86157 1.36444 11.3877 2.48965 12.5129L11.0384 21.0615L12.0038 22.073L12.0268 22.0499L12.0518 22.0749L12.9563 21.1206L21.564 12.5128C22.6876 11.3867 23.3185 9.86087 23.3185 8.27013C23.3185 6.6794 22.6876 5.15361 21.564 4.0275L21.2401 3.70364ZM20.5032 11.4521L12.0268 19.9287L3.55025 11.4521C2.70634 10.6082 2.23224 9.46362 2.23224 8.27016C2.23224 7.07669 2.70634 5.9321 3.55025 5.08819L3.8742 4.76428C4.7177 3.92079 5.8616 3.44672 7.05448 3.44627C8.24736 3.44583 9.39162 3.91903 10.2357 4.76189L12.0214 6.58003L13.8155 4.76428C14.2333 4.34641 14.7294 4.01494 15.2754 3.7888C15.8213 3.56265 16.4065 3.44625 16.9974 3.44625C17.5884 3.44625 18.1736 3.56265 18.7195 3.7888C19.2655 4.01494 19.7616 4.34641 20.1794 4.76428L20.5033 5.08814C21.346 5.93275 21.8192 7.07711 21.8192 8.27017C21.8191 9.46323 21.3458 10.6076 20.5032 11.4521V11.4521Z\" fill=\"black\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Lovebird<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#invitation-agenda\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M22.125 4.5H18V1.875H16.5V4.5H7.5V1.875H6V4.5H1.875C1.57674 4.50035 1.29079 4.61899 1.07989 4.82989C0.868985 5.04079 0.750347 5.32674 0.75 5.625V21.375C0.750347 21.6733 0.868985 21.9592 1.07989 22.1701C1.29079 22.381 1.57674 22.4997 1.875 22.5H22.125C22.4233 22.4997 22.7092 22.381 22.9201 22.1701C23.131 21.9592 23.2497 21.6733 23.25 21.375V5.625C23.2497 5.32674 23.131 5.04079 22.9201 4.82989C22.7092 4.61899 22.4233 4.50035 22.125 4.5V4.5ZM21.75 21H2.25V6H6V7.875H7.5V6H16.5V7.875H18V6H21.75V21Z\" fill=\"black\"><\/path><path d=\"M5.25 10.5H6.75V12H5.25V10.5Z\" fill=\"black\"><\/path><path d=\"M9.375 10.5H10.875V12H9.375V10.5Z\" fill=\"black\"><\/path><path d=\"M13.125 10.5H14.625V12H13.125V10.5Z\" fill=\"black\"><\/path><path d=\"M17.25 10.5H18.75V12H17.25V10.5Z\" fill=\"black\"><\/path><path d=\"M5.25 13.875H6.75V15.375H5.25V13.875Z\" fill=\"black\"><\/path><path d=\"M9.375 13.875H10.875V15.375H9.375V13.875Z\" fill=\"black\"><\/path><path d=\"M13.125 13.875H14.625V15.375H13.125V13.875Z\" fill=\"black\"><\/path><path d=\"M17.25 13.875H18.75V15.375H17.25V13.875Z\" fill=\"black\"><\/path><path d=\"M5.25 17.25H6.75V18.75H5.25V17.25Z\" fill=\"black\"><\/path><path d=\"M9.375 17.25H10.875V18.75H9.375V17.25Z\" fill=\"black\"><\/path><path d=\"M13.125 17.25H14.625V18.75H13.125V17.25Z\" fill=\"black\"><\/path><path d=\"M17.25 17.25H18.75V18.75H17.25V17.25Z\" fill=\"black\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Agenda<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#invitation-streaming\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M20.8313 11.0267L6.20039 2.31795C6.02961 2.2163 5.83495 2.1617 5.63621 2.15972C5.43748 2.15774 5.24177 2.20845 5.06899 2.30667C4.89622 2.4049 4.75255 2.54714 4.6526 2.71892C4.55266 2.89071 4.5 3.08591 4.5 3.28465V20.3538C4.50023 20.5508 4.55213 20.7442 4.65052 20.9149C4.74891 21.0855 4.89035 21.2273 5.0607 21.3262C5.23105 21.425 5.42436 21.4775 5.62133 21.4783C5.81829 21.4791 6.01201 21.4281 6.18314 21.3306L20.8139 12.9703C20.9846 12.8728 21.1268 12.7322 21.2262 12.5625C21.3257 12.3929 21.3789 12.2002 21.3807 12.0035C21.3824 11.8069 21.3326 11.6133 21.2362 11.4419C21.1397 11.2705 21.0001 11.1274 20.8311 11.0269L20.8313 11.0267ZM6 19.7076V3.94427L19.5114 11.9868L6 19.7076Z\" fill=\"black\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Streaming<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#invitation-rsvp\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"black\"><path d=\"M23.25 6.7859V5.2139H21.411V1.96865C21.4081 1.65828 21.2822 1.36172 21.061 1.14406C20.8397 0.9264 20.5411 0.805412 20.2307 0.807648H3.76926C3.45888 0.805412 3.16029 0.9264 2.93902 1.14406C2.71775 1.36172 2.59186 1.65828 2.58899 1.96865V22.1249C2.59186 22.4353 2.71775 22.7318 2.93902 22.9495C3.16029 23.1671 3.45888 23.2881 3.76926 23.2859H20.2307C20.5411 23.2881 20.8397 23.1671 21.061 22.9495C21.2822 22.7318 21.4081 22.4353 21.411 22.1249V18.7859H23.25V17.2139H21.411V12.7859H23.25V11.2139H21.411V6.7859H23.25ZM19.839 11.2139H17.625V12.7859H19.839V17.2139H17.625V18.7859H19.839V21.7139H4.16099V2.37965H19.839V5.2139H17.625V6.7859H19.839V11.2139Z\"><\/path><path d=\"M14.7018 14.3871L13.3544 13.5112L14.0022 11.9337V9.45534C14.0022 8.63839 13.6777 7.85489 13.1 7.27721C12.5223 6.69954 11.7388 6.375 10.9219 6.375C10.1049 6.375 9.32142 6.69954 8.74375 7.27721C8.16607 7.85489 7.84154 8.63839 7.84154 9.45534V11.919L8.43783 13.5448L7.14193 14.3871C6.81964 14.5957 6.55482 14.8818 6.37171 15.2193C6.18859 15.5567 6.09303 15.9346 6.09375 16.3185V18.75H15.75V16.3185C15.7507 15.9346 15.6552 15.5567 15.472 15.2193C15.2889 14.8818 15.0241 14.5957 14.7018 14.3871V14.3871ZM14.25 17.25H7.59375V16.3185C7.5935 16.1846 7.62684 16.0528 7.69072 15.9351C7.75459 15.8174 7.84696 15.7176 7.95938 15.6448L10.2578 14.1508L9.34154 11.6524V9.45534C9.34154 9.03621 9.50804 8.63424 9.80441 8.33787C10.1008 8.0415 10.5027 7.875 10.9219 7.875C11.341 7.875 11.743 8.0415 12.0394 8.33787C12.3357 8.63424 12.5022 9.03621 12.5022 9.45534V11.6377L11.4944 14.0915L13.8844 15.6448C13.9968 15.7176 14.0892 15.8174 14.153 15.9351C14.2169 16.0528 14.2503 16.1846 14.25 16.3185V17.25Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">RSVP<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/nav>\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>the wedding of Dear Yusuf, We invite you to join the celebration of our special wedding day Open The Invitation 00Days 00Hours 00Minutes 00Seconds 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. Sesungguhnya pada [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":110,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"https:\/\/invitation.hcs.web.id\/en\/wp-json\/wp\/v2\/pages\/9"}],"collection":[{"href":"https:\/\/invitation.hcs.web.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/invitation.hcs.web.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/invitation.hcs.web.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/invitation.hcs.web.id\/en\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":284,"href":"https:\/\/invitation.hcs.web.id\/en\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":3007,"href":"https:\/\/invitation.hcs.web.id\/en\/wp-json\/wp\/v2\/pages\/9\/revisions\/3007"}],"up":[{"embeddable":true,"href":"https:\/\/invitation.hcs.web.id\/en\/wp-json\/wp\/v2\/pages\/110"}],"wp:attachment":[{"href":"https:\/\/invitation.hcs.web.id\/en\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}