{"id":2121,"date":"2024-12-10T15:56:43","date_gmt":"2024-12-10T15:56:43","guid":{"rendered":"https:\/\/jblrc.com\/?page_id=2121"},"modified":"2024-12-10T15:56:43","modified_gmt":"2024-12-10T15:56:43","slug":"form-thank-you","status":"publish","type":"page","link":"https:\/\/jblrc.virtstage.com\/index.php\/form-thank-you\/","title":{"rendered":"Thank You For Submitting Our Form"},"content":{"rendered":"\n<h2>\n\t\tThank You\n\t<\/h2>\n\t<p>Thank you for contacting our team! We&#8217;ve received your notification and will be reaching out about our next steps.<\/p>\n\t<p>&#8211; The JBL Roofing Team<\/p>\n<h2>\n\t\tThe HOVER App\n\t<\/h2>\n\t<style>\n    \/* affects td's in the tables *\/\n    .tdvirteompocos {\n        text-align: center;\n        width: 50%;\n    }\n    \/* overviewVirt (First Block) *\/\n    #overviewVirt {\n        text-align: center;\n    }\n    \/* Applied to tr's (and the radio button div) but I think could be applied to the outer div *\/\n    .divCenterVirteomPocos {\n        text-align: center;\n        padding: 20px;\n    }\n    \/* The container *\/\n    .Virtcontainer {\n        display: inline;\n        position: relative;\n        padding-left: 35px;\n        margin-bottom: 12px;\n        cursor: pointer;\n        font-size: 22px;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n    }\n    \/* Hide the browser's default radio button *\/\n    .Virtcontainer input {\n        position: absolute;\n        opacity: 0;\n        cursor: pointer;\n    }\n    \/* Create a custom radio button *\/\n    .Virtcheckmark {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 25px;\n        width: 25px;\n        background-color: #eee;\n        border-radius: 50%;\n    }\n    \/* On mouse-over, add a grey background color *\/\n    .Virtcontainer:hover input~.Virtcheckmark {\n        background-color: #ccc;\n    }\n    \/* When the radio button is checked, add a blue background *\/\n    .Virtcontainer input:checked~.Virtcheckmark {\n        background-color: #E33326;\n    }\n    \/* Create the indicator (the dot\/circle - hidden when not checked) *\/\n    .Virtcheckmark:after {\n        content: \"\";\n        position: absolute;\n        display: none;\n    }\n    \/* Show the indicator (dot\/circle) when checked *\/\n    .Virtcontainer input:checked~.Virtcheckmark:after {\n        display: block;\n    }\n    \/* Style the indicator (dot\/circle) *\/\n    .Virtcontainer .Virtcheckmark:after {\n        top: 9px;\n        left: 9px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: white;\n    }\n<\/style>\n<body onload=\"TableReset()\">\n    <!-- Header above the blocks, does not have any script associated with it currently -->\n    <h3>See Your Next Steps<\/h3>\n    <!-- The First block not a table, because there is only one element -->\n        <iframe loading=\"lazy\" width=\"690px\" height=\"390px\" src=\"https:\/\/www.youtube.com\/embed\/NilcrOHJmL0\" title=\"YouTube video player\"\n            frameborder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowfullscreen><\/iframe>\n    <!-- Second Block td's break it down to left and right sides of the block -->\n        <table>\n            <tr>\n                <td>\n                    <h3>Step 1<\/h3>\n                    Fill out the form located on this page to receive your email and text message invite to download\n                        HOVER and capture photos of your property.\n                    \n                <\/td>\n                <td>\n                    <img decoding=\"async\" src=\"https:\/\/virteomcdn.blob.core.windows.net\/wordpress-jblrc\/2022\/04\/thumbnail_jbl-connect-text2.png\"\n                        alt=\"text-invite\" itemprop=\"image\" width=\"200px\" onerror=\"this.style.display='none'\"\n                        title=\"text-invite\"\/>\n                <\/td>\n            <\/tr>\n        <\/table>\n    <!-- Third Block -->\n        <table>\n            <tr>\n                <td>\n                    <img decoding=\"async\" src=\"https:\/\/virteomcdn.blob.core.windows.net\/wordpress-jblrc\/2022\/04\/thumbnail_phone-capture-grid-full.png\"\n                        alt=\"phone-capture-white-bg\" itemprop=\"image\" width=\"200px\"\n                        onerror=\"this.style.display='none'\" title=\"phone-capture-white-bg\"\/>\n                <\/td>\n                <td>\n                    <h3>Step 2<\/h3>\n                    Click the link in the invite and follow the instructions to download the HOVER app and complete\n                        your photo capture.\n                <\/td>\n            <\/tr>\n        <\/table>\n    <!-- Fourth Block -->\n        <table>\n            <tr>\n                <td>\n                    <h3>Step 3<\/h3>\n                    <p>Explore colors and material designs using the HOVER 3D model of your own home.<\/p>\n                <\/td>\n                <td>\n                    <img decoding=\"async\" loading=\"lazy\"\n                        src=\"https:\/\/virteomcdn.blob.core.windows.net\/wordpress-jblrc\/2022\/04\/phone-design-studio-no-bg_small.gif\"\n                        alt=\"design-studio-color-selection-phone-bg\" itemprop=\"image\" width=\"200px\"\n                        onerror=\"this.style.display='none'\" title=\"design-studio-color-selection-phone-bg\"\/>\n                <\/td>\n            <\/tr>\n        <\/table>\n    <!-- Radio Buttons, individual functions for now because my brain would hurt trying to set this all up with parameters (sorry future me\/whoever gets their hands on my code) -->\n        <label>&nbsp;\n            <input type=\"radio\" checked=\"Virtchecked\" name=\"radio\" onclick=\"OverviewFunct()\"\/>\n        <\/label>\n        <label>&nbsp;\n            <input type=\"radio\" name=\"radio\" onclick=\"BuzzBeeAirFunct()\"\/>\n        <\/label>\n        <label>&nbsp;\n            <input type=\"radio\" name=\"radio\" onclick=\"BuzzBeeDoubleFunct()\"\/>\n        <\/label>\n        <label>&nbsp;\n            <input type=\"radio\" name=\"radio\" onclick=\"BuzzBeeShotFunct()\"\/>\n        <\/label>\n<\/body>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2121","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/pages\/2121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/comments?post=2121"}],"version-history":[{"count":0,"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/pages\/2121\/revisions"}],"wp:attachment":[{"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/media?parent=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}