{"id":17319,"date":"2021-09-17T16:24:01","date_gmt":"2021-09-17T08:24:01","guid":{"rendered":"https:\/\/www.microfusion.cloud\/hk\/?page_id=17319"},"modified":"2022-12-22T10:03:31","modified_gmt":"2022-12-22T02:03:31","slug":"subscribe-newsletter","status":"publish","type":"page","link":"https:\/\/www.microfusion.cloud\/hk\/subscribe-newsletter\/","title":{"rendered":"\u8a02\u95b1\u96fb\u5b50\u5831"},"content":{"rendered":"\n<style>\n    .grecaptcha-badge {\n        bottom: 0 !important;\n    }\n<\/style>\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async=\"\" defer=\"\"><\/script>\n<script type=\"text\/javascript\">\nvar frmID = 'sub-form';\nfunction frmOnSubmit(token) {\n     \/\/Validate Form\n    if(jQuery(\"#\"+frmID)[0].checkValidity()){     \n        jQuery(\"#sub-submit\").trigger('click')\n    }else{       \n        jQuery(\"#\"+frmID)[0].reportValidity();\n    }    \n} \n<\/script>\n<div id=\"sub-form-container\">\n    <div id=\"sub-form-content\">\n        <form action=\"https:\/\/api-backend.app.newsleopard.com\/api\/contacts\/subscribe\/4028810d7b457de5017bf1f5bc1b297a\/verify\" method=\"POST\" target=\"popupwindow\" onsubmit=\"return nl_1554802646254.subscribe()\" id=\"sub-form\" class=\"content active\">\n            <div class=\"head\">\n                <h1 class=\"title\">\u8a02\u95b1\u96fb\u5b50\u5831<\/h1>\n                <h2 class=\"description\"> \u7acb\u5373\u8a02\u95b1\u5b8f\u5ead\u96fb\u5b50\u5831\uff0c\u5373\u6642\u6536\u5230\u7522\u54c1\u65b0\u8a0a\u8207\u6d3b\u52d5\u6d88\u606f! <\/h2>\n            <\/div> <input id=\"sub-name\" class=\"sub-inputs\" name=\"name\" placeholder=\"\u8f38\u5165\u59d3\u540d\" required=\"\"> <input type=\"email\" id=\"sub-mail\" class=\"sub-inputs\" name=\"email\" placeholder=\"\u8f38\u5165 Email\" required=\"\"> \n                <button id=\"sub-submit\" class=\"btn\" type=\"submit\" style=\"display: none;\">\u7acb\u5373\u8a02\u95b1<\/button>\n                <button class=\"g-recaptcha btn\" data-sitekey=\"6LdzsnIcAAAAAFiHvAXTgb6vlYx2PchZtVnEeUZH\" data-callback=\"frmOnSubmit\">\u7acb\u5373\u8a02\u95b1<\/button>\n        <\/form>\n        <div class=\"content confirm\">\n            <div class=\"head\">\n                <h1 class=\"title\">\u8a02\u95b1\u670d\u52d9\u78ba\u8a8d<\/h1>\n                <div class=\"description\"> \u5df2\u767c\u9001 Email \u9a57\u8b49\u4fe1\u7d66\u4f60\uff0c\u8acb\u9ede\u64ca\u4fe1\u4ef6\u9023\u7d50\u4ee5\u5b8c\u6210\u8a02\u95b1\u7a0b\u5e8f <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"content err\">\n            <div class=\"head\">\n                <h1 class=\"title\">\u8a02\u95b1\u5931\u6557<\/h1>\n                <div class=\"description\">\u66ab\u6642\u7121\u6cd5\u63a5\u53d7\u8a02\u95b1\uff0c\u8acb\u7a0d\u5019\u91cd\u65b0\u5617\u8a66<\/div>\n            <\/div> <button class=\"btn secondary\" onclick=\"nl_1554802646254.retry()\"> \u91cd\u8a66 <\/button>\n        <\/div>\n        <!-- button -->\n        <div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n<script>\n    var nl_1554802646254 = (function subIIFE() {\n        function e() {\n            var e = document.querySelector('.content.confirm'),\n                t = document.querySelector('form#sub-form');\n            r(e), n(t);\n        }\n\n        function t(e) {\n            var t = document.querySelector('.content.err'),\n                u = document.querySelector('form#sub-form');\n            r(t), n(u);\n        }\n\n        function r(e) {\n            e.className = e.className + ' active';\n        }\n\n        function n(e) {\n            e.className = e.className.replace(\/\\bactive\\b\/g, '');\n        }\n\n        function u(e) {\n            return encodeURIComponent(e);\n        }\n        return {\n            subscribe: function () {\n                var r, n, o, c, a, s = document.querySelector('form#sub-form'),\n                    i = s.getAttribute('action'),\n                    m = new FormData(s),\n                    l = m.get('email'),\n                    f = m.get('name') ? 'email=' + u(l) + '&name=' + u(m.get('name')) : 'email=' + u(l),\n                    d = (l = s.querySelector('#sub-mail'), s.querySelector('#sub-name'), s.querySelector(\n                        '#sub-submit'));\n                try {\n                    d.setAttribute('disabled', 'disabled'), r = {\n                            target: i,\n                            form: f,\n                            success: e,\n                            failure: t,\n                            finally: function () {\n                                d.removeAttribute('disabled');\n                            },\n                        }, n = new XMLHttpRequest, o = r.success || function () {}, c = r.failure ||\n                        function () {}, a = r.finally || function () {}, n.onreadystatechange =\n                        function () {\n                            this.readyState === XMLHttpRequest.DONE && (this.status >= 200 && this.status <\n                                300 ? (o(), a()) : (c(this.status), a()));\n                        }, n.open('POST', r.target, !0), n.setRequestHeader('Content-Type',\n                            'application\/x-www-form-urlencoded'), n.send(r.form);\n                } catch (e) {}\n                return !1;\n            },\n            retry: function () {\n                var e = document.querySelector('.content.err'),\n                    t = document.querySelector('form#sub-form');\n                n(e), r(t);\n            },\n        };\n    })();\n<\/script>\n<style type=\"text\/css\">\n    \/* ============================================ *\/\n    \/* \u65b0\u589e\u8abf\u6574 *\/\n    .page-header-wrapper {\n        display: none;\n    }\n\n    #primary .container {\n        margin-top: 50px;\n        margin-bottom: 50px;\n    }\n\n    #footer-cta {\n        display: none;\n    }\n\n    @media (max-width: 575.98px) {\n        #primary .container {\n            margin-top: 30px;\n            margin-bottom: 30px;\n        }\n    }\n\n    \/* ============================================ *\/\n    #sub-form-container button {\n        border: none;\n        margin: 0;\n        padding: 0;\n        width: auto;\n        overflow: visible;\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        text-align: inherit;\n        line-height: normal;\n        appearance: none;\n        -webkit-appearance: none;\n        outline: none;\n        cursor: pointer;\n        transition: color 0.25s, background-color 0.25s;\n    }\n\n    #sub-form-container button:focus {\n        outline: none;\n    }\n\n    #sub-form-container input,\n    #sub-form-container label,\n    #sub-form-container textarea {\n        margin: 0;\n        border: 0;\n        padding: 0;\n        display: inline-block;\n        vertical-align: middle;\n        white-space: normal;\n        background: none;\n        line-height: 1;\n        outline: 0;\n        font: inherit;\n    }\n\n    ::-webkit-input-placeholder {\n        color: #ccc;\n    }\n\n    ::-moz-placeholder {\n        color: #ccc;\n    }\n\n    :-ms-input-placeholder {\n        color: #ccc;\n    }\n\n    :-moz-placeholder {\n        color: #ccc;\n    }\n\n    #sub-form-container input:focus,\n    #sub-form-container textarea:focus {\n        outline: 0 !important;\n    }\n\n    #sub-form-container {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-pack: center;\n        -ms-flex-pack: center;\n        justify-content: center;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n    }\n\n    #sub-form-container .content {\n        position: absolute;\n        top: -999999px;\n        left: -999999px;\n        opacity: 0;\n    }\n\n    #sub-form-container .content.active {\n        position: initial;\n        top: 0;\n        left: 0;\n        opacity: 1;\n    }\n\n    #sub-form-content {\n        box-sizing: border-box;\n        color: #555555;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-pack: center;\n        -ms-flex-pack: center;\n        justify-content: center;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n        background-color: #f5f5f5;\n        padding: 40px;\n        border-radius: 10px;\n        width: 100%;\n        max-width: 490px;\n        min-height: 310px;\n    }\n\n    #sub-form-content .content {\n        padding: 0;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-pack: center;\n        -ms-flex-pack: center;\n        justify-content: center;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n    }\n\n    #sub-form input {\n        padding: 0px 10px;\n        border-radius: 2px;\n        border: 1px solid #cccccc;\n        background-color: #ffffff;\n    }\n\n    #sub-form input:focus {\n        border-color: #3f7dbd;\n        outline: none;\n    }\n\n    #sub-form .sub-inputs {\n        box-sizing: border-box;\n        margin-bottom: 10px;\n        height: 42px;\n        width: 100%;\n    }\n\n    #sub-form .btn {\n        margin-top: 14px;\n    }\n\n    \/* button color *\/\n    #sub-form-content .btn {\n        box-sizing: border-box;\n        outline: 0;\n        background-color: #4200ff;\n        color: #ffffff;\n        padding: 16px 40px;\n        font-size: 16px;\n        letter-spacing: 0.05em;\n        cursor: pointer;\n    }\n\n    #sub-form-content .btn:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n\n    #sub-form-content .btn.secondary {\n        border-color: #666666;\n        background-color: #666666;\n    }\n\n    #sub-form-content .content.confirm,\n    #sub-form-content .content.err {\n        -ms-flex-item-align: center;\n        -ms-grid-row-align: center;\n        align-self: center;\n        width: 333px;\n    }\n\n    #sub-form-content .content .head {\n        margin-bottom: 25px;\n        text-align: center;\n    }\n\n    #sub-form-content .content .title {\n        margin: 0;\n        margin-bottom: 8px;\n        font-size: 24px;\n        letter-spacing: 0.03em;\n        font-weight: bold;\n    }\n\n    #sub-form-content .content .description {\n        margin: 0;\n        font-size: 16px;\n        line-height: 1.5;\n        font-weight: normal;\n    }\n\n    @media (max-width: 480px) {\n        #sub-form-container {\n            -webkit-box-align: stretch;\n            -ms-flex-align: stretch;\n            align-items: stretch;\n        }\n\n        #sub-form {\n            border-radius: 0px;\n            padding: 30px 16px;\n        }\n\n        #sub-form-content {\n            padding: 32px 24px;\n        }\n    }\n\n    @media (min-width: 500px) {\n        #sub-form-content {\n            width: 490px;\n        }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u8a02\u95b1\u96fb\u5b50\u5831 \u7acb\u5373\u8a02\u95b1\u5b8f\u5ead\u96fb\u5b50\u5831\uff0c\u5373\u6642\u6536\u5230\u7522\u54c1\u65b0\u8a0a\u8207\u6d3b\u52d5\u6d88\u606f! \u7acb\u5373\u8a02\u95b1 \u7acb\u5373\u8a02\u95b1 \u8a02\u95b1\u670d\u52d9\u78ba\u8a8d \u5df2\u767c\u9001 Email \u9a57\u8b49\u4fe1\u7d66\u4f60\uff0c\u8acb\u9ede\u64ca\u4fe1\u4ef6\u9023\u7d50\u4ee5\u5b8c\u6210\u8a02\u95b1\u7a0b\u5e8f \u8a02\u95b1\u5931\u6557 \u66ab\u6642\u7121\u6cd5\u63a5\u53d7\u8a02\u95b1\uff0c\u8acb\u7a0d\u5019\u91cd\u65b0\u5617\u8a66 \u91cd\u8a66<\/p>\n","protected":false},"author":44,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17319","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.microfusion.cloud\/hk\/wp-json\/wp\/v2\/pages\/17319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microfusion.cloud\/hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.microfusion.cloud\/hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.microfusion.cloud\/hk\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microfusion.cloud\/hk\/wp-json\/wp\/v2\/comments?post=17319"}],"version-history":[{"count":34,"href":"https:\/\/www.microfusion.cloud\/hk\/wp-json\/wp\/v2\/pages\/17319\/revisions"}],"predecessor-version":[{"id":18385,"href":"https:\/\/www.microfusion.cloud\/hk\/wp-json\/wp\/v2\/pages\/17319\/revisions\/18385"}],"wp:attachment":[{"href":"https:\/\/www.microfusion.cloud\/hk\/wp-json\/wp\/v2\/media?parent=17319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}