{"id":203,"date":"2021-08-23T15:35:27","date_gmt":"2021-08-23T15:35:27","guid":{"rendered":"http:\/\/aiskylineroofing.com\/roof\/?page_id=203"},"modified":"2026-04-07T17:54:32","modified_gmt":"2026-04-07T17:54:32","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/aiskylineroofing.com\/roof\/?page_id=203","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<!--  ------------------ AccuLynx Web-to-Lead Form Start -------------------  -->\n\n<style>\n    .webLeadForm__outerDiv {\n        width: 300px;\n        background-color: #9D9D9D;\n        color: #000000;\n        position: relative;\n        padding-top: 20px;\n        padding-bottom: 20px;\n        font-family: 'Roboto', Arial, Helvetica, sans-serif;\n    }\n\n    .webLeadForm__form {\n        margin: 0;\n        width: 100%;\n    }\n\n    .webLeadForm__fieldDiv {\n        margin: 0 20px 15px 20px;\n    }\n\n    .webLeadForm__messageSentDiv {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        flex-direction: column;\n        text-align: center;\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        top: 0;\n    }\n\n    .webLeadForm__messageSent {\n        font-weight: bold;\n        font-size: 18px;\n    }\n\n    .webLeadForm__successMessage {\n        font-size: 13px;\n        margin-top: 20px;\n    }\n\n    .webLeadForm__label {\n        padding-bottom: 4px;\n        font-size: 13px;\n        font-weight: 600;\n        text-transform: uppercase;\n    }\n\n    .webLeadForm__inputDiv {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .webLeadForm__input {\n        width: 100%;\n        border-radius: 6px;\n        border: none;\n        font-size: 18px;\n        padding-left: 5px;\n        padding-right: 5px;\n    }\n\n    input.webLeadForm__input {\n        height: 40px;\n    }\n\n    textarea.webLeadForm__input {\n        font-family: inherit;\n        padding-top: 5px;\n        padding-bottom: 5px;\n        resize: none;\n    }\n\n    .webLeadForm__stateZipDiv {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: nowrap;\n        margin: 0 20px 15px 20px;\n    }\n\n    .webLeadForm__stateZipDiv .webLeadForm__fieldDiv:first-child {\n        margin: 0 10px 0 0;\n        width: 50%;\n    }\n\n    .webLeadForm__stateZipDiv .webLeadForm__fieldDiv:last-child {\n        margin: 0 0 0 10px;\n        width: 50%;\n    }\n\n    .webLeadForm__submitDiv {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        flex-wrap: nowrap;\n    }\n\n    .webLeadForm__submit {\n        background-color: #000000;\n        color: #FFFFFF;\n        margin-left: 20px;\n        padding: 8px 20px;\n        font-size: 13px;\n        font-weight: 600;\n        border-radius: 6px;\n        border: none;\n        cursor: pointer;\n        text-transform: uppercase;\n    }\n\n    .webLeadForm__requiredLabel {\n        font-size: 11px;\n        padding: 0;\n        margin-right: 20px;\n    }\n\n<\/style>\n\n<div class='webLeadForm__outerDiv'>\n    <form id='webLeadFormElem' class='webLeadForm__form' onsubmit='return webLeadFormSubmit(event)'>\n        <div class='webLeadForm__fieldDiv'>\n            <div class='webLeadForm__label'><label for='FirstName'>First Name *<\/label><\/div>\n            <div class='webLeadForm__inputDiv'><input class='webLeadForm__input' id='FirstName' type='text' maxlength=255 name='FirstName' required \/><\/div>\n        <\/div>\n\n        <div class='webLeadForm__fieldDiv'>\n            <div class='webLeadForm__label'><label for='LastName'>Last Name *<\/label><\/div>\n            <div class='webLeadForm__inputDiv'><input class='webLeadForm__input' id='LastName' type='text' maxlength=255 name='LastName' required \/><\/div>\n        <\/div>\n\n        <div class='webLeadForm__fieldDiv'>\n            <div class='webLeadForm__label'><label for='Email'>Email *<\/label><\/div>\n            <div class='webLeadForm__inputDiv'><input class='webLeadForm__input' id='Email' type='text' maxlength=255 name='Email' required \/><\/div>\n        <\/div>\n\n        <div class='webLeadForm__fieldDiv'>\n            <div class='webLeadForm__label'><label for='Phone'>Phone<\/label><\/div>\n            <div class='webLeadForm__inputDiv'><input class='webLeadForm__input' id='Phone' type='text' maxlength=255 name='Phone' \/><\/div>\n        <\/div>\n\n        <div class='webLeadForm__fieldDiv'>\n            <div class='webLeadForm__label'><label for='Street'>Street<\/label><\/div>\n            <div class='webLeadForm__inputDiv'><input class='webLeadForm__input' id='Street' type='text' maxlength=255 name='Street' \/><\/div>\n        <\/div>\n\n        <div class='webLeadForm__fieldDiv'>\n            <div class='webLeadForm__label'><label for='City'>City<\/label><\/div>\n            <div class='webLeadForm__inputDiv'><input class='webLeadForm__input' id='City' type='text' maxlength=255 name='City' \/><\/div>\n        <\/div>\n\n        <div class='webLeadForm__stateZipDiv'>\n            <div class='webLeadForm__fieldDiv'>\n                <div class='webLeadForm__label'><label for='State'>State \/ Prov<\/label><\/div>\n                <div class='webLeadForm__inputDiv'><input class='webLeadForm__input' id='State' type='text' maxlength=255 name='State' \/><\/div>\n            <\/div>\n            <div class='webLeadForm__fieldDiv'>\n                <div class='webLeadForm__label'><label for='Zip'>Zip<\/label><\/div>\n                <div class='webLeadForm__inputDiv'><input class='webLeadForm__input' id='Zip' type='text' maxlength=255 name='Zip' \/><\/div>\n            <\/div>\n        <\/div>\n\n        <div class='webLeadForm__fieldDiv'>\n            <div class='webLeadForm__label'><label for='Message'>Message<\/label><\/div>\n            <textarea form='webLeadFormElem' class='webLeadForm__input' id='Message' maxlength=255 rows='3' name='Message'><\/textarea>\n        <\/div>\n\n        <div class='webLeadForm__submitDiv'>\n            <input class='webLeadForm__submit' type='submit' name='submit' value='Submit' \/>\n            <span class='webLeadForm__label webLeadForm__requiredLabel'> * Required <\/span>\n        <\/div>\n    <\/form>\n    <div id='webLeadFormMessageElem' class='webLeadForm__messageSentDiv'>\n        <div class='webLeadForm__messageSent'>Your message was sent!<\/div>\n        <div class='webLeadForm__successMessage'>Thank you! We&#39;ll be in touch soon.<\/div>\n    <\/div>\n<\/div>\n\n<script>\n    function webLeadFormSubmit(event) {\n       event.preventDefault();\n       document.getElementsByClassName('webLeadForm__submit')[0].disabled = true;\n       const leadData = new FormData(event.target);\n       const fetchPromise = fetch('https:\/\/leads.acculynx.com\/api\/leads\/submit-new-lead?formID=241510e8-6d6e-4350-ae45-273c987b3201', { method:'post', mode:'no-cors', body: leadData});\n       fetchPromise.then(response => {\n          console.log('WebLeadForm Submit Success');\n          console.log(response);\n          document.getElementById('webLeadFormElem').style.visibility = 'hidden';\n          document.getElementById('webLeadFormMessageElem').style.display = 'flex';\n       })\n       .catch(error => {\n          console.log('WebLeadForm Submit Error: ' + error);\n          document.getElementsByClassName('webLeadForm__submit')[0].disabled = false;\n       });\n       return false;\n    }\n<\/script>\n\n<!--  ------------------- AccuLynx Web-to-Lead Form End --------------------  -->\n","protected":false},"excerpt":{"rendered":"<p>First Name * Last Name * Email * Phone Street City State \/ Prov Zip Message * Required Your message was sent! Thank you! We&#39;ll be in touch soon.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-203","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiskylineroofing.com\/roof\/index.php?rest_route=\/wp\/v2\/pages\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiskylineroofing.com\/roof\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiskylineroofing.com\/roof\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiskylineroofing.com\/roof\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiskylineroofing.com\/roof\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=203"}],"version-history":[{"count":6,"href":"https:\/\/aiskylineroofing.com\/roof\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/aiskylineroofing.com\/roof\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/aiskylineroofing.com\/roof\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}