{"id":714,"date":"2022-03-04T23:25:34","date_gmt":"2022-03-04T23:25:34","guid":{"rendered":"https:\/\/jblrc.com\/?page_id=714"},"modified":"2022-03-04T23:25:34","modified_gmt":"2022-03-04T23:25:34","slug":"thank-you","status":"publish","type":"page","link":"https:\/\/jblrc.virtstage.com\/index.php\/thank-you\/","title":{"rendered":"Thank You"},"content":{"rendered":"\n<h2>\n\t\tThank You\n\t<\/h2>\n\t<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/virteomcdn.blob.core.windows.net\/wordpress-jblrc\/2022\/04\/text-invite-172x300.webp\" alt=\"\" width=\"172\" height=\"300\" \/><\/p>\n<p>Thank you for contacting our team! We&#8217;ve received your notification and we are assigning a rep in your area to respond to your needs.\u00a0 In less than 20 minutes, you will receive an email and text message with the next steps on how to get started.<\/p>\n<p>See below for more information on your 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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-714","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/pages\/714","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":0,"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/pages\/714\/revisions"}],"wp:attachment":[{"href":"https:\/\/jblrc.virtstage.com\/index.php\/wp-json\/wp\/v2\/media?parent=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}