1<!DOCTYPE html><!-- Last Published: Mon Nov 10 2025 18:39:51 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="arp-roofing.webflow.io" data-wf-page="66d19b6dfe52884d25010d88" data-wf-site="66bafc50e54cdc6571b6d460" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Contact Us / ARP Roofing / South Texas Roofing Contractor</title><meta content="Contact Us / ARP Roofing / South Texas Roofing Contractor" property="og:title"/><meta content="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/67814f565db5e735afaeee26_OG%20image%20-%20ARP%20Roofing.webp" property="og:image"/><meta content="Contact Us / ARP Roofing / South Texas Roofing Contractor" name="twitter:title"/><meta content="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/67814f565db5e735afaeee26_OG%20image%20-%20ARP%20Roofing.webp" name="twitter:image"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/css/arp-roofing.shared.9dbe10178.min.css" rel="stylesheet" type="text/css"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/66cf7f480e03c9dc48abee48_Favicon%20-%20ARP%20Roofing.webp" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/66cf7f5005cd28862df854d2_Webclip%20-%20ARP%20Roofing.webp" rel="apple-touch-icon"/><link href="https://arproofing.com/contact-us" rel="canonical"/>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-2N1MB390P9
vendor: 11 bytes, line 1
1"></script>
1<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('js', new Date());gtag('config', 'G-2N1MB390P9');</script>
vendor: 86 bytes, line 1
1<script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script>
1<!-- Google Tag Manager -->
2<script>
vendor: 327 bytes, lines 2-6
2(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 5'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 6})(window,document,'script','dataLayer','
6GTM-K5FRQBH
vendor: 3 bytes, line 6
6');
6</script>
6 7<!-- End Google Tag Manager --> 8 9<!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 9
9 <script async src="https://www.googletagmanager.com/gtag/js?id=
9G-2N1MB390P9
vendor: 12 bytes, line 9
9"></script>
9<script>
vendor: 127 bytes, line 9
9window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
9G-2N1MB390P9
vendor: 4 bytes, line 9
9');
9</script>
9 10
11<script> 12(function(global){global.pageFunctions=global.pageFunctions||{executed:{},functions:{},addFunction:function(id,fn){if(!this.functions[id])this.functions[id]=fn},executeFunctions:function(){if(this.added)return;this.added=true;for(const id in this.functions){if(!this.executed[id]){try{this.functions[id]();this.executed[id]=true}catch(e){console.error(`Error executing function ${id}:`,e)}}}}}})(window); 13</script>
13 14
15<script nowprocket nitro-exclude type="text/javascript" id="sa-dynamic-optimization" data-uuid="a4c26791-75d4-4310-a35d-403dbe7172bc" src="data:text/javascript;base64,dmFyIHNjcmlwdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoInNjcmlwdCIpO3NjcmlwdC5zZXRBdHRyaWJ1dGUoIm5vd3Byb2NrZXQiLCAiIik7c2NyaXB0LnNldEF0dHJpYnV0ZSgibml0cm8tZXhjbHVkZSIsICIiKTtzY3JpcHQuc3JjID0gImh0dHBzOi8vZGFzaGJvYXJkLnNlYXJjaGF0bGFzLmNvbS9zY3JpcHRzL2R5bmFtaWNfb3B0aW1pemF0aW9uLmpzIjtzY3JpcHQuZGF0YXNldC51dWlkID0gImE0YzI2NzkxLTc1ZDQtNDMxMC1hMzVkLTQwM2RiZTcxNzJiYyI7c2NyaXB0LmlkID0gInNhLWR5bmFtaWMtb3B0aW1pemF0aW9uLWxvYWRlciI7ZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChzY3JpcHQpOw=="></script>
15 16 17
18<script src="https://cdn.jsdelivr.net/gh/Flowappz/[email protected]/cookie-consent.js" defer></script>
18 19 20<!-- [Attributes by Finsweet] Toggle page scrolling when nav menu button pressed -->
21<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js"></script>
21 22 23<!-- [Attributes by Finsweet] Powerful Rich Text 24This snippet allows components to be dynamically inserted into rich text simply by referencing their custom fs-richtext-component attribute between double curly brackets. Cannot be previewed in the Webflow Canvas, only on the live page. More info about this Finsweet solution can be found at https://finsweet.com/attributes/powerful-rich-text -->
25<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-richtext@1/richtext.js"></script>
25 26
27<script> 28// Production form data capture script for Webflow 29(function() { 30 // Function to capture and save form data to localStorage 31 function captureAndSaveFormData(form) { 32 const formData = {}; 33 const formId = form.id; 34 35 // Get all form elements 36 const formElements = form.querySelectorAll('input, select, textarea'); 37 38 formElements.forEach(element => { 39 const elementKey = element.id || element.name || `${element.tagName.toLowerCase()}_${element.type || 'unknown'}`; 40 41 switch (element.type) { 42 case 'checkbox': 43 formData[elementKey] = element.checked; 44 break; 45 case 'radio': 46 if (element.checked) { 47 formData[elementKey] = element.value?.trim() || ''; 48 } 49 break; 50 case 'file': 51 formData[elementKey] = element.files.length > 0 ? 52 Array.from(element.files).map(file => file.name).join(', ') : ''; 53 break; 54 case 'select-multiple': 55 const selectedOptions = Array.from(element.selectedOptions).map(opt => opt.value); 56 formData[elementKey] = selectedOptions.join(', '); 57 break; 58 default: 59 if (element.value !== undefined && element.value !== null) { 60 formData[elementKey] = element.value.trim(); 61 } 62 break; 63 } 64 }); 65 66 // Add metadata 67 formData['timestamp'] = Date.now(); 68 formData['form_id'] = formId; 69 formData['page_url'] = window.location.href; 70 formData['page_title'] = document.title; 71 72 try { 73 localStorage.setItem(`formData-${formId}`, JSON.stringify(formData)); 74 console.log(`Form data from '${formId}' saved successfully.`); 75 } catch (error) { 76 console.error(`Failed to save form data for '${formId}':`, error); 77 } 78 } 79 80 // Attach form capture using multiple strategies 81 function attachFormCapture(form) { 82 const formId = form.id; 83 84 // Primary: Submit event 85 form.addEventListener('submit', function(e) { 86 captureAndSaveFormData(form); 87 }, true); 88 89 // Backup: Click on submit buttons 90 const submitButtons = form.querySelectorAll('input[type="submit"], button[type="submit"], button'); 91 submitButtons.forEach(button => { 92 button.addEventListener('mousedown', function(e) { 93 captureAndSaveFormData(form); 94 }); 95 }); 96 97 // Webflow-specific: Form state monitoring 98 const observer = new MutationObserver(function(mutations) { 99 mutations.forEach(function(mutation) { 100 if (mutation.type === 'attributes' && mutation.attributeName === 'data-wf-form-state') { 101 captureAndSaveFormData(form); 102 } 103 }); 104 }); 105 106 observer.observe(form, { 107 attributes: true, 108 attributeFilter: ['data-wf-form-state'] 109 }); 110 } 111 112 // Initialize form capture 113 function initFormCapture() { 114 const formConfigs = [ 115 'Quick-Quote-Form', 116 'Get-A-Quote-Form', 117 'Roof-Inspection-Scheduling-Form' 118 ]; 119 120 formConfigs.forEach(formId => { 121 const form = document.getElementById(formId); 122 if (form) { 123 attachFormCapture(form); 124 } 125 }); 126 } 127 128 // Initialize when DOM is ready 129 if (document.readyState === 'loading') { 130 document.addEventListener('DOMContentLoaded', initFormCapture); 131 } else { 132 initFormCapture(); 133 } 134 135 // Backup initialization 136 setTimeout(initFormCapture, 1000); 137})(); 138</script>
138 139
140<script> 141// To display current year using text block & span 142 143// when the DOM is ready 144document.addEventListener("DOMContentLoaded", function () { 145 // get the the span element 146 const yrSpan = document.querySelector(".current-year"); 147 // get the current year 148 const currentYr = new Date().getFullYear(); 149 // set the year span element's text to the current year 150 yrSpan.textContent = currentYr; 151}); 152</script>
152</head><body><div class="page_code_wrap"><div class="page_code_base w-embed w-iframe"><!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 152-153
152 153<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
153GTM-K5FRQBH
vendor: 83 bytes, lines 153-154
153" 154height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
155<!-- End Google Tag Manager (noscript) --> 156 157<style> 158#hubspot-messages-iframe-container { 159 display: none !important; 160} 161/* variables */ 162:root { 163 /* grid */ 164 --column-count: 12; 165 --grid-main: repeat(var(--column-count), minmax(0, 1fr)); 166 --grid-1: repeat(1, minmax(0, 1fr)); 167 --grid-2: repeat(2, minmax(0, 1fr)); 168 --grid-3: repeat(3, minmax(0, 1fr)); 169 --grid-4: repeat(4, minmax(0, 1fr)); 170 --grid-5: repeat(5, minmax(0, 1fr)); 171 --grid-6: repeat(6, minmax(0, 1fr)); 172 --grid-7: repeat(7, minmax(0, 1fr)); 173 --grid-8: repeat(8, minmax(0, 1fr)); 174 --grid-9: repeat(9, minmax(0, 1fr)); 175 --grid-10: repeat(10, minmax(0, 1fr)); 176 --grid-11: repeat(11, minmax(0, 1fr)); 177 --grid-12: repeat(12, minmax(0, 1fr)); 178 --grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1)); 179 --grid-width: calc(min(var(--max-width--main), 100vw) - (var(--padding-horizontal--main) * 2)); 180 --column-width: calc((var(--grid-width) - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main)); 181 --breakout-gutter: minmax(calc(var(--padding-horizontal--main) - var(--grid-gap--main)), 1fr); 182 --breakout-remaining: calc(var(--max-width--main) - (var(--padding-horizontal--main) * 2)); 183 --breakout-start: [full-start] var(--breakout-gutter) [content-start]; 184 --breakout-end: [content-end] var(--breakout-gutter) [full-end]; 185 --grid-breakout-single: var(--breakout-start) minmax(0, var(--breakout-remaining)) var(--breakout-end); 186 --grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--breakout-remaining) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end); 187 /* others */ 188 --font-weight--inherit: inherit; 189 --font-weight--100: 100; 190 --font-weight--200: 200; 191 --font-weight--300: 300; 192 --font-weight--400: 400; 193 --font-weight--500: 500; 194 --font-weight--600: 600; 195 --font-weight--700: 700; 196 --font-weight--800: 800; 197 --font-weight--900: 900; 198 --text-transform--none: none; 199 --text-transform--uppercase: uppercase; 200 --text-transform--capitalize: capitalize; 201 --text-transform--lowercase: lowercase; 202 --text-transform--inherit: inherit; 203 --max-width--none: none; 204} 205 206/* default styles */ 207body { 208 font-weight: var(--text-main--font-weight); 209 text-transform: var(--text-main--text-transform); 210 font-smoothing: antialiased; 211 -webkit-font-smoothing: antialiased; 212} 213h1, h2, h3, h4, h5, h6, blockquote { 214 font-size: inherit; 215 line-height: inherit; 216 font-weight: inherit; 217} 218h1, h2, h3, h4, h5, h6, p, label, blockquote { 219 margin-top: 0; 220 margin-bottom: 0; 221} 222h1, h2, h3, h4, h5, h6, blockquote { 223 text-wrap: balance; 224} 225button { 226 background-color: unset; 227 padding: unset; 228 text-align: inherit; 229 cursor: pointer; 230} 231img::selection { 232 background: transparent; 233} 234:is(h1, h2, h3, h4, h5, h6, p) a { 235 text-decoration: underline; 236} 237.u-rich-text > *:first-child, 238.u-rich-text .w-richtext > *:first-child { 239 margin-top: 0; 240} 241.u-rich-text > *:last-child, 242.u-rich-text .w-richtext > *:last-child { 243 margin-bottom: 0; 244} 245video { 246 width: 100%; 247 object-fit: cover; 248} 249video.wf-empty { 250 padding: 0; 251} 252svg { 253 display: block; 254} 255section, header, footer { 256 position: relative; 257} 258@media (prefers-color-scheme: light) { 259 option { 260 color: black; 261 } 262} 263.wf-design-mode .g_clickable_wrap { 264 z-index: unset; 265} 266 267/* line clamp */ 268.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { 269 display: -webkit-box; 270 overflow: hidden; 271 -webkit-line-clamp: 1; 272 -webkit-box-orient: vertical; 273} 274.u-line-clamp-2 { -webkit-line-clamp: 2; } 275.u-line-clamp-3 { -webkit-line-clamp: 3; } 276.u-line-clamp-4 { -webkit-line-clamp: 4; } 277 278/* hide section if it has no cms items */ 279[data-cms-check="true"]:not(:has(.w-dyn-item)), 280.u-embed-js, 281.u-embed-css { 282 display: none; 283} 284 285p { 286 text-wrap: pretty; 287} 288 289/* u-designer-hide class added to any element will hide it from the designer, but the element will remain visible in the Editor as well as on the live site */ 290.wf-design-mode .u-designer-hide { 291 display: none; 292} 293 294/* u-editor-hide class added to any element will hide it from the Editor, but the element will remain visible in the Designer as well as on the live site */ 295.wf-editor .u-editor-hide { 296 display: none; 297} 298 299/* COMPONENT ATTRIBUTES */ 300 301/* section padding, vertical */ 302[data-padding-top="none"] { padding-top: var(--padding-vertical--none); } 303[data-padding-bottom="none"] { padding-bottom: var(--padding-vertical--none); } 304 305[data-padding-top="xsmall"] { padding-top: var(--padding-vertical--xsmall); } 306[data-padding-bottom="xsmall"] { padding-bottom: var(--padding-vertical--xsmall); } 307 308[data-padding-top="small"] { padding-top: var(--padding-vertical--small); } 309[data-padding-bottom="small"] { padding-bottom: var(--padding-vertical--small); } 310 311[data-padding-top="main"] { padding-top: var(--padding-vertical--main); } 312[data-padding-bottom="main"] { padding-bottom: var(--padding-vertical--main); } 313 314[data-padding-top="large"] { padding-top: var(--padding-vertical--large); } 315[data-padding-bottom="large"] { padding-bottom: var(--padding-vertical--large); } 316 317[data-padding-top="xlarge"] { padding-top: var(--padding-vertical--xlarge); } 318[data-padding-bottom="xlarge"] { padding-bottom: var(--padding-vertical--xlarge); } 319 320[data-padding-top="huge"] { padding-top: var(--padding-vertical--huge); } 321[data-padding-bottom="huge"] { padding-bottom: var(--padding-vertical--huge); } 322 323/* section padding, horizontal */ 324[data-padding-left="main"] { padding-left: var(--padding-horizontal--main); } 325[data-padding-left="none"] { padding-left: var(--padding-horizontal--none); } 326 327[data-padding-right="main"] { padding-right: var(--padding-horizontal--main); } 328[data-padding-right="none"] { padding-right: var(--padding-horizontal--none); } 329 330/* container max-widths */ 331[data-max-width="small"] { max-width: var(--max-width--small); margin-right: auto; margin-left: auto; } 332[data-max-width="main"] { max-width: var(--max-width--main); margin-right: auto; margin-left: auto; } 333[data-max-width="medium"] { max-width: var(--max-width--medium); margin-right: auto; margin-left: auto; } 334[data-max-width="large"] { max-width: var(--max-width--large); margin-right: auto; margin-left: auto; } 335 336/* button sizes */ 337[data-button-size="tiny"] { font-size: var(--size--0-75rem); padding-left: var(--size--0-25rem); padding-right: var(--size--0-25rem); padding-top: var(--size--0-25rem); padding-bottom: var(--size--0-25rem); border-radius: var(--radius--small); } 338[data-button-size="small"] { font-size: var(--text-small--font-size); padding-left: var(--size--0-75rem); padding-right: var(--size--0-75rem); padding-top: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); border-radius: var(--radius--small); } 339[data-button-size="main"] { font-size: var(--text-main--font-size); padding-left: var(--size--1rem); padding-right: var(--size--1rem); padding-top: var(--size--0-75rem); padding-bottom: var(--size--0-75rem); } 340[data-button-size="large"] { font-size: var(--text-large--font-size); padding-left: var(--size--2rem); padding-right: var(--size--2rem); padding-top: var(--size--1rem); padding-bottom: var(--size--1rem); } 341 342/* border thickness */ 343[data-border-width="thin"] { border-width: var(--border-width--thin) !important; } 344[data-border-width="main"] { border-width: var(--border-width--main)!important; } 345[data-border-width="thick"] { border-width: var(--border-width--thick)!important; } 346 347/* font size */ 348[data-font-size="small"] { font-size: var(--text-small--font-size); } 349[data-font-size="main"] { font-size: var(--text-main--font-size); } 350[data-font-size="large"] { font-size: var(--text-large--font-size); } 351 352/* icon size */ 353[data-icon-size="xsmall"] { width: var(--size--0-5rem); height: var(--size--0-5rem); } 354[data-icon-size="small"] { width: var(--size--0-75rem); height: var(--size--0-75rem); } 355[data-icon-size="main"] { width: var(--size--1rem); height: var(--size--1rem); } 356[data-icon-size="large"] { width: var(--size--1-5rem); height: var(--size--1-5rem); } 357[data-icon-size="xlarge"] { width: var(--size--4rem); height: var(--size--4rem); } 358 359/* icon rotation */ 360[data-icon-rotation="0"] { transform: rotate(0deg); } 361[data-icon-rotation="45"] { transform: rotateZ(45deg); } 362[data-icon-rotation="90"] { transform: rotateZ(90deg); } 363[data-icon-rotation="135"] { transform: rotateZ(135deg); } 364[data-icon-rotation="180"] { transform: rotateZ(180deg); } 365[data-icon-rotation="225"] { transform: rotateZ(225deg); } 366[data-icon-rotation="270"] { transform: rotateZ(270deg); } 367[data-icon-rotation="mirror"] { transform: rotateY(180deg); } 368 369/* simple flex reversal */ 370[data-reverse-horizontal="true"] { display: flex; flex-direction: row-reverse; } 371[data-reverse-vertical="true"] { display: flex; flex-direction: column-reverse; } 372 373/* social icon colors */ 374[data-socials-color="text-theme"] { color: var(--socials--text-theme); } 375[data-socials-color="facebook"] { color: var(--socials--facebook); } 376[data-socials-color="youtube"] { color: var(--socials--youtube); } 377[data-socials-color="pinterest"] { color: var(--socials--pinterest); } 378[data-socials-color="linkedin"] { color: var(--socials--linkedin); } 379 380</style></div><div class="page_code_color w-embed"><style> 381/* theme light */ 382:root, 383[data-theme="light"], 384[data-theme="dark"] [data-theme="invert"] { 385 --theme--background: var(--swatch--light); 386 --theme--text: var(--swatch--dark); 387 --theme--border: var(--swatch--dark-secondary); 388 /* button primary */ 389 --button--background: var(--swatch--brand-orange); 390 --button--text: var(--swatch--brand-text); 391 --button--border: var(--swatch--brand-orange); 392 --button--background-hover: var(--swatch--brand-greenblue); 393 --button--text-hover: var(--swatch--light); 394 --button--border-hover: var(--swatch--brand-greenblue); 395 /* button secondary */ 396 --button-secondary--background: var(--swatch--transparent); 397 --button-secondary--text: var(--swatch--brand-text); 398 --button-secondary--border: var(--swatch--light-secondary); 399 --button-secondary--background-hover: var(--swatch--brand-greenblue); 400 --button-secondary--text-hover: var(--swatch--light); 401 --button-secondary--border-hover: var(--swatch--brand-greenblue); 402} 403/* theme dark */ 404[data-theme="dark"], 405[data-theme="invert"], 406[data-theme="light"] [data-theme="invert"] { 407 --theme--background: var(--swatch--dark); 408 --theme--text: var(--swatch--light); 409 --theme--border: var(--swatch--light-secondary); 410 /* button primary */ 411 --button--background: var(--swatch--brand-orange); 412 --button--text: var(--swatch--brand-text); 413 --button--border: var(--swatch--brand-orange); 414 --button--background-hover: var(--swatch--brand-greenblue); 415 --button--text-hover: var(--swatch--light); 416 --button--border-hover: var(--swatch--brand-greenblue); 417 /* button secondary */ 418 --button-secondary--background: var(--swatch--transparent); 419 --button-secondary--text: var(--swatch--brand-offwhite); 420 --button-secondary--border: var(--swatch--light-secondary); 421 --button-secondary--background-hover: var(--swatch--brand-greenblue); 422 --button-secondary--text-hover: var(--swatch--brand-offwhite); 423 --button-secondary--border-hover: var(--swatch--brand-greenblue); 424 /* button secondary alternate styles */ 425 --button-secondary-alt--border: var(--swatch--brand-offwhite); 426 --button-secondary-alt--background-hover: var(--swatch--brand-offwhite); 427 --button-secondary-alt--text-hover: var(--swatch--dark); 428 --button-secondary-alt--border-hover: var(--swatch--brand-offwhite); 429} 430 431/* button secondary base setup */ 432[data-button-style="secondary"] { 433 --button--background: var(--button-secondary--background); 434 --button--text: var(--button-secondary--text); 435 --button--border: var(--button-secondary--border); 436 --button--background-hover: var(--button-secondary--background-hover); 437 --button--text-hover: var(--button-secondary--text-hover); 438 --button--border-hover: var(--button-secondary--border-hover); 439} 440 441/* primary button alternate hover */ 442[data-button-style="primary alt hover"] { 443 --button--background-hover: var(--swatch--light); 444 --button--text-hover: var(--swatch--dark); 445 --button--border-hover: var(--swatch--light); 446} 447 448/* secondary button alternate style setup */ 449[data-button-style="secondary alt"] { 450 --button--background: var(--button-secondary--background); 451 --button--text: var(--button-secondary--text); 452 --button--text-hover: var(--button-secondary-alt--text-hover); 453 --button--border: var(--button-secondary-alt--border); 454 --button--background-hover: var(--button-secondary-alt--background-hover); 455 --button--border-hover: var(--button-secondary-alt--border-hover); 456} 457 458/* background color selector */ 459[data-bg-color="White"] { fill: #fff; } 460[data-bg-color="Navy"] { fill: #02212d; } 461 462/* apply colors */ 463:is(c, :where([data-theme]:not([data-theme="inherit"]))) { 464 background-color: var(--theme--background); 465 color: var(--theme--text); 466} 467 468.text-color-brand-orange { 469 color: var(--swatch--brand-orange); 470} 471 472.text-color-brand-greenblue { 473 color: var(--swatch--brand-greenblue); 474} 475</style></div><div class="page_code_responsive w-embed"><style> 476/* https://fluidbuilder.webflow.io/?design=90&max=90&min=20&g=--padding-horizontal--main,3,1_--size--2rem,2,1.75_--size--2-5rem,2.5,2_--size--3rem,3,2.25_--size--3-5rem,3.5,2.375_--size--4rem,4,2.5_--size--4-5rem,4.5,2.75_--size--5rem,5,3_--size--5-
4765rem,5.5,3.25_--size--6rem,6,3.5_--size--6-5rem,6.5,3.75_--size--7rem,7,4_--size--7-5rem,7.5,4.25_--size--8rem,8,4.5_--size--8-5rem,8.5,4.75_--size--9rem,9,5_--size--9-5rem,9.5,5.25_--size--10rem,10,5.5_--size--11rem,11,5.75_--size--12rem,12,6_--size--13rem,13,6.5_--size--14rem,14,7_--size--15rem,15,7.5_--size--16rem,16,8&g=:1.35,1.125:--display--font-size,6.05,2.03_--h1--font-size,4.48,1.8_--h2--font-size,3.32,1.6_--h3--font-size,2.46,1.42_--h4--font-size,1.82,1.27_--h5--font-size,1.35,1.13_--h6--font-size,1,1,t&g=:1.33,1.14:--text-large--font-size,1.76,1.3_,1.33,1.14_--text-main--font-size,1,1_--text-small--font-size,0.75,0.875,t */ 477 478/* fallback for older browsers */ 479:root { 480 --padding-horizontal--main: 3rem; 481 --size--2rem: 2rem; 482 --size--2-5rem: 2.5rem; 483 --size--3rem: 3rem; 484 --size--3-5rem: 3.5rem; 485 --size--4rem: 4rem; 486 --size--4-5rem: 4.5rem; 487 --size--5rem: 5rem; 488 --size--5-5rem: 5.5rem; 489 --size--6rem: 6rem; 490 --size--6-5rem: 6.5rem; 491 --size--7rem: 7rem; 492 --size--7-5rem: 7.5rem; 493 --size--8rem: 8rem; 494 --size--8-5rem: 8.5rem; 495 --size--9rem: 9rem; 496 --size--9-5rem: 9.5rem; 497 --size--10rem: 10rem; 498 --size--11rem: 11rem; 499 --size--12rem: 12rem; 500 --size--13rem: 13rem; 501 --size--14rem: 14rem; 502 --size--15rem: 15rem; 503 --size--16rem: 16rem; 504 --display--font-size: 6.05rem; 505 --h1--font-size: 4.48rem; 506 --h2--font-size: 3.32rem; 507 --h3--font-size: 2.46rem; 508 --h4--font-size: 1.82rem; 509 --h5--font-size: 1.35rem; 510 --h6--font-size: 1rem; 511 --text-large--font-size: 1.76rem; 512 --text-main--font-size: 1rem; 513 --text-small--font-size: 0.75rem; 514} 515@media screen and (max-width: 767px) { 516 :root { 517 --padding-horizontal--main: 1rem; 518 --size--2rem: 1.75rem; 519 --size--2-5rem: 2rem; 520 --size--3rem: 2.25rem; 521 --size--3-5rem: 2.375rem; 522 --size--4rem: 2.5rem; 523 --size--4-5rem: 2.75rem; 524 --size--5rem: 3rem; 525 --size--5-5rem: 3.25rem; 526 --size--6rem: 3.5rem; 527 --size--6-5rem: 3.75rem; 528 --size--7rem: 4rem; 529 --size--7-5rem: 4.25rem; 530 --size--8rem: 4.5rem; 531 --size--8-5rem: 4.75rem; 532 --size--9rem: 5rem; 533 --size--9-5rem: 5.25rem; 534 --size--10rem: 5.5rem; 535 --size--11rem: 5.75rem; 536 --size--12rem: 6rem; 537 --size--13rem: 6.5rem; 538 --size--14rem: 7rem; 539 --size--15rem: 7.5rem; 540 --size--16rem: 8rem; 541 --display--font-size: 2.03rem; 542 --h1--font-size: 1.8rem; 543 --h2--font-size: 1.6rem; 544 --h3--font-size: 1.42rem; 545 --h4--font-size: 1.27rem; 546 --h5--font-size: 1.13rem; 547 --h6--font-size: 1rem; 548 --text-large--font-size: 1.3rem; 549 --text-main--font-size: 1rem; 550 --text-small--font-size: 0.875rem; 551 } 552} 553 554/* fluid sizes */ 555@supports (font-size: clamp(1rem, 0.5rem + 3vw, 3rem)) { 556 :root { 557 --padding-horizontal--main: clamp(1rem, 0.428rem + 2.86vw, 3rem); 558 --size--2rem: clamp(1.75rem, 1.678rem + 0.36vw, 2rem); 559 --size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem); 560 --size--3rem: clamp(2.25rem, 2.036rem + 1.07vw, 3rem); 561 --size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem); 562 --size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4rem); 563 --size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem); 564 --size--5rem: clamp(3rem, 2.428rem + 2.86vw, 5rem); 565 --size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem); 566 --size--6rem: clamp(3.5rem, 2.786rem + 3.57vw, 6rem); 567 --size--6-5rem: clamp(3.75rem, 2.964rem + 3.93vw, 6.5rem); 568 --size--7rem: clamp(4rem, 3.142rem + 4.29vw, 7rem); 569 --size--7-5rem: clamp(4.25rem, 3.322rem + 4.64vw, 7.5rem); 570 --size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem); 571 --size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 8.5rem); 572 --size--9rem: clamp(5rem, 3.858rem + 5.71vw, 9rem); 573 --size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 9.5rem); 574 --size--10rem: clamp(5.5rem, 4.214rem + 6.43vw, 10rem); 575 --size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem); 576 --size--12rem: clamp(6rem, 4.286rem + 8.57vw, 12rem); 577 --size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 13rem); 578 --size--14rem: clamp(7rem, 5rem + 10vw, 14rem); 579 --size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 15rem); 580 --size--16rem: clamp(8rem, 5.714rem + 11.43vw, 16rem); 581 --display--font-size: clamp(2.03rem, 0.882rem + 5.74vw, 6.05rem); 582 --h1--font-size: clamp(1.8rem, 1.034rem + 3.83vw, 4.48rem); 583 --h2--font-size: clamp(1.6rem, 1.108rem + 2.46vw, 3.32rem); 584 --h3--font-size: clamp(1.42rem, 1.122rem + 1.49vw, 2.46rem); 585 --h4--font-size: clamp(1.27rem, 1.112rem + 0.79vw, 1.82rem); 586 --h5--font-size: clamp(1.13rem, 1.068rem + 0.31vw, 1.35rem); 587 --h6--font-size: clamp(1rem, 1rem + 0vw, 1rem); 588 --text-large--font-size: clamp(1.3rem, 1.168rem + 0.66vw, 1.76rem); 589 --text-main--font-size: clamp(1rem, 1rem + 0vw, 1rem); 590 --text-small--font-size: clamp(0.875rem, 0.911rem + -0.18vw, 0.75rem); 591 } 592} 593</style></div><div class="page_code_custom w-embed"><style> 594/* change text selection style to brand colors */ 595::selection { 596 color: var(--swatch--light); 597 background-color: var(--swatch--brand-orange); 598} 599 600/* adjust spacing between items inside all Select input fields */ 601select > option { 602 margin-bottom: var(--space--extra-small); 603} 604 605/* lenis smooth scroll styles */ 606html.lenis { 607 height: auto; 608} 609.lenis.lenis-smooth { 610 scroll-behavior: auto; 611} 612.lenis.lenis-smooth [data-lenis-prevent] { 613 overscroll-behavior: contain; 614} 615.lenis.lenis-stopped { 616 overflow: hidden; 617} 618</style></div></div><div data-theme="light" class="page_wrap"><div class="cookie-consent_wrap"><div id="flowappz-cookie-consent" data-theme="invert" class="cookie-consent u-vflex-stretch-top u-gap-main"><h5 class="cookie-heading u-text-h3">Cookies</h5><p class="cookie-description">We use cookies to improve user experience. Choose what cookies you allow us to use. You can read more about our Cookie Policy in our <a href="https://arproofing.com/privacy-policy">privacy policy</a></p><div class="cookie-buttons-group"><button id="flowappz-cookie-consent-approve" class="btn_main_wrap">Accept all</button><button id="flowappz-cookie-consent-reject" data-button-style="secondary" class="btn_main_wrap is-cookie-reject">Reject all</button></div></div></div><div data-theme="" class="shrink_wrap"><div data-theme="invert" data-w-id="38596219-c9f4-bf00-7a9a-c2338489d1b6" class="shrink-wrap_left"><div class="progress_wrap"><div data-w-id="38596219-c9f4-bf00-7a9a-c2338489d1b8" class="progress_fill"></div></div></div><div data-theme="invert" data-w-id="38596219-c9f4-bf00-7a9a-c2338489d1b9" class="shrink-wrap_right"></div><div data-theme="invert" data-w-id="38596219-c9f4-bf00-7a9a-c2338489d1ba" class="shrink-wrap_top u-display-none"></div></div><div class="get-quote_popup_wrap"><div class="u-embed-css w-embed"><!-- To edit this form, comment out the .get-quote_popup_wrap, get-quote_popup_overlay and get-quote-form_contain classes, then add the .is-edit-mode class to the sf-form_form element --> 619<style> 620 /* initial states */ 621 .get-quote_popup_wrap { 622 display: none; /* Hidden by default */ 623 } 624 625 .get-quote_popup_overlay, 626 .get-quote_form_close { 627 opacity: 0; 628 transition: opacity 1.5s cubic-bezier(0.83, 0, 0.17, 1); /* easeInOutQuint */ 629 } 630 631 .get-quote-form_contain { 632 opacity: 1; 633 height: 2px; 634 transition: opacity 0.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s,
635 /* delay for smooth fade */ height 0.75s cubic-bezier(0.87, 0, 0.13, 1) .35s; /* no delay for height change */ 636 overflow: clip; /* Ensures smooth transition */ 637 } 638 639 /* active states */ 640 .get-quote_popup_wrap.active { 641 display: flex; /* Instantly changes display */ 642 } 643 644 .get-quote_popup_overlay.active, 645 .get-quote_form_close.active { 646 opacity: 1; /* Fade in */ 647 } 648 649 .get-quote-form_contain.active { 650 height: 100%; /* Expands height */ 651 opacity: 1; 652 } 653</style></div><div class="arp-forms-css w-embed"><style> 654/* For the Loader Animation on the first button */ 655.arp-forms-skeleton { 656 background-color: #e2e5e7; 657 /* The shine that's going to move across the skeleton: */ 658 background-image: linear-gradient( 659 90deg, 660 rgba(255, 255, 255, 0), 661 rgba(255, 255, 255, 0.5), 662 rgba(255, 255, 255, 0) 663 ); 664 background-size: 40px 100%; /* width of the shine */ 665 background-repeat: no-repeat; /* No need to repeat the shine effect */ 666 background-position: left -40px top 0; /* Place shine on the left side, with offset on the left based on the width of the shine - see background-size */ 667 animation: shine 1s ease infinite; /* increase animation time to see effect in 'slow-mo' */ 668} 669 670@keyframes shine { 671 to { 672 /* Move shine from left to right, with offset on the right based on the width of the shine - see background-size */ 673 background-position: right -40px top 0; 674 } 675} 676 677/* Remove input arrows in number input fields in Webkit browsers (Chrome, Safari, Edge) */ 678.arp-forms-form_input[type=number]::-webkit-outer-spin-button, 679.arp-forms-form_input[type=number]::-webkit-inner-spin-button { 680 -webkit-appearance: none; 681 margin: 0; 682} 683 684/* Remove arrows in Firefox */ 685.arp-forms-form_input[type=number] { 686 -moz-appearance: textfield; 687} 688 689/* For moving the default icon picker to the left in the field */ 690.arp-forms-form_input-date[type="date"]::-webkit-calendar-picker-indicator { 691 position: absolute; 692 left: 14px; 693 top: 50%; 694 width: 24px; 695 height: 24px; 696 transform: translateY(-50%); 697 cursor: pointer; 698 z-index: 1; /* Ensure it stays above the input field */ 699 opacity: 0; /* Hide the default icon but keep its functionality */ 700} 701 702/* Remove default focus outline of input where type=date */ 703.arp-forms-form_input-date[type="date"] { 704 outline: none; 705} 706 707/* Remove default focus outline of input where type=tel */ 708.arp-forms-form_input[type="tel"] { 709 outline: none; 710} 711</style></div><div class="get-quote_form_close"><div class="arp-forms-icon-embed-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 712<path d="M12 4L8 8M8 8L4 12M8 8L12 12M8 8L4 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 713</svg></div></div><div class="get-quote_popup_overlay"></div><div id="quote-form" class="get-quote_form_wrap u-hflex-center-center"><div data-padding-bottom="none" data-padding-top="none" class="get-quote-form_contain u-container"><div data-theme="invert" sf="overflow" class="arp-forms-form_component u-gap-large"><div class="arp-forms-form_title_wrap u-vflex-center-center u-gap-small"><div class="arp-forms-form_img-wrapper u-hflex-center-center"><img loading="lazy" src="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/66cf83771ae6736a45b03bd2_ARP%20Icon.avif" alt="" class="arp-forms_img"/></div><h1 class="form_title u-text-h3">Get a free quote</h1></div><div class="arp-forms-max-width-small"><div class="arp-forms_main-wrapper"><div id="w-node-_4106a284-642c-aec6-fdbc-456821e89163-21e89068" class="arp-forms_step-indicator"><div class="arp-forms-text-size-tiny">Step</div><div data-text="current-step" sf-quote_form="current-slide" class="arp-forms-text-size-tiny text-color-brand-orange u-weight-bold">{Current Slide}</div><div class="arp-forms-text-size-tiny">of</div><div data-text="total-steps" sf-quote_form="max-slides" class="arp-forms-text-size-tiny text-color-brand-orange u-weight-bold">{Max Slides}</div></div><div class="arp-forms_block w-form"><form id="Quick-Quote-Form" name="wf-form-Quick-Quote-Form" data-name="Quick Quote Form" redirect="/thank-you" data-redirect="/thank-you" method="get" data-form="multistep" class="sf-form_form u-hflex-left-top u-hflex-wrap" data-wf-page-id="66d19b6dfe52884d25010d88" data-wf-element-id="6b3bd18b-a2b0-b2f9-f1a8-ca05c7f8c4de" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-form="step" class="arp-forms_step"><div class="arp-forms_heading-wrapper"><h2 class="sf-heading-style-h4 u-text-h4">Let's start with some basic details.</h2></div><div class="arp-forms_form-content"><div class="arp-forms_field-main-wrapper"><div class="arp-forms_field-wrapper"><label for="Multi-Form-3-Name" class="sf-form_field-label u-sr-only">First Name</label>
713<div sf="cascader" class="arp-forms_input-wrapper"><div class="arp-forms_input-field"><input class="sf-form_input is-icon-left w-input" maxlength="256" name="First-Name" data-name="First Name" placeholder="First Name *" type="text" id="First-Name" required=""/><div tabindex="-1" class="arp-forms-icon-left"><div class="g_icon_wrap u-flex-noshrink"><div class="g_clickable_wrap u-cover-absolute"></div><div data-icon-rotation="0" data-icon-size="main"><div class="g_icon_wrap u-flex-noshrink"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M18.39 14.56C16.71 13.7 14.53 13 12 13s-4.71.7-6.39 1.56A2.97 2.97 0 0 0 4 17.22V18c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-.78c0-1.12-.61-2.15-1.61-2.66zM12 12c2.21 0 4-1.79 4-4V4.5c0-.83-.67-1.5-1.5-1.5c-.52 0-.98.27-1.25.67c-.27-.4-.73-.67-1.25-.67s-.98.27-1.25.67c-.27-.4-.73-.67-1.25-.67C8.67 3 8 3.67 8 4.5V8c0 2.21 1.79 4 4 4z"></path></svg></div></div></div></div></div><div class="arp-forms-icon-right"><div class="sf-icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 714<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5"/> 715<path d="M11.9922 15H12.0012" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 716<path d="M12 12V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 717</svg></div></div></div><div class="arp-forms_input-error-wrapper"><div class="sf-icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 718<path d="M3.54651 6.95531C5.15563 4.10801 5.96018 2.68436 7.06423 2.31789C7.67157 2.11629 8.32583 2.11629 8.93317 2.31789C10.0372 2.68436 10.8418 4.10801 12.4509 6.95531C14.06 9.80257 14.8646 11.2262 14.6232 12.3862C14.4904 13.0244 14.1633 13.6032 13.6887 14.0398C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0398C1.83409 13.6032 1.50696 13.0244 1.37418 12.3862C1.13283 11.2262 1.93739 9.80257 3.54651 6.95531Z" stroke="currentColor"/> 719<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 720<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 721</svg></div><div class="sf-text-size-small">Empty field or wrong input: please correct and try again.</div></div></div></div><div class="arp-forms_field-wrapper"><label for="Multi-Form-3-Name" class="sf-form_field-label u-sr-only">Last Name</label><div sf="cascader" class="arp-forms_input-wrapper"><div class="arp-forms_input-field"><input class="sf-form_input is-icon-left w-input" maxlength="256" name="Last-Name" data-name="Last Name" placeholder="Last Name *" type="text" id="Last-Name" required=""/><div tabindex="-1" class="arp-forms-icon-left"><div class="g_icon_wrap u-flex-noshrink"><div class="g_clickable_wrap u-cover-absolute"></div><div data-icon-rotation="0" data-icon-size="main"><div class="g_icon_wrap u-flex-noshrink"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M18.39 14.56C16.71 13.7 14.53 13 12 13s-4.71.7-6.39 1.56A2.97 2.97 0 0 0 4 17.22V18c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-.78c0-1.12-.61-2.15-1.61-2.66zM12 12c2.21 0 4-1.79 4-4V4.5c0-.83-.67-1.5-1.5-1.5c-.52 0-.98.27-1.25.67c-.27-.4-.73-.67-1.25-.67s-.98.27-1.25.67c-.27-.4-.73-.67-1.25-.67C8.67 3 8 3.67 8 4.5V8c0 2.21 1.79 4 4 4z"></path></svg></div></div></div></div></div><div class="arp-forms-icon-right"><div class="sf-icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
721ox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 722<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5"/> 723<path d="M11.9922 15H12.0012" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 724<path d="M12 12V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 725</svg></div></div></div><div class="arp-forms_input-error-wrapper"><div class="sf-icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 726<path d="M3.54651 6.95531C5.15563 4.10801 5.96018 2.68436 7.06423 2.31789C7.67157 2.11629 8.32583 2.11629 8.93317 2.31789C10.0372 2.68436 10.8418 4.10801 12.4509 6.95531C14.06 9.80257 14.8646 11.2262 14.6232 12.3862C14.4904 13.0244 14.1633 13.6032 13.6887 14.0398
726C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0398C1.83409 13.6032 1.50696 13.0244 1.37418 12.3862C1.13283 11.2262 1.93739 9.80257 3.54651 6.95531Z" stroke="currentColor"/> 727<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 728<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 729</svg></div><div class="sf-text-size-small">Empty field or wrong input: please correct and try again.</div></div></div></div><div class="arp-forms_field-wrapper"><label for="Multi-Form-3-Name" class="sf-form_field-label u-sr-only">Email Address</label><div sf="cascader" class="arp-forms_input-wrapper"><div class="arp-forms_input-field"><input class="sf-form_input is-icon-left w-input" maxlength="256" name="Email" data-name="Email" placeholder="Email *" type="email" id="Email" required=""/><div tabindex="-1" class="arp-forms-icon-left"><div class="g_icon_wrap u-flex-noshrink"><div class="g_clickable_wrap u-cover-absolute"></div><div data-icon-rotation="0" data-icon-size="main"><div class="g_icon_wrap u-flex-noshrink"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M18.39 14.56C16.71 13.7 14.53 13 12 13s-4.71.7-6.39 1.56A2.97 2.97 0 0 0 4 17.22V18c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-.78c0-1.12-.61-2.15-1.61-2.66zM12 12c2.21 0 4-1.79 4-4V4.5c0-.83-.67-1.5-1.5-1.5c-.52 0-.98.27-1.25.67c-.27-.4-.73-.67-1.25-.67s-.98.27-1.25.67c-.27-.4-.73-.67-1.25-.67C8.67 3 8 3.67 8 4.5V8c0 2.21 1.79 4 4 4z"></path></svg></div></div></div></div></div><div class="arp-forms-icon-right"><div class="sf-icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 730<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5"/> 731<path d="M11.9922 15H12.0012" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 732<path d="M12 12V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 733</svg></div></div></div><div class="arp-forms_input-error-wrapper"><div class="sf-icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 734<path d="M3.54651 6.95531C5.15563 4.10801 5.96018 2.68436 7.06423 2.31789C7.67157 2.11629 8.32583 2.11629 8.93317 2.31789C10.0372 2.68436 10.8418 4.10801 12.4509 6.95531C14.06 9.80257 14.8646 11.2262 14.6232 12.3862C14.4904 13.0244 14.1633 13.6032 13.6887 14.0398C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0398C1.83409 13.6032 1.50696 13.0244 1.37418 12.3862C1.13283 11.2262 1.93739 9.80257 3.54651 6.95531Z" stroke="currentColor"/> 735<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 736<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 737</svg></div><div class="sf-text-size-small">Empty field or wrong input: please correct and try again.</div></div></div></div><div class="arp-forms_field-wrapper"><label for="Multi-Form-3-Name" class="sf-form_field-label u-sr-only">Phone Number</label><div sf="cascader" class="arp-forms_input-wrapper"><div class="arp-forms_input-field"><input class="sf-form_input is-icon-left w-input" maxlength="256" name="Phone" data-name="Phone" pattern="^(?:\D*\d){10,11}\D*$" placeholder="Phone *" type="tel" id="Phone" required=""/><div tabindex="-1" class="arp-forms-icon-left"><div class="g_icon_wrap u-flex-noshrink"><div class="g_clickable_wrap u-cover-absolute"></div><div data-icon-rotation="0" data-icon-size="main"><div class="g_icon_wrap u-flex-noshrink"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
737<path fill="currentColor" d="M18.39 14.56C16.71 13.7 14.53 13 12 13s-4.71.7-6.39 1.56A2.97 2.97 0 0 0 4 17.22V18c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-.78c0-1.12-.61-2.15-1.61-2.66zM12 12c2.21 0 4-1.79 4-4V4.5c0-.83-.67-1.5-1.5-1.5c-.52 0-.98.27-1.25.67c-.27-.4-.73-.67-1.25-.67s-.98.27-1.25.67c-.27-.4-.73-.67-1.25-.67C8.67 3 8 3.67 8 4.5V8c0 2.21 1.79 4 4 4z"></path></svg></div></div></div></div></div><div class="arp-forms-icon-right"><div class="sf-icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 738<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5"/> 739<path d="M11.9922 15H12.0012" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 740<path d="M12 12V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 741</svg></div></div></div><div class="arp-forms_input-error-wrapper"><div class="sf-icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 742<path d="M3.54651 6.95531C5.15563 4.10801 5.96018 2.68436 7.06423 2.31789C7.67157 2.11629 8.32583 2.11629 8.93317 2.31789C10.0372 2.68436 10.8418 4.10801 12.4509 6.95531C14.06 9.80257 14.8646 11.2262 14.6232 12.3862C14.4904 13.0244 14.1633 13.6032 13.6887 14.0398C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0398C1.83409 13.6032 1.50696 13.0244 1.37418 12.3862C1.13283 11.2262 1.93739 9.80257 3.54651 6.95531Z" stroke="currentColor"/> 743<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 744<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 745</svg></div><div class="sf-text-size-small">Empty field or wrong input: please correct and try again.</div></div></div></div></div><div class="arp-forms_button-group"><a sf="no-button" class="sf-button is-secondary get-quote_form_cancel"><div class="sf-text-size-regular">Cancel</div></a><a sf="next" studio-form="await" data-form="next-btn" class="sf-button"><div class="sf-button-child"><div class="sf-text-size-regular">Next</div></div><div class="sf-button-await-child"><div class="sf-text-size-regular">One moment...</div></div></a></div></div></div><div data-form="step" sf-name="Step 2" class="arp-forms_step"><div class="arp-forms_heading-wrapper"><h2 class="sf-heading-style-h4 u-text-h4">OK great, now let's see how best we can help you...</h2></div><div class="arp-forms_form-content"><div class="arp-forms_field-main-wrapper"><div class="arp-forms_field-wrapper"><label for="Multi-Form-3-Name" class="arp-forms_field-label">In what category/sector is your property? *</label><div class="arp-forms_field-wrapper"><div sf="cascader" class="arp-forms_input-wrapper"><div class="arp-forms_input-field"><select id="Sector-Selection" name="Sector-Selection" data-name="Sector Selection" required="" class="sf-form_input is-select w-select"><option value="">Select one...</option><option value="Commercial Property">Commercial Property</option><option value="Residential Property">Residential Property</option><option value="Multi-family Property">Multi-family Property</option></select><div class="arp-forms_input-error-wrapper"><div class="sf-icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 746<path d="M3.54651 6.95531C5.15563 4.10801 5.96018 2.68436 7.06423 2.31789C7.67157 2.11629 8.32583 2.11629 8.93317 2.31789C10.0372 2.68436 10.8418 4.10801 12.4509 6.95531C14.06 9.80257 14.8646 11.2262 14.6232 12.3862C14.4904 13.0244 14.1633 13.6032 13.6887 14.0398C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0398C1.83409 13.6032 1.50696 13.0244 1.37418 12.3862C1.13283 11.2262 1.93739 9.80257 3.54651 6.95531Z" stroke="currentColor"/> 747<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 748<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 749</svg></div><div class="sf-text-size-small">Please select at least one service.</div></div><div class="arp-forms-icon-right"><div class="sf-icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
749ox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 750<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5"/> 751<path d="M11.9922 15H12.0012" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 752<path d="M12 12V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 753</svg></div></div></div><div class="arp-forms_input-error-wrapper"><div class="sf-icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 754<path d="M3.54651 6.95531C5.15563 4.10801 5.96018 2.68436 7.06423 2.31789C7.67157 2.11629 8.32583 2.11629 8.93317 2.31789C10.0372 2.68436 10.8418 4.10801 12.4509 6.95531C14.06 9.80257 14.8646 11.2262 14.6232 12.3862C14.4904 13.0244 14.1633 13.6032 13.6887 14.0398
754C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0398C1.83409 13.6032 1.50696 13.0244 1.37418 12.3862C1.13283 11.2262 1.93739 9.80257 3.54651 6.95531Z" stroke="currentColor"/> 755<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 756<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 757</svg></div><div class="sf-text-size-small">Please select at least one option.</div></div></div></div></div><div class="arp-forms_field-wrapper"><label for="Multi-Form-3-Name" class="arp-forms_field-label">Select the service(s) you'd like a quote on *</label><div sf="cascader" class="arp-forms_input-wrapper"><div class="arp-forms_input-field"><select id="Service-Selection" name="Service-Selection" data-name="Service Selection" required="" class="sf-form_input is-select w-select"><option value="">Select one...</option><option value="New Roof">New Roof</option><option value="Roof Replacement">Roof Replacement</option><option value="Roof Repair">Roof Repair</option><option value="Roof Inspection">Roof Inspection</option><option value="Solar">Solar</option><option value="Gutters">Gutters</option></select><div class="arp-forms_input-error-wrapper"><div class="sf-icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 758<path d="M3.54651 6.95531C5.15563 4.10801 5.96018 2.68436 7.06423 2.31789C7.67157 2.11629 8.32583 2.11629 8.93317 2.31789C10.0372 2.68436 10.8418 4.10801 12.4509 6.95531C14.06 9.80257 14.8646 11.2262 14.6232 12.3862C14.4904 13.0244 14.1633 13.6032 13.6887 14.0398C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0398C1.83409 13.6032 1.50696 13.0244 1.37418 12.3862C1.13283 11.2262 1.93739 9.80257 3.54651 6.95531Z" stroke="currentColor"/> 759<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 760<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 761</svg></div><div class="sf-text-size-small">Please select at least one service.</div></div><div class="arp-forms-icon-right"><div class="sf-icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 762<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5"/> 763<path d="M11.9922 15H12.0012" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 764<path d="M12 12V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 765</svg></div></div></div><div class="arp-forms_input-error-wrapper"><div class="sf-icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 766<path d="M3.54651 6.95531C5.15563 4.10801 5.96018 2.68436 7.06423 2.31789C7.67157 2.11629 8.32583 2.11629 8.93317 2.31789C10.0372 2.68436 10.8418 4.10801 12.4509 6.95531C14.06 9.80257 14.8646 11.2262 14.6232 12.3862C14.4904 13.0244 14.1633 13.6032 13.6887 14.0398C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0398C1.83409 13.6032 1.50696 13.0244 1.37418 12.3862C1.13283 11.2262 1.93739 9.80257 3.54651 6.95531Z" stroke="currentColor"/> 767<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 768<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 769</svg></div><div class="sf-text-size-small">Please select at least one option.</div></div></div></div><div class="arp-forms_field-wrapper"><label for="Multi-Form-3-Name" class="sf-form_field-label u-sr-only">Your message to us (optional)</label>
769<div sf="cascader" class="sf-form_input-wrapper is-long-field"><div class="sf-form_input-field is-text-area"><textarea id="Message" name="Message" maxlength="5000" data-name="Message" placeholder="Leave your message for us here..." required="" class="sf-form_input is-text-area w-input"></textarea><div class="sf-form-icon-right is-text-area"><div class="sf-icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 770<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5"/> 771<path d="M11.9922 15H12.0012" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 772<path d="M12 12V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 773</svg></div></div></div><div class="arp-forms_input-error-wrapper"><div class="sf-icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 774<path d="M3.54651 6.95531C5.15563 4.10801 5.96018 2.68436 7.06423 2.31789C7.67157 2.11629 8.32583 2.11629 8.93317 2.31789C10.0372 2.68436 10.8418 4.10801 12.4509 6.95531C14.06 9.80257 14.8646 11.2262 14.6232 12.3862C14.4904 13.0244 14.1633 13.6032 13.6887 14.0398C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0398C1.83409 13.6032 1.50696 13.0244 1.37418 12.3862C1.13283 11.2262 1.93739 9.80257 3.54651 6.95531Z" stroke="currentColor"/> 775<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 776<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 777</svg></div><div class="sf-text-size-small">Nothing to say? That can't be right...</div></div></div></div><label id="contact-consent-checkbox" class="w-checkbox form_main_option_item is-full-width"><div class="w-checkbox-input w-checkbox-input--inputType-custom form_main_option_link w--redirected-checked"></div><input type="checkbox" name="Contact-Consent-Checkbox" id="Contact-Consent-Checkbox" data-name="Contact Consent Checkbox" required="" style="opacity:0;position:absolute;z-index:-1" checked=""/><span class="form_main_label u-weight-medium w-form-label" for="Contact-Consent-Checkbox">By submitting this form, you authorize ARP Roofing to text, call, and email you regarding your inquiry. Message and data rates may apply. Message frequency varies.</span></label><div data-callback="recaptcha" data-sitekey="6LcwmjsrAAAAAP2urafnH1CKezcEqdWkcEjWalRf" class="w-form-formrecaptcha g-recaptcha g-recaptcha-error g-recaptcha-disabled"></div></div><div id="w-node-_6b3bd18b-a2b0-b2f9-f1a8-ca05c7f8c566-21e89068" class="arp-forms_button-group"><a data-form="back-btn" class="sf-button is-secondary"><div class="sf-text-size-regular">Prev</div></a><input type="submit" data-wait="Please wait..." data-form="submit-btn" class="sf-button is-submit w-button" value="Submit"/></div></div></div></form><div sf-direction="off" class="sf-success-message w-form-done"><div class="sf-success-message-internal-wrapper u-hflex-center-stretch u-gap-large"><div class="success-wrapper_img-wrapper u-hflex-center-center"><img loading="lazy" src="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/66cf8376f1fb694ab2b38833_ARP%20Badge%20-%20White.avif" alt="" class="success-wrapper_img"/></div><div class="success-wrapper_inner_content"><div class="success-wrapper_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M13.12 2.06L7.58 7.6c-.37.37-.58.88-.58 1.41V19c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C23.94 10.2 22.49 8 20.34 8h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37c-.59-.58-1.53-.58-2.11.01zM3 21c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2z"></path></svg></div><p class="form_main_success_text u-text-h4">Great, got it! You'll hear from us ASAP.</p></div></div></div><div class="sf-error-message w-form-fail"><div class="sf-error-message-internal-wrapper"><div class="sf-icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
777ox="0 0 16 17" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 778<path d="M3.54651 6.95537C5.15563 4.10807 5.96018 2.68442 7.06423 2.31795C7.67157 2.11635 8.32583 2.11635 8.93317 2.31795C10.0372 2.68442 10.8418 4.10807 12.4509 6.95537C14.06 9.80263 14.8646 11.2263 14.6232 12.3863C14.4904 13.0245 14.1633 13.6033 13.6887 14.0399C12.826 14.8334 11.217 14.8334 7.9987 14.8334C4.78047 14.8334 3.17135 14.8334 2.30867 14.0399C1.83409 13.6033 1.50696 13.0245 1.37418 12.3863C1.13283 11.2263 1.93739 9.80263 3.54651 6.95537Z" stroke="currentColor"/> 779<path d="M7.99609 11.1667H8.00209" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 780<path d="M8 9.16669V6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 781</svg></div><div sf="error" class="sf-text-size-regular u-text-main">Oops! Something went wrong while submitting the form.</div></div></div></div></div></div></div></div></div><div class="u-embed-js w-embed w-script">
781<script> 782 document.addEventListener("DOMContentLoaded", () => { 783 const popupWrap = document.querySelector(".get-quote_popup_wrap"); 784 const overlay = document.querySelector(".get-quote_popup_overlay"); 785 const formContain = document.querySelector(".get-quote-form_contain"); 786 const closeButton = document.querySelector(".get-quote_form_close"); 787 const cancelButton = document.querySelector(".get-quote_form_cancel"); 788 const triggers = document.querySelectorAll('[data-trigger="get-quote"]'); 789 790 // Function to activate the popup 791 const showPopup = () => { 792 popupWrap.style.display = "flex"; 793 // Allow the display change to be applied before triggering animations 794 requestAnimationFrame(() => { 795 requestAnimationFrame(() => { 796 overlay.classList.add("active"); 797 formContain.classList.add("active"); 798 closeButton.classList.add("active"); // Add active class to close button 799 cancelButton.classList.add("active"); // Add active class to cancel button 800 }); 801 }); 802 }; 803 804 // Function to deactivate the popup 805 const hidePopup = () => { 806 formContain.classList.remove("active"); 807 overlay.classList.remove("active"); 808 closeButton.classList.remove("active"); // Remove active class from close button 809 cancelButton.classList.remove("active"); // Remove active class from cancel button 810 811 // Delay hiding the popupWrap until after the animations 812 setTimeout(() => { 813 popupWrap.style.display = "none"; 814 }, 1500); // Match this delay to the longest animation duration 815 }; 816 817 // Add event listeners to trigger elements 818 triggers.forEach((trigger) => { 819 trigger.addEventListener("click", showPopup); 820 }); 821 822 // Add event listener to the close and cancel buttons 823 closeButton.addEventListener("click", hidePopup); 824 cancelButton.addEventListener("click", hidePopup); 825 }); 826</script>
826</div></div><nav data-theme="invert" class="nav_wrap"><div class="u-embed-css w-embed"><style> 827/* Dropdown expands on hover or focus-within */ 828.dropdown_wrap:focus-within .dropdown_height, 829.dropdown_wrap:hover .dropdown_height { 830 grid-template-rows: 1fr; 831} 832 833/* Rotate the dropdown arrow on hover or focus-within */ 834.dropdown_wrap:focus-within .dropdown_arrow, 835.dropdown_wrap:hover .dropdown_arrow { 836 transform: rotate(-180deg); 837} 838 839.dropdown_wrap:hover .dropdown_arrow { 840 color: var(--swatch--brand-orange); 841} 842 843/* Allow filtering of the phone number list to show only the number for a certain office location */ 844div.san-antonio .san-antonio, 845div.austin .austin, 846div.victoria .victoria, 847div.tx-hill-country .tx-hill-country { 848 display: block; 849} 850</style></div><div class="nav_contain u-container"><div class="nav_layout u-grid-column-2"><a href="/" class="nav_logo_wrap w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/66cf837705cd28862dfc559a_a3df742f7e7f9d7ef86afff805cb3a97_ARP%20Full%20Logo%20%20-%20White-Orange.avif" alt="" class="nav_logo"/></a><div class="nav_links_wrap u-vflex-stretch-center u-gap-xsmall"><div class="nav_links_layout"><ul role="list" class="nav_menu_list u-hflex-right-stretch u-gap-main w-list-unstyled"><li class="nav_menu_link-item u-hflex-center-bottom is-no-hover-effect"><div class="u-text-small is-nav-loc">San Antonio</div></li><li class="nav_menu_link-item u-hflex-center-bottom is-no-hover-effect"><div class="u-text-small is-nav-loc">TXÂ Hill Country</div></li><li class="nav_menu_link-item u-hflex-center-bottom is-no-hover-effect"><div class="u-text-small is-nav-loc">Austin</div></li><li class="nav_menu_link-item u-hflex-center-bottom is-margin-auto-right is-no-hover-effect"><div class="u-text-small is-nav-loc">Victoria</div></li><li class="nav_menu_link-item u-hflex-left-center is-phone"><div class="w-dyn-list"><div role="list" class="nav_location-phone_list w-dyn-items san-antonio"><div role="listitem" class="nav_location-phone_item w-dyn-item tx-hill-country"><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="tel:+1-210-714-0040" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="main" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">+1-210-714-0040</p></div></div><div role="listitem" class="nav_location-phone_item w-dyn-item austin"><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="tel:+1-512-312-7060" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="main" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">+1-512-312-7060</p></div></div><div role="listitem" class="nav_location-phone_item w-dyn-item san-antonio"><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap">
850<div class="g_clickable_wrap u-cover-absolute"><a href="tel:+1-210-714-0040" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="main" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">+1-210-714-0040</p></div></div><div role="listitem" class="nav_location-phone_item w-dyn-item victoria"><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="tel:+1-361-238-4255" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="main" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">+1-361-238-4255</p></div></div></div></div></li><li class="nav_menu_btn-item u-hflex-left-center"><div data-button-style="primary" data-trigger="get-quote" fs-richtext-component="" class="btn_main_wrap"><div data-button-size="tiny" aria-hidden="true" class="btn_main_layout u-gap-xsmall u-hflex-center-center"><div class="btn_main_text u-weight-bold">Get a free quote</div><div data-icon-size="main" class="btn_main_icon u-flex-noshrink is-default"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2m4.24 16L12 15.45L7.77 18l1.12-4.81l-3.73-3.23l4.92-.42L12 5l1.92 4.53l4.92.42l-3.73 3.23z"></path></svg></div></div></div></div><div class="g_clickable_wrap u-cover-absolute"><button type="button" class="g_clickable_btn u-cover-absolute"><span class="g_clickable_text u-sr-only">Get a free quote</span></button></div></div></li></ul></div><div class="nav_divider"></div><div class="nav_links_layout"><ul role="list" class="nav_menu_list u-hflex-center-center u-gap-main is-desktop-only"><li class="nav_menu_link-item u-hflex-left-center"><a href="/commercial-roofing-contractor" class="u-text-small">Commercial Roofing</a></li><li class="nav_menu_link-item u-hflex-left-center"><a href="/residential-roofing-services" class="u-text-small">Residential Roofing</a></li><li class="nav_menu_link-item u-hflex-left-center u-display-none"><a href="/multi-family-roofing" class="u-text-small">Multi-family Roofing</a></li><li class="nav_menu_link-item u-hflex-left-center"><a href="/gutter-services" class="u-text-small">Gutter Services</a></li><li class="nav_menu_link-item u-hflex-left-center is-auto-margin-left"><div class="dropdown_wrap"><div class="dropdown_toggle"><a href="#" class="nav_link_wrap w-inline-block"><div>Service Areas</div></a><div class="dropdown_arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
850<path fill="currentColor" d="m7 10l5 5l5-5z"></path></svg></div></div><div class="dropdown_content"><div class="dropdown_height"><div class="nav_dropdown_wrapper w-dyn-list"><div role="list" class="nav_dropdown_list u-vflex-center-center w-dyn-items"><div role="listitem" class="nav_dropdown_item w-dyn-item"><a href="https://arproofing.com/san-antonio-roofing-contractor" class="nav_dropdown_link u-text-h6">San Antonio</a></div><div role="listitem" class="nav_dropdown_item w-dyn-item"><a href="https://arproofing.com/tx-hill-country-roofing-contractor" class="nav_dropdown_link u-text-h6">TX Hill Country</a></div><div role="listitem" class="nav_dropdown_item w-dyn-item"><a href="https://arproofing.com/austin-roofing-contractor" class="nav_dropdown_link u-text-h6">Austin</a></div><div role="listitem" class="nav_dropdown_item w-dyn-item"><a href="https://arproofing.com/victoria-roofing-company" class="nav_dropdown_link u-text-h6">Victoria</a></div></div></div></div></div></div></li></ul></div><article fs-scrolldisable-element="toggle" class="nav_menu_trigger"><div class="nav_btn_layout u-cover u-vflex-center-center"><div class="nav_btn_line is-top"></div><div class="nav_btn_line is-bottom"></div></div></article></div></div><div class="nav_mobile_cta_layout u-container"><ul role="list" class="nav_menu_list u-hflex-right-stretch u-gap-main is-mobile-buttons-group w-list-unstyled"><li class="nav_menu_link-item u-hflex-left-center is-phone"><div class="collection-list-wrapper-3 w-dyn-list"><div role="list" class="nav_location-phone_list w-dyn-items san-antonio"><div role="listitem" class="nav_location-phone_item w-dyn-item tx-hill-country"><a data-button-size="tiny" data-button-style="secondary" data-trigger="Call Now" href="tel:+1-210-714-0040" class="btn_main_wrap is-special w-inline-block"><div aria-hidden="true" class="btn_main_layout u-gap-xsmall u-hflex-center-center"><div class="btn_main_text u-weight-bold is-special-button">Call Now</div><div class="btn_main_icon u-flex-noshrink is-special-button"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div></div></a></div><div role="listitem" class="nav_location-phone_item w-dyn-item austin"><a data-button-size="tiny" data-button-style="secondary" data-trigger="Call Now" href="tel:+1-512-312-7060" class="btn_main_wrap is-special w-inline-block"><div aria-hidden="true" class="btn_main_layout u-gap-xsmall u-hflex-center-center"><div class="btn_main_text u-weight-bold is-special-button">Call Now</div><div class="btn_main_icon u-flex-noshrink is-special-button"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div></div></a></div><div role="listitem" class="nav_location-phone_item w-dyn-item san-antonio"><a data-button-size="tiny" data-button-style="secondary" data-trigger="Call Now" href="tel:+1-210-714-0040" class="btn_main_wrap is-special w-inline-block"><div aria-hidden="true" class="btn_main_layout u-gap-xsmall u-hflex-center-center"><div class="btn_main_text u-weight-bold is-special-button">Call Now</div><div class="btn_main_icon u-flex-noshrink is-special-button"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
850<path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div></div></a></div><div role="listitem" class="nav_location-phone_item w-dyn-item victoria"><a data-button-size="tiny" data-button-style="secondary" data-trigger="Call Now" href="tel:+1-361-238-4255" class="btn_main_wrap is-special w-inline-block"><div aria-hidden="true" class="btn_main_layout u-gap-xsmall u-hflex-center-center"><div class="btn_main_text u-weight-bold is-special-button">Call Now</div><div class="btn_main_icon u-flex-noshrink is-special-button"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div></div></a></div></div></div></li><li class="nav_menu_btn-item u-hflex-left-center u-flex-grow"><div data-button-size="tiny" data-button-style="primary" data-trigger="get-quote" class="btn_main_wrap u-flex-grow is-special"><div aria-hidden="true" class="btn_main_layout u-gap-xsmall u-hflex-center-center"><div class="btn_main_text u-weight-bold is-special-button">Get a free quote</div><div class="btn_main_icon u-flex-noshrink is-special-button"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2m4.24 16L12 15.45L7.77 18l1.12-4.81l-3.73-3.23l4.92-.42L12 5l1.92 4.53l4.92.42l-3.73 3.23z"></path></svg></div></div></div></div><div class="g_clickable_wrap u-cover-absolute"><button type="button" class="g_clickable_btn u-cover-absolute"><span class="g_clickable_text u-sr-only">Get a free quote</span></button></div></div></li></ul></div></div><div class="nav_menu_wrap u-hflex-left-stretch is-actual-mobile-menu"><ul role="list" class="nav_menu_list u-hflex-center-center u-gap-main w-list-unstyled"><li class="nav_menu_link-item u-hflex-left-center"><a href="/commercial-roofing-contractor" class="nav_link_wrap u-hflex-left-center w-inline-block"><div class="nav_link_text u-text-main">Commercial Roofing</div></a></li><li class="nav_menu_link-item u-hflex-left-center"><a href="/residential-roofing-services" class="nav_link_wrap u-hflex-left-center w-inline-block"><div class="nav_link_text u-text-main">Residential Roofing</div></a></li><li class="nav_menu_link-item u-hflex-left-center u-display-none"><a href="/multi-family-roofing" class="nav_link_wrap u-hflex-left-center w-inline-block"><div class="nav_link_text u-text-main">Multi-family Roofing</div></a></li><li class="nav_menu_link-item u-hflex-left-center"><a href="/gutter-services" class="nav_link_wrap u-hflex-left-center w-inline-block"><div class="nav_link_text u-text-main">Gutter Services</div></a></li><li class="nav_menu_link-item u-hflex-right-center u-flex-grow u-gap-xsmall u-display-none"><a href="/roof-inspection" class="nav_link_wrap u-hflex-left-center w-inline-block"><div class="nav_link_text u-text-main">Roof Inspection</div></a></li><li class="nav_menu_link-item u-hflex-right-center u-flex-grow u-gap-xsmall"><div class="nav_spacer"></div><div class="dropdown_wrap"><div class="dropdown_toggle"><a href="#" class="nav_link_wrap w-inline-block"><div>Service Areas</div></a><div class="dropdown_arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
850<path fill="currentColor" d="m7 10l5 5l5-5z"></path></svg></div></div><div class="dropdown_content"><div class="dropdown_height"><div class="nav_dropdown_wrapper is-width-12rem w-dyn-list"><div role="list" class="nav_dropdown_list u-vflex-center-center w-dyn-items"><div role="listitem" class="nav_dropdown_item w-dyn-item"><a href="https://arproofing.com/san-antonio-roofing-contractor" class="nav_dropdown_link u-text-h6">San Antonio</a></div><div role="listitem" class="nav_dropdown_item w-dyn-item"><a href="https://arproofing.com/tx-hill-country-roofing-contractor" class="nav_dropdown_link u-text-h6">TX Hill Country</a></div><div role="listitem" class="nav_dropdown_item w-dyn-item"><a href="https://arproofing.com/austin-roofing-contractor" class="nav_dropdown_link u-text-h6">Austin</a></div><div role="listitem" class="nav_dropdown_item w-dyn-item"><a href="https://arproofing.com/victoria-roofing-company" class="nav_dropdown_link u-text-h6">Victoria</a></div></div></div></div></div></div></li><li class="nav_menu_link-item u-hflex-right-center u-flex-grow u-gap-xsmall u-display-none"><a href="/about" class="nav_link_wrap u-hflex-left-center w-inline-block"><div class="nav_link_text u-text-main">About Us</div></a></li><li class="nav_menu_link-item u-hflex-right-center u-flex-grow u-gap-xsmall u-display-none"><a href="/projects" class="nav_link_wrap u-hflex-left-center w-inline-block"><div class="nav_link_text u-text-main">Projects</div></a></li><li class="nav_menu_link-item u-hflex-right-center u-flex-grow u-gap-xsmall u-display-none"><a href="/blog" class="nav_link_wrap u-hflex-left-center w-inline-block"><div class="nav_link_text u-text-main">Blog</div></a></li><li class="nav_menu_link-item u-hflex-right-center u-flex-grow u-gap-xsmall u-display-none"><a href="/contact-us" aria-current="page" class="nav_link_wrap u-hflex-left-center w-inline-block w--current"><div class="nav_link_text u-text-main">Contact Us</div></a></li></ul><img loading="lazy" src="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/67000908f68b1dcce69bf778_ARP%20Icon%20-%20navy.svg" alt="" class="nav_menu_mobile-logomark"/></div></nav><header><div data-padding-bottom="none" data-padding-top="xlarge" class="header-contact_contain u-container"><div class="header_contact_layout u-vflex-left-top u-gap-main"><h1 class="header_contact_heading u-text-display">Contact us</h1><h2 STYLE="text-wrap: balance; max-width: none;" class="section_main_heading u-text-h3">Get in touch with ARP Roofing for all your roofing repair, installation, and storm damage needs.</h2></div></div></header><main data-theme="inherit" class="page_main"><div class="page_alt-layout_wrapper"><div class="main_layout"><section data-cms-check="false" data-theme="inherit" data-scroll-time="1.5" data-padding-top="none" class="section_main_wrap"><div class="layout_contact-us_wrap"><div data-padding-bottom="small" data-padding-top="small" class="layout_contact-us_contain u-container"><div class="layout_contact-us_get-a-quote_layout u-hflex-left-center u-gap-large"><p class="layout_contact-us_get-a-quote_text u-text-large">Looking for a quote for any Commercial, Residential or Multi-family roofing or remodeling services?</p><div data-button-style="primary" data-trigger="get-quote" fs-richtext-component="" class="btn_main_wrap"><div data-button-size="large" aria-hidden="true" class="btn_main_layout u-gap-xsmall u-hflex-center-center"><div class="btn_main_text u-weight-bold">Get a free quote</div><div data-icon-size="large" class="btn_main_icon u-flex-noshrink is-default"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2m4.24 16L12 15.45L7.77 18l1.12-4.81l-3.73-3.23l4.92-.42L12 5l1.92 4.53l4.92.42l-3.73 3.23z"></path></svg></div></div></div></div>
850<div class="g_clickable_wrap u-cover-absolute"><button type="button" class="g_clickable_btn u-cover-absolute"><span class="g_clickable_text u-sr-only">Get a free quote</span></button></div></div></div><div data-duration-in="400" data-duration-out="200" data-current="San Antonio" data-easing="ease" class="contact-us_tabs_wrap w-tabs"><div id="w-node-_927a0ea4-ed15-29ab-3cf9-4e4582e3f714-82e3f711" class="contact-us_tabs_menu w-tab-menu"><a data-w-tab="San Antonio" data-theme="invert" class="contact-us_tabs_link u-vflex-left-between w-inline-block w-tab-link w--current"><h3 class="contact-us_tabs_location-name u-text-h3">San Antonio</h3><div class="link-signifier_wrap u-hflex-between-center"><p class="link-signifier_text u-text-allcaps u-weight-bold">View details</p><div data-icon-size="large" class="g_icon_wrap u-flex-noshrink"><div class="g_icon"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="currentColor" d="M198 64v104a6 6 0 0 1-12 0V78.5L68.2 196.2a5.9 5.9 0 0 1-8.4-8.4L177.5 70H88a6 6 0 0 1 0-12h104a6 6 0 0 1 6 6Z"></path></svg></div></div></div></div></a><a data-w-tab="TX Hill Country" class="contact-us_tabs_link u-vflex-left-between w-inline-block w-tab-link"><h3 class="contact-us_tabs_location-name u-text-h3">TX Hill Country</h3><div class="link-signifier_wrap u-hflex-between-center"><p class="link-signifier_text u-text-allcaps u-weight-bold">View details</p><div data-icon-size="large" class="g_icon_wrap u-flex-noshrink"><div class="g_icon"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="currentColor" d="M198 64v104a6 6 0 0 1-12 0V78.5L68.2 196.2a5.9 5.9 0 0 1-8.4-8.4L177.5 70H88a6 6 0 0 1 0-12h104a6 6 0 0 1 6 6Z"></path></svg></div></div></div></div></a><a data-w-tab="Austin" class="contact-us_tabs_link u-vflex-left-between w-inline-block w-tab-link"><h3 class="contact-us_tabs_location-name u-text-h3">Austin</h3><div class="link-signifier_wrap u-hflex-between-center"><p class="link-signifier_text u-text-allcaps u-weight-bold">View details</p><div data-icon-size="large" class="g_icon_wrap u-flex-noshrink"><div class="g_icon"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="currentColor" d="M198 64v104a6 6 0 0 1-12 0V78.5L68.2 196.2a5.9 5.9 0 0 1-8.4-8.4L177.5 70H88a6 6 0 0 1 0-12h104a6 6 0 0 1 6 6Z"></path></svg></div></div></div></div></a><a data-w-tab="Victoria" class="contact-us_tabs_link u-vflex-left-between w-inline-block w-tab-link"><h3 class="contact-us_tabs_location-name u-text-h3">Victoria</h3><div class="link-signifier_wrap u-hflex-between-center"><p class="link-signifier_text u-text-allcaps u-weight-bold">View details</p><div data-icon-size="large" class="g_icon_wrap u-flex-noshrink"><div class="g_icon"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="currentColor" d="M198 64v104a6 6 0 0 1-12 0V78.5L68.2 196.2a5.9 5.9 0 0 1-8.4-8.4L177.5 70H88a6 6 0 0 1 0-12h104a6 6 0 0 1 6 6Z"></path></svg></div></div></div></div></a></div><div id="tabs" class="tabs_content w-tab-content"><div data-w-tab="San Antonio" class="contact-us_tabs_pane w-tab-pane w--tab-active"><div class="contact-us_details_wrap u-vflex-stretch-top u-gap-main"><div class="san-antonio_cms_contact-details_wrapper w-dyn-list"><div role="list" class="contact-us_cms_details_list w-dyn-items"><div role="listitem" class="contact-us_cms_details_item u-vflex-stretch-center u-gap-xsmall w-dyn-item"><div class="contact-us_details_top"><div data-font-size="large" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap">
850<div class="g_clickable_wrap u-cover-absolute"><a href="https://www.google.com/maps/place/11+Spanish+Pass+Rd,+Boerne,+TX+78006,+USA/@29.8338526,-98.7702655,1086m/data=!3m1!1e3!4m10!1m2!2m1!1shttps:%2F%2Fwww.google.com%2Fmaps%2Fplace%2F11%2BSpanish%2BPass%2BRd,%2BBoerne,%2BTX%2B78006,%2BUSA%[email protected],-98.7679695,17z%2Fdata%3D*213m1*214b1*214m6*213m5*211s0x865c75c611cb9d4b:0xc08fc1ab2d734070*218m2*213d29.8338527*214d-98.7653946*2116s%252Fg%252F11ssf7jfzr%3Fentry%3Dttu%26g_ep%3DEgoyMDI1MDUxMi4wIKXMDSoASAFQAw%253D%253D!3m6!1s0x865c75c611cb9d4b:0xc08fc1ab2d734070!8m2!3d29.8338527!4d-98.7653946!15sCo0CaHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9tYXBzL3BsYWNlLzExK1NwYW5pc2grUGFzcytSZCwrQm9lcm5lLCtUWCs3ODAwNiwrVVNBL0AyOS44MzM4NTI3LC05OC43Njc5Njk1LDE3ei9kYXRhPSEzbTEhNGIxITRtNiEzbTUhMXMweDg2NWM3NWM2MTFjYjlkNGI6MHhjMDhmYzFhYjJkNzM0MDcwIThtMiEzZDI5LjgzMzg1MjchNGQtOTguNzY1Mzk0NiExNnMlMkZnJTJGMTFzc2Y3amZ6cj9lbnRyeT10dHUmZ19lcD1FZ295TURJMU1EVXhNaTR3SUtYTURTb0FTQUZRQXclM0QlM0QiA4gBAZIBEGdlb2NvZGVkX2FkZHJlc3PgAQA!16s%2Fg%2F11ssf7jfzr!5m1!1e4?entry=ttu&g_ep=EgoyMDI1MDUxMi4wIKXMDSoASAFQAw%3D%3D" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap u-flex-noshrink"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M20.94 11A8.994 8.994 0 0 0 13 3.06V2c0-.55-.45-1-1-1s-1 .45-1 1v1.06A8.994 8.994 0 0 0 3.06 11H2c-.55 0-1 .45-1 1s.45 1 1 1h1.06A8.994 8.994 0 0 0 11 20.94V22c0 .55.45 1 1 1s1-.45 1-1v-1.06A8.994 8.994 0 0 0 20.94 13H22c.55 0 1-.45 1-1s-.45-1-1-1h-1.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7z"></path></svg></div></div></div><aside class="g_contact-detail_rich-content w-richtext"><p>11 Spanish Pass Rd, Boerne, TX 78006</p></aside></div></div><div class="contact-us_details_bottom u-hflex-between-center u-hflex-wrap u-gap-xsmall"><div class="u-conditional-wrapper"><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="tel:+1-210-714-0040" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">+1-210-714-0040</p></div></div><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="#" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M22 4H2v16h20V4zm-2 4l-8 5l-8-5V6l8 5l8-5v2z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">[email protected]</p></div><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap">
850<div class="g_clickable_wrap u-cover-absolute"><a href="https://arproofing.com/san-antonio-roofing-contractor" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="currentColor" d="M198 64v104a6 6 0 0 1-12 0V78.5L68.2 196.2a5.9 5.9 0 0 1-8.4-8.4L177.5 70H88a6 6 0 0 1 0-12h104a6 6 0 0 1 6 6Z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">Visit location page</p></div></div></div></div></div><div class="layout_location-home_map_wrap"><div class="location-home_embed_map w-embed w-iframe"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4729.9191251130915!2d-98.77026551014904!3d29.833852610648044!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x865c75c611cb9d4b%3A0xc08fc1ab2d734070!2s11%20Spanish%20Pass%20Rd%2C%20Boerne%2C%20TX%2078006%2C%20USA!5e1!3m2!1sen!2sza!4v1747287863237!5m2!1sen!2sza" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div></div></div></div><div data-w-tab="TX Hill Country" class="contact-us_tabs_pane w-tab-pane"><div class="contact-us_details_wrap u-vflex-stretch-top u-gap-main"><div class="tx-hill-country_cms_contact-details_wrapper w-dyn-list"><div role="list" class="contact-us_cms_details_list w-dyn-items"><div role="listitem" class="contact-us_cms_details_item u-vflex-stretch-center u-gap-xsmall w-dyn-item"><div class="contact-us_details_top"><div data-font-size="large" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="https://www.google.com/maps/place/11+Spanish+Pass+Rd,+Boerne,+TX+78006,+USA/@29.8338526,-98.7702655,1086m/data=!3m1!1e3!4m10!1m2!2m1!1shttps:%2F%2Fwww.google.com%2Fmaps%2Fplace%2F11%2BSpanish%2BPass%2BRd,%2BBoerne,%2BTX%2B78006,%2BUSA%[email protected],-98.7679695,17z%2Fdata%3D*213m1*214b1*214m6*213m5*211s0x865c75c611cb9d4b:0xc08fc1ab2d734070*218m2*213d29.8338527*214d-98.7653946*2116s%252Fg%252F11ssf7jfzr%3Fentry%3Dttu%26g_ep%3DEgoyMDI1MDUxMi4wIKXMDSoASAFQAw%253D%253D!3m6!1s0x865c75c611cb9d4b:0xc08fc1ab2d734070!8m2!3d29.8338527!4d-98.7653946!15sCo0CaHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9tYXBzL3BsYWNlLzExK1NwYW5pc2grUGFzcytSZCwrQm9lcm5lLCtUWCs3ODAwNiwrVVNBL0AyOS44MzM4NTI3LC05OC43Njc5Njk1LDE3ei9kYXRhPSEzbTEhNGIxITRtNiEzbTUhMXMweDg2NWM3NWM2MTFjYjlkNGI6MHhjMDhmYzFhYjJkNzM0MDcwIThtMiEzZDI5LjgzMzg1MjchNGQtOTguNzY1Mzk0NiExNnMlMkZnJTJGMTFzc2Y3amZ6cj9lbnRyeT10dHUmZ19lcD1FZ295TURJMU1EVXhNaTR3SUtYTURTb0FTQUZRQXclM0QlM0QiA4gBAZIBEGdlb2NvZGVkX2FkZHJlc3PgAQA!16s%2Fg%2F11ssf7jfzr!5m1!1e4?entry=ttu&g_ep=EgoyMDI1MDUxMi4wIKXMDSoASAFQAw%3D%3D" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap u-flex-noshrink"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M20.94 11A8.994 8.994 0 0 0 13 3.06V2c0-.55-.45-1-1-1s-1 .45-1 1v1.06A8.994 8.994 0 0 0 3.06 11H2c-.55 0-1 .45-1 1s.45 1 1 1h1.06A8.994 8.994 0 0 0 11 20.94V22c0 .55.45 1 1 1s1-.45 1-1v-1.06A8.994 8.994 0 0 0 20.94 13H22c.55 0 1-.45 1-1s-.45-1-1-1h-1.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7z"></path></svg></div></div></div><aside class="g_contact-detail_rich-content w-richtext"><p>11 Spanish Pass Rd, Boerne, TX 78006</p></aside></div></div><div class="contact-us_details_bottom u-hflex-between-center u-hflex-wrap u-gap-xsmall"><div class="u-conditional-wrapper"><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap">
850<div class="g_clickable_wrap u-cover-absolute"><a href="tel:+1-210-714-0040" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">+1-210-714-0040</p></div></div><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="#" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M22 4H2v16h20V4zm-2 4l-8 5l-8-5V6l8 5l8-5v2z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">[email protected]</p></div><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="https://arproofing.com/tx-hill-country-roofing-contractor" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="currentColor" d="M198 64v104a6 6 0 0 1-12 0V78.5L68.2 196.2a5.9 5.9 0 0 1-8.4-8.4L177.5 70H88a6 6 0 0 1 0-12h104a6 6 0 0 1 6 6Z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">Visit location page</p></div></div></div></div></div><div class="layout_location-home_map_wrap"><div class="location-home_embed_map u-mb-small w-embed w-iframe"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4729.9191251130915!2d-98.77026551014904!3d29.833852610648044!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x865c75c611cb9d4b%3A0xc08fc1ab2d734070!2s11%20Spanish%20Pass%20Rd%2C%20Boerne%2C%20TX%2078006%2C%20USA!5e1!3m2!1sen!2sza!4v1747287863237!5m2!1sen!2sza" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div></div></div></div><div data-w-tab="Austin" class="contact-us_tabs_pane w-tab-pane"><div class="contact-us_details_wrap u-vflex-stretch-top u-gap-main"><div class="austin_cms_contact-details_wrapper w-dyn-list"><div role="list" class="contact-us_cms_details_list w-dyn-items"><div role="listitem" class="contact-us_cms_details_item u-vflex-stretch-center u-gap-xsmall w-dyn-item"><div class="contact-us_details_top"><div data-font-size="large" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="https://www.google.com/maps/place/120+E+Hopkins+St+%23204,+San+Marcos,+TX+78666,+USA/@29.8830878,-97.9437598,1084m/data=!3m2!1e3!4b1!4m5!3m4!1s0x865ca86644c5fdfd:0xba648d92b2a4a5db!8m2!3d29.8830878!4d-97.9411849?entry=ttu&g_ep=EgoyMDI1MDUxMi4wIKXMDSoASAFQAw%3D%3D" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap u-flex-noshrink"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
850<path fill="currentColor" d="M20.94 11A8.994 8.994 0 0 0 13 3.06V2c0-.55-.45-1-1-1s-1 .45-1 1v1.06A8.994 8.994 0 0 0 3.06 11H2c-.55 0-1 .45-1 1s.45 1 1 1h1.06A8.994 8.994 0 0 0 11 20.94V22c0 .55.45 1 1 1s1-.45 1-1v-1.06A8.994 8.994 0 0 0 20.94 13H22c.55 0 1-.45 1-1s-.45-1-1-1h-1.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7z"></path></svg></div></div></div><aside class="g_contact-detail_rich-content w-richtext"><p>Austin, TX 78701</p></aside></div></div><div class="contact-us_details_bottom u-hflex-between-center u-hflex-wrap u-gap-xsmall"><div class="u-conditional-wrapper"><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="tel:+1-512-312-7060" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">+1-512-312-7060</p></div></div><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="#" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M22 4H2v16h20V4zm-2 4l-8 5l-8-5V6l8 5l8-5v2z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">[email protected]</p></div><div data-font-size="large" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="https://arproofing.com/austin-roofing-contractor" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="main" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="currentColor" d="M198 64v104a6 6 0 0 1-12 0V78.5L68.2 196.2a5.9 5.9 0 0 1-8.4-8.4L177.5 70H88a6 6 0 0 1 0-12h104a6 6 0 0 1 6 6Z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">Visit location page</p></div></div></div></div></div><div class="layout_location-home_map_wrap"><div class="location-home_embed_map u-mb-small w-embed w-iframe"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d300857.3450461356!2d-97.89777621533835!3d30.296010708098592!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8644b599a0cc032f%3A0x5d9b464bd469d57a!2sAustin%2C%20TX%2C%20USA!5e1!3m2!1sen!2sza!4v1749748364503!5m2!1sen!2sza" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div></div></div></div><div data-w-tab="Victoria" class="contact-us_tabs_pane w-tab-pane"><div class="contact-us_details_wrap u-vflex-stretch-top u-gap-main"><div class="victoria_cms_contact-details_wrapper w-dyn-list"><div role="list" class="contact-us_cms_details_list w-dyn-items"><div role="listitem" class="contact-us_cms_details_item u-vflex-stretch-center u-gap-xsmall w-dyn-item"><div class="contact-us_details_top"><div data-font-size="large" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap">
850<div class="g_clickable_wrap u-cover-absolute"><a href="https://www.google.com/maps/place/5606+N+Navarro+St,+Victoria,+TX+77904,+USA/@28.8476546,-97.0027366,17z/data=!3m1!4b1!4m6!3m5!1s0x8642674f30e4bb2b:0x1ce7d15e676f01d0!8m2!3d28.8476547!4d-96.9978657!16s%2Fg%2F11bw3xmjxk?entry=ttu&g_ep=EgoyMDI0MTAwNS4yIKXMDSoASAFQAw%3D%3D" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap u-flex-noshrink"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M20.94 11A8.994 8.994 0 0 0 13 3.06V2c0-.55-.45-1-1-1s-1 .45-1 1v1.06A8.994 8.994 0 0 0 3.06 11H2c-.55 0-1 .45-1 1s.45 1 1 1h1.06A8.994 8.994 0 0 0 11 20.94V22c0 .55.45 1 1 1s1-.45 1-1v-1.06A8.994 8.994 0 0 0 20.94 13H22c.55 0 1-.45 1-1s-.45-1-1-1h-1.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7z"></path></svg></div></div></div><aside class="g_contact-detail_rich-content w-richtext"><p>5606 N Navarro St #200, Victoria, TX 77904</p></aside></div></div><div class="contact-us_details_bottom u-hflex-between-center u-hflex-wrap u-gap-xsmall"><div class="u-conditional-wrapper"><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="tel:+1-361-238-4255" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">+1-361-238-4255</p></div></div><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="#" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon_wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M22 4H2v16h20V4zm-2 4l-8 5l-8-5V6l8 5l8-5v2z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">[email protected]</p></div><div data-font-size="main" class="g_contact-detail_wrap u-hflex-left-center u-hflex-wrap"><div class="g_clickable_wrap u-cover-absolute"><a href="https://arproofing.com/victoria-roofing-company" class="g_clickable_link u-cover-absolute w-inline-block"><span class="g_clickable_text u-sr-only"></span></a></div><div data-icon-orientation="" data-icon-size="large" class="g_contact-detail_icon u-flex-noshrink"><div class="g_icon"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ph" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="currentColor" d="M198 64v104a6 6 0 0 1-12 0V78.5L68.2 196.2a5.9 5.9 0 0 1-8.4-8.4L177.5 70H88a6 6 0 0 1 0-12h104a6 6 0 0 1 6 6Z"></path></svg></div></div></div><p class="g_contact-detail_plain-text">Visit location page</p></div></div></div></div></div><div class="layout_location-home_map_wrap"><div class="location-home_embed_map u-mb-small w-embed w-iframe"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5779.00247705755!2d-97.00044132292538!3d28.847675475547952!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8642674f30fcb20f%3A0x7e0a243fd5ee7a63!2sARP%20Roofing%20%26%20Remodeling!5e1!3m2!1sen!2sus!4v1736783204387!5m2!1sen!2sus" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div></div></div></div></div></div></div></div></section></div></div></main><footer data-theme="inherit" class="footer_wrap"><h2 class="footer_title u-sr-only">Footer</h2><div data-padding-bottom="small" data-padding-top="small" class="footer_contain u-container"><nav class="footer_layout u-hflex-left-center u-hflex-wrap u-gap-large"><section class="footer_group_wrap"><div class="footer_group_layout u-hflex-left-center u-gap-xsmall"><h3 class="footer_group_title u-text-h5">Site</h3><ul role="list" class="footer_group_list u-hflex-left-center u-gap-main w-list-unstyled"><li class="footer_group_item"><a href="/about" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-small">About us</div></a></li><li class="footer_group_item u-display-none"><a href="/news" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-small">News</div></a></li><li class="footer_group_item u-display-none"><a href="/faqs" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-small">FAQs</div></a></li><li class="footer_group_item u-display-none"><a href="/renovations" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-small">Renovations</div></a></li><li class="footer_group_item"><a href="/projects" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-small">Projects</div></a></li><li class="footer_group_item"><a href="/roof-inspection" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-small">Roof Inspection</div></a></li><li class="footer_group_item u-display-none"><a href="/join-our-team" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-small">Join Our Team</div></a></li><li class="footer_group_item"><a href="/blog" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-small">Blog</div></a></li><li class="footer_group_item"><a href="/contact-us" aria-current="page" class="footer_link_wrap w-inline-block w--current"><div class="footer_link_text u-text-small">Contact us</div></a></li></ul></div></section></nav></div><div data-theme="invert" data-w-id="60ad265b-a8fc-932c-5042-d160359f5864" class="footer_bottom_wrap"><div class="footer_bottom_contain u-container"><div class="footer_bottom_layout u-hflex-between-center u-hflex-wrap u-gap-small"><a aria-label="Go to the homepage" href="#" class="footer_logo_wrap w-inline-block"><img src="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/66cf8377d423dd1883ee7095_a3df742f7e7f9d7ef86afff805cb3a97_ARP%2
8500Full%20Logo%20%20-%20Cream-Orange%201.avif" loading="lazy" alt="ARP Roofing logo"/></a><ul role="list" class="footer_bottom_list u-hflex-left-center u-hflex-wrap"><li class="footer_bottom_item"><a href="/privacy-policy" class="footer_bottom_link_wrap w-inline-block"><div class="footer_bottom_link_text u-text-small">Privacy Policy</div></a></li><li class="footer_bottom_item"><a href="/terms-of-service" class="footer_bottom_link_wrap w-inline-block"><div class="footer_bottom_link_text u-text-small">Terms of Service</div></a></li></ul><div class="footer_bottom_text u-text-small">© <span class="current-year">1989</span> Copyright. All Rights Reserved. Web design by <a href="mailto:[email protected]?subject=Visitor%20contact%20via%20ARP%20Roofing%20Footer%20Link" class="u-text-link">Calbie Creative</a></div></div></div></div></footer></div>
850<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66bafc50e54cdc6571b6d460" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
850<script src="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/js/arp-roofing.schunk.36b8fb49256177c8.js" type="text/javascript"></script>
850<script src="https://cdn.prod.website-files.com/66bafc50e54cdc6571b6d460/js/arp-roofing.23153cef.8a8d8827f2ce5780.js" type="text/javascript"></script>
850<!-- import Lenis smooth scroll -->
851<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>
851 852
853<script> 854// LENIS SMOOTH SCROLL 855let lenis; 856if (Webflow.env("editor") === undefined) { 857 lenis = new Lenis({ 858 lerp: 0.1, 859 wheelMultiplier: 0.7, 860 gestureOrientation: "vertical", 861 normalizeWheel: false, 862 smoothTouch: false 863 }); 864 function raf(time) { 865 lenis.raf(time); 866 requestAnimationFrame(raf); 867 } 868 requestAnimationFrame(raf); 869} 870$("[data-lenis-start]").on("click", function () { 871 lenis.start(); 872}); 873$("[data-lenis-stop]").on("click", function () { 874 lenis.stop(); 875}); 876$("[data-lenis-toggle]").on("click", function () { 877 $(this).toggleClass("stop-scroll"); 878 if ($(this).hasClass("stop-scroll")) { 879 lenis.stop(); 880 } else { 881 lenis.start(); 882 } 883}); 884</script>
884 885 886<!--https://www.tryformly.com/docs -->
887<script src="https://cdn.jsdelivr.net/gh/videsigns/webflow-tools@latest/multi-step.js"></script>
887 888
889<script> 890pageFunctions.executeFunctions(); 891</script>
891</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.