1 2 3 4<!DOCTYPE html> 5<html lang="en" prefix="og: http://ogp.me/ns#"> 6<head> 7
8<script> 9 var getParameterByName = function (name) { 10 name = name.replace(/[\[\]]/g, '\\$&'); 11 var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); 12 var results = regex.exec(window.location.href); 13 if (!results) return ''; 14 if (!results[2]) return ''; 15 return decodeURIComponent(results[2].replace(/\+/g, ' ')); 16 }; 17 var _dataLayer = {}; 18 var storageKey = '_datalayer'; 19 // Check if session storage data layer already exists 20 if (!window.sessionStorage.getItem(storageKey)) { 21 // Check url for utm params 22 _dataLayer = { 23 userID: 'd42ueu0zstiemh0e3g4vpwoh', 24 utmCampaign: getParameterByName('utm_campaign'), 25 utmContent: getParameterByName('utm_content'), 26 utmMedium: getParameterByName('utm_medium'), 27 utmSource: getParameterByName('utm_source'), 28 utmTerm: getParameterByName('utm_term'), 29 }; 30 // Write to session storage 31 window.sessionStorage.setItem(storageKey, JSON.stringify(_dataLayer)); 32 } else { 33 // Parse data and write to page 34 _dataLayer = JSON.parse(window.sessionStorage.getItem(storageKey)); 35 } 36 dataLayer = [{ 37 userID: _dataLayer.userID, 38 utmCampaign: _dataLayer.utmCampaign, 39 utmContent: _dataLayer.utmContent, 40 utmMedium: _dataLayer.utmMedium, 41 utmSource: _dataLayer.utmSource, 42 utmTerm: _dataLayer.utmTerm, 43 epiVersion: 'Production', 44 }]; 45</script>
45 46 <meta charset="utf-8" /> 47 <meta name="viewport" content="width=device-width, initial-scale=1" /> 48 <title>The #1 Retractable Awning, Screens, & Shades | SunSetter</title> 49 <meta name="description" content="Explore SunSetter's retractable awnings, screens and shades: custom features without the custom price. Learn how to get $350 off your purchase today!" /> 50 <meta name="keywords" /> 51 <meta property="og:type" content="website" /> 52 <meta property="og:site_name" content="SunSetter" /> 53 <meta property="og:title" content="The #1 Retractable Awning, Screens, & Shades | SunSetter" /> 54 <meta property="og:description" content="Explore SunSetter's retractable awnings, screens and shades: custom features without the custom price. Learn how to get $350 off your purchase today!" /> 55 <meta property="og:url" content="https://www.sunsetter.com/" /> 56 <meta property="og:image" content="https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/1200x628px/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&crop=yes&q=90" /> 57 <meta name="twitter:card" content="summary_large_image" /> 58 <meta name="twitter:site" content="SunSetter" /> 59 <meta name="twitter:image:alt" /> 60 61 62 <meta name="google-site-verification" content="uYMy76xH_ZqdeqV62KH3v8iJAAK3nrM5Q1vcV4ww_gc" /> 63 64 <link link rel="canonical" href="https://www.sunsetter.com/" /> 65 66 <link rel="preconnect" href="https://fonts.googleapis.com"> 67 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 68 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" /> 69 <link rel="stylesheet" type="text/css" href="/assets/dist/css/vendors/bootstrap-grid.min.css?cache=04302026" /> 70 <link rel="stylesheet" type="text/css" href="/assets/dist/css/sunsetter.min.css?cache=04302026" /> 71 <link rel="stylesheet" type="text/css" href="/assets/src/css/site.css?cache=04302026" /> 72 <link href="/assets/src/css/cssite.css?cache=04302026" rel="stylesheet" type="text/css" /> 73 74
74<script src="https://cdn.optimizely.com/js/23982742137.js"></script>
74 75
75<script> 76 const OptimizelyStyleManager = { 77 set: (o, p, t, i, m) => { 78 if (typeof optimizely === 'undefined') return; 79 const u = new URLSearchParams(window.location.search), x = u.get('experiment-id'), v = u.get('variation-id'), 80 s = optimizely.get('state'), a = s.getActiveExperimentIds(), c = s.getVariationMap(); let f = false; 81 a.forEach(e => { 82 const r = c[o]; if (!r) return; const d = (x == o && v !== null) ? v : r.id; if (e == o && d == p) { 83 f = true; 84 const l = document.createElement('style'); l.type = 'text/css'; l.id = `oeid-${o}-${p}-${i}`; 85 l.textContent = `.oeid-${o}-${p}-${i}{display:${t};}`; document.head.appendChild(l); 86 } 87 }); 88 const q = !!document.querySelector('style[id^="oeid-"]'); 89 if (!f && m && !q) { 90 const l = document.createElement('style'); l.type = 'text/css'; l.id = `oeid-${o}-${p}-${i}`; 91 l.textContent = `.oeid-${o}-${p}-${i}{display:${t};}`; document.head.appendChild(l); 92 } 93 } 94 }; 95 </script>
95 96
96<script> 97 document.addEventListener('DOMContentLoaded', function () { 98 localStorage.removeItem("MetaDescription"); 99 localStorage.removeItem("MetaTitle"); 100 }); 101 </script>
101 102
102<script>
vendor: 428 bytes, lines 102-108
102 103 (function (i,s,o,g,r,a,m) { 104 i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) } 105 , i[r].l = 1 * new Date(); a = s.createElement(o), 106 m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) 107 })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); 108 ga('create', '
108UA-29271223-8
vendor: 21 bytes, lines 108-109
108', 'auto'); 109
109ga('set', 'dimension5', 'B'); 110 ga('send', 'pageview'); 111 </script>
111 112
112<script>
vendor: 377 bytes, lines 112-117
112 113 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 114 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 115 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 116 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 117 })(window, document, 'script', 'dataLayer', '
117GTM-5WDD2KR
vendor: 9 bytes, lines 117-118
117'); 118
118</script>
118 119
119<script type="application/ld+json"> 120 { 121 "@context": "https://schema.org", 122 "@type": "Organization", 123 "@id": "https://www.sunsetter.com/", 124 "legalName": "SunSetter Retractable Awnings", 125 "logo": "https://www.sunsetter.com/globalassets/assets/images/ui/logo-sunsetter.svg", 126 "url": "https://www.sunsetter.com/", 127 "address": { 128 "@type": "PostalAddress", 129 "streetAddress": "7549 Graber Road", 130 "addressLocality": "Middleton", 131 "addressRegion": "WI", 132 "postalCode": "53562", 133 "addressCountry": "USA" 134 }, 135 "sameAs": [ 136 "https://www.facebook.com/SunSetterAwning", 137 "https://www.instagram.com/sunsetterproducts/", 138 "https://www.pinterest.com/SunSetterProducts/", 139 "https://www.youtube.com/user/SunSetterAwnings" 140 141 ] 142 } 143 </script>
143 144 145</head> 146<body class="app sunsetter page-sunsetter"> 147 <style> 148 body { 149 background: white !important; 150 } 151 152 .more-details-btn { 153 border: 1px solid #0071b3; 154 font-size: 1.4rem; 155 font-family: "Inter", sans-serif; 156 font-style: normal; 157 font-weight: 700; 158 line-height: 1.25; 159 color: #0071b3; 160 border-radius: .4rem; 161 text-decoration: none; 162 padding: 1.1rem 2rem; 163 } 164 165 button:focus-visible { 166 outline: -webkit-focus-ring-color auto 5px; 167 outline-offset: 4px; 168 } 169 170 .visually-hidden { 171 clip-path: inset(50%); 172 height: 1px; 173 overflow: hidden; 174 position: absolute; 175 white-space: nowrap; 176 width: 1px; 177 } 178 </style>
vendor: 85 bytes, lines 178-181
178 179 180 <noscript> 181 <iframe src="https://www.googletagmanager.com/ns.html?id=
181GTM-5WDD2KR
vendor: 94 bytes, lines 181-183
181" height="0" width="0" style="display:none;visibility:hidden"></iframe> 182 </noscript> 183
183<a class="skip-to-main-content" id="skip2mainlnk" href="#content">Skip to main content</a> 184 185 <div id="site-wrapper" class="site-wrapper container-lg sticky-body" > 186 187<header class="header"> 188
188<script> 189 document.addEventListener("DOMContentLoaded", function () { 190 var menubar = document.querySelector('[role="menubar"]'); 191 var menuItems = document.querySelectorAll('[role="menuitem"]'); 192 193 // Retrieve the active descendant from local storage 194 var activeDescendantId = localStorage.getItem("activeDescendantId"); 195 196 if (activeDescendantId) { 197 var activeElement = document.getElementById(activeDescendantId); 198 if (activeElement) { 199 menubar.setAttribute("aria-activedescendant", activeDescendantId); 200 activeElement.setAttribute("tabindex", "0"); 201 activeElement.focus(); 202 } 203 } else { 204 // Set default active descendant 205 menuItems[0].setAttribute("tabindex", "-1"); 206 menubar.setAttribute("aria-activedescendant", menuItems[0].id); 207 } 208 209 menuItems.forEach(function (menuItem) { 210 menuItem.addEventListener("click", function () { 211 // Update aria-activedescendant and tabindex 212 menuItems.forEach(function (item) { 213 item.setAttribute("tabindex", "-1"); 214 }); 215 this.setAttribute("tabindex", "0"); 216 menubar.setAttribute("aria-activedescendant", this.id); 217 218 // Store active descendant ID in local storage 219 localStorage.setItem("activeDescendantId", this.id); 220 }); 221 }); 222 223 menubar.addEventListener("keydown", function (event) { 224 var currentIndex = Array.from(menuItems).findIndex(item => item.id === menubar.getAttribute("aria-activedescendant")); 225 226 if (event.key === "ArrowDown" || event.key === "ArrowRight") { 227 event.preventDefault(); 228 var nextIndex = currentIndex === menuItems.length - 1 ? 0 : currentIndex + 1; 229 menuItems[nextIndex].focus(); 230 menubar.setAttribute("aria-activedescendant", menuItems[nextIndex].id); 231 menuItems[nextIndex].setAttribute("tabindex", "0"); 232 menuItems[currentIndex].setAttribute("tabindex", "-1"); 233 localStorage.setItem("activeDescendantId", menuItems[nextIndex].id); 234 } else if (event.key === "ArrowUp" || event.key === "ArrowLeft") { 235 event.preventDefault(); 236 var prevIndex = currentIndex === 0 ? menuItems.length - 1 : currentIndex - 1; 237 menuItems[prevIndex].focus(); 238 menubar.setAttribute("aria-activedescendant", menuItems[prevIndex].id); 239 menuItems[prevIndex].setAttribute("tabindex", "0"); 240 menuItems[currentIndex].setAttribute("tabindex", "-1"); 241 localStorage.setItem("activeDescendantId", menuItems[prevIndex].id); 242 } 243 }); 244 }); 245 </script>
245 246 247 <div class="header-wrapper"> 248 <div class="header-top-section-optimized"> 249 <div class="header-main-section"> 250 <div class="logo-wrap"> 251 <a class="logo-sunsetter" href="/"> 252 <img alt="Go to the SunSetter home page" src="/globalassets/assets/images/ui/logo-sunsetter.svg" /> 253 </a> 254 </div> 255 <div class="mobile-nav-wrap"> 256 <ul class="list-unstyled nav-list icon-nav-list"> 257 <li class="icon-item icon-item-order-today sst-phone-number"> 258 <a class="icon-nav-item icon-nav-order-today" href="tel: 1-800-876-2340"> 259 <span>Order Today</span> 260 </a> 261 </li> 262 <li class="icon-item icon-item-customer-service"> 263 <a class="icon-nav-item icon-nav-customer-service" href="/cs/homepage/"> 264 <span>Customer Service</span> 265 </a> 266 </li> 267 <li class="icon-item icon-item-cart subnav"> 268 <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item icon-nav-cart"> 269 <span>Cart</span> 270 </button> 271 <div class="sr-only cart-status-message" role="status"></div> 272 <div class="dd-nav-wrap dd-cart"> 273 <div class="nav-block dd-nav"> 274 <div class="cart-content-wrap"> 275 276 277 278 279<div class="heading-sm pb-4"> 280 <a href="/co/cart/">Cart</a> 281</div> 282<div class="mini-cart-details"> 283 <div class="body-md empty-cart-message mt-3">Your cart is empty.</div> 284 285 </div> 286 </div> 287 </div> 288 </li> 289 <li class="icon-item icon-item-mobile-menu subnav"> 290 291<div class="nav-wrapper-mobile"> 292 <div class="mobile-menu icon-menu"> 293 <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item icon-nav-menuwithsearch"><span>Nav Menu and Search</span></button> 294 <div class="mobile-flyout"> 295 <div class="mobile-flyout-bg"></div> 296 <div class="mobile-flyout-innerdiv clearfix" role="dialog" aria-modal="true"> 297 <button id="firstfocuselement" class="close-menu-btn" aria-label="Close mobile nav menu"> 298 <span class="close-icon"></span> 299 </button> 300 <ul role="menubar" class="topnav" aria-orientation="vertical" aria-activedescendant=""> 301 <li class="primary-item primary-item-search" role="menuitem"> 302 <form class="search-form" method="get" action="/search/" role="search"> 303 <fieldset class="form-section form-section-no-border"> 304 <legend class="sr-only">Site Search</legend> 305 <div class="form-group d-flex align-items-center"> 306 <input id="q1" class="form-control" name="q" required="required" type="search" validate="text" placeholder="Enter Search Text" role="search" aria-label="Sitewide" aria-autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false" title="Search" value="" /> 307 <label for="q1" class="sr-only">Enter Search Text</label> 308 <button class="search-button" type="submit"><span class="sr-only">Search</span></button> 309 </div> 310 </fieldset> 311 </form> 312 </li> 313 <li class="primary-item primary-item-" role="menuitem"> 314 <ul class="button-nav-list"> 315<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a></li> 316<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/find-a-dealer/">Find a Dealer</a></li> 317<li class="button-nav"><a class="button-light-yellow-sm" href="https://ownerscorner.sunsetter.com/login.asp">Order Status</a></li> 318</ul> 319 </li> 320 <li class="primary-item primary-item-awnings subnav" role="menuitem"> 321 <div class="nav-item-actions"> 322 <a href="/c/awnings/">Awnings</a> 323 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Awnings menu"></button> 324 </div> 325 <div class="nav-dropdown"> 326 <ul role="menu"> 327 <li class="nav-secondary" role="menuitem"> 328 <a href="/c/awnings/">All Awnings</a> 329 </li> 330 <li class="nav-secondary" role="menuitem"> 331 <a href="/c/awnings/sunsetter-series-awnings/">SunSetter Series Awnings</a> 332 </li> 333 <li class="nav-secondary" role="menuitem"> 334 <a href="/c/awnings/platinum-series-awnings/">Platinum Series Awnings</a> 335 </li> 336 <li class="nav-secondary" role="menuitem"> 337 <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP">See It On Your Home</a> 338 </li> 339 <li class="nav-secondary" role="menuitem"> 340 <a href="/cm/free-awning-swatches/">Free Swatches</a> 341 </li> 342 <li class="nav-secondary" role="menuitem"> 343 <a href="/cm/free-awning-info-kit/">Free Info Kit & Savings</a> 344 </li> 345 <li class="nav-secondary" role="menuitem"> 346 <a href="/cm/customer-information/">Get Pricing</a> 347 </li> 348 </ul> 349 </div> 350 </li> 351 <li class="primary-item primary-item-fabrics-colors desktop-only" role="menuitem" id="Fabrics & Colors" tabindex="-1"> 352 <a aria-label="Fabrics & Colors" href="/cm/fabrics-and-colors/">Fabrics & Colors</a> 353 </li> 354 <li class="primary-item primary-item-accessories desktop-only" role="menuitem" id="Accessories" tabindex="-1"> 355 <a aria-label="Accessories" href="/cm/awning-accessories/">Accessories</a> 356 </li> 357 <li class="primary-item primary-item-retractable-screens desktop-only subnav" role="menuitem"> 358 <div class="nav-item-actions"> 359 <a href="/c/retractable-screens/">Retractable Screens</a> 360 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Retractable Screens menu"></button> 361 </div> 362 <div class="nav-dropdown"> 363 <ul role="menu"> 364 <li class="nav-secondary" role="menuitem"> 365 <a href="/c/retractable-screens/">All Retractable Screens</a> 366 </li> 367 <li class="nav-secondary" role="menuitem"> 368 <a href="/c/easyscreens/">EasyScreens</a> 369 </li> 370 <li class="nav-secondary" role="menuitem"> 371 <a href="/c/easyshades/">EasyShades</a> 372 </li> 373 <li class="nav-secondary" role="menuitem"> 374 <a href="/cm/retractable-screens/fabrics-and-colors/">Fabrics & Colors</a> 375 </li> 376 <li class="nav-secondary" role="menuitem"> 377 <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades & Screens</a> 378 </li> 379 <li class="nav-secondary" role="menuitem"> 380 <a href="/cm/retractable-screens/how-to-measure-easyscreens/">How To Measure for EasyScreens</a> 381 </li> 382 <li class="nav-secondary" role="menuitem"> 383 <a href="/cm/retractable-screens/how-to-measure-easyshades/">
383How To Measure for EasyShades</a> 384 </li> 385 <li class="nav-secondary" role="menuitem"> 386 <a href="/cm/retractable-screens/faq/">FAQ</a> 387 </li> 388 <li class="nav-secondary" role="menuitem"> 389 <a href="/cm/retractable-screens/get-estimate/">Get Estimate</a> 390 </li> 391 <li class="nav-secondary" role="menuitem"> 392 <a href="/cm/find-a-dealer/">Find A Dealer</a> 393 </li> 394 <li class="nav-secondary" role="menuitem"> 395 <a href="/cm/retractable-screens/download-brochure/">Download EasyScreen Brochure</a> 396 </li> 397 </ul> 398 </div> 399 </li> 400 <li class="primary-item primary-item-outdoor-products desktop-only subnav" role="menuitem"> 401 <div class="nav-item-actions"> 402 <a href="/c/outdoor-products/">Outdoor Products</a> 403 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Outdoor Products menu"></button> 404 </div> 405 <div class="nav-dropdown"> 406 <ul role="menu"> 407 <li class="nav-secondary" role="menuitem"> 408 <a href="/c/outdoor-products/">All Outdoor Products</a> 409 </li> 410 <li class="nav-secondary" role="menuitem"> 411 <a href="/c/outdoor-products/char-broil-gas-grill/">Char-Broil 2-Burner Gas Grill</a> 412 </li> 413 <li class="nav-secondary" role="menuitem"> 414 <a href="/c/outdoor-products/sunsetter-mats/">SunSetter Mats</a> 415 </li> 416 <li class="nav-secondary" role="menuitem"> 417 <a href="/c/outdoor-products/patio-lights/">Patio Lights</a> 418 </li> 419 </ul> 420 </div> 421 </li> 422 <li class="primary-item primary-item-learn-more desktop-only subnav" role="menuitem"> 423 <div class="nav-item-actions"> 424 <a href="/cm/why-own-a-sunsetter/">Learn More</a> 425 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Learn More menu"></button> 426 </div> 427 <div class="nav-dropdown"> 428 <ul role="menu"> 429 <li class="nav-secondary" role="menuitem"> 430 <a href="/cm/why-own-a-sunsetter/">Why Own a SunSetter</a> 431 </li> 432 <li class="nav-secondary" role="menuitem"> 433 <a href="/cm/sunsetter-quality/">SunSetter Quality</a> 434 </li> 435 <li class="nav-secondary" role="menuitem"> 436 <a href="/cm/sunsetter-blog/">Our Blog</a> 437 </li> 438 <li class="nav-secondary" role="menuitem"> 439 <a href="/cm/energy-savings/">Energy Savings</a> 440 </li> 441 <li class="nav-secondary" role="menuitem"> 442 <a href="/cm/video-gallery/">Video Gallery</a> 443 </li> 444 <li class="nav-secondary" role="menuitem"> 445 <a href="/cm/owner-reviews/">Awning Owner Reviews</a> 446 </li> 447 <li class="nav-secondary" role="menuitem"> 448 <a href="/cm/how-to-measure/">How To Measure</a> 449 </li> 450 <li class="nav-secondary" role="menuitem"> 451 <a href="/cm/payment-plans/">Payment Plans</a> 452 </li> 453 <li class="nav-secondary" role="menuitem"> 454 <a href="/cm/faqs/">FAQ</a> 455 </li> 456 <li class="nav-secondary" role="menuitem"> 457 <a href="/cm/contact-us/">Contact Us</a> 458 </li> 459 <li class="nav-secondary" role="menuitem"> 460 <a href="/cm/perfectlook-awning-visualizer/">See It On Your Home</a> 461 </li> 462 <li class="nav-secondary" role="menuitem"> 463 <a href="/cm/find-a-dealer/">Find a Dealer</a> 464 </li> 465 <li class="nav-secondary" role="menuitem"> 466 <a href="/cm/free-awning-swatches/">Free Swatches</a> 467 </li> 468 <li class="nav-secondary" role="menuitem"> 469 <a href="/cm/free-awning-info-kit/">Free Info Kit & Savings</a> 470 </li> 471 <li class="nav-secondary" role="menuitem"> 472 <a href="/cm/become-a-dealer/">Become a Dealer</a> 473 </li> 474 </ul> 475 </div> 476 </li> 477 </ul> 478 </div> 479 </div> 480 </div> 481</div> 482 483 </li> 484 </ul> 485 </div> 486 </div> 487 </div> 488 489 <div class="header-top-section"> 490 <div class="nav-eyebrow-wrapper"> 491 <div class="lg-container"> 492 493 494 495<ul class="list-unstyled nav-list icon-nav-list" role="menubar"> 496 <li class="icon-item icon-item-order-today mobile-only sst-phone-number" role="menuitem"> 497 <a class="icon-nav-item" href="tel:1-800-876-2340"><span>Order Today</span></a> 498 </li> 499 <li class="icon-item icon-item-customer-service desktop-only" role="menuitem"> 500 <a class="icon-nav-item" href="/cs/homepage/"><span>Customer Service</span></a> 501 </li> 502 <li class="icon-item icon-item-cart subnav" role="menuitem"> 503 <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item"><span>
503Cart</span></button> 504 <div class="sr-only cart-status-message" role="status"></div> 505 <div class="dd-nav-wrap dd-cart"> 506 <div class="nav-block dd-nav"> 507 <div class="cart-content-wrap"> 508 509 510 511 512<div class="heading-sm pb-4"> 513 <a href="/co/cart/">Cart</a> 514</div> 515<div class="mini-cart-details"> 516 <div class="body-md empty-cart-message mt-3">Your cart is empty.</div> 517 518 </div> 519 </div> 520 </div> 521 </li> 522 <li class="icon-item icon-item-search subnav" role="menuitem"> 523 <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item"><span>Search</span></button> 524 <div class="dd-nav-wrap dd-search"> 525 <div class="nav-block dd-nav"> 526 <div class="search-wrap"> 527 <form class="search-form" method="get" action="/search/" role="search"> 528 <fieldset class="form-section form-section-no-border"> 529 <legend class="sr-only">Site Search</legend> 530 <div class="form-group d-flex align-items-center"> 531 <input id="q" class="form-control" name="q" required="required" type="search" validate="text" placeholder="Enter Search Text" role="search" aria-label="Sitewide" aria-autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false" title="Search" value="" /> 532 <label for="q" class="sr-only">Enter Search Text</label> 533 <button class="button-light-yellow-sm search-button ml-4" type="submit">Search</button> 534 </div> 535 </fieldset> 536 </form> 537 </div> 538 </div> 539</div> 540 </li> 541</ul> 542 543 </div> 544 </div> 545 <div class="lg-container"> 546 <div class="header-main-section"> 547 <div class="built-in desktop-only"> 548 <img src="/globalassets/assets/images/ui/built-in-usa.svg" alt="Built in North America" /> 549 </div> 550 551<div class="nav-wrapper-mobile"> 552 <div class="mobile-menu icon-menu"> 553 <button class="nav-mobile menu-button" aria-haspopup="true" aria-expanded="false" aria-label="Shop All"> 554 <span class="menu-inner-wrap"> 555 <span class="menu-icon"> 556 <span class="icon-bar"></span> 557 <span class="icon-bar"></span> 558 <span class="icon-bar"></span> 559 </span> 560 <span class="mobile-menu-label mt-1">Shop All</span> 561 </span> 562 </button> 563 <div class="mobile-flyout"> 564 <div class="mobile-flyout-bg"></div> 565 <div class="mobile-flyout-innerdiv clearfix" role="dialog" aria-modal="true"> 566 <button id="firstfocuselement" class="close-menu-btn" aria-label="Close mobile nav menu"> 567 <span class="close-icon"></span> 568 </button> 569 <ul role="menubar" class="topnav" aria-orientation="vertical" aria-activedescendant=""> 570 571 <li class="primary-item primary-item-" role="menuitem"> 572 <ul class="button-nav-list"> 573<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a></li> 574<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/find-a-dealer/">Find a Dealer</a></li> 575<li class="button-nav"><a class="button-light-yellow-sm" href="https://ownerscorner.sunsetter.com/login.asp">Order Status</a></li> 576</ul> 577 </li> 578 <li class="primary-item primary-item-awnings subnav" role="menuitem"> 579 <div class="nav-item-actions"> 580 <a href="/c/awnings/">Awnings</a> 581 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Awnings menu"></button> 582 </div> 583 <div class="nav-dropdown"> 584 <ul role="menu"> 585 <li class="nav-secondary" role="menuitem"> 586 <a href="/c/awnings/">All Awnings</a> 587 </li> 588 <li class="nav-secondary" role="menuitem"> 589 <a href="/c/awnings/sunsetter-series-awnings/">SunSetter Series Awnings</a> 590 </li> 591 <li class="nav-secondary" role="menuitem"> 592 <a href="/c/awnings/platinum-series-awnings/">Platinum Series Awnings</a> 593 </li> 594 <li class="nav-secondary" role="menuitem"> 595 <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP">See It On Your Home</a> 596 </li> 597 <li class="nav-secondary" role="menuitem"> 598 <a href="/cm/free-awning-swatches/">Free Swatches</a> 599 </li> 600 <li class="nav-secondary" role="menuitem"> 601 <a href="/cm/free-awning-info-kit/">Free Info Kit & Savings</a> 602 </li> 603 <li class="nav-secondary" role="menuitem"> 604 <a href="/cm/customer-information/">Get Pricing</a> 605 </li> 606 </ul> 607 </div> 608 </li> 609 <li class="primary-item primary-item-fabrics-colors desktop-only" role="menuitem" id="Fabrics & Colors" tabindex="-1"> 610 <a aria-label="Fabrics & Colors" href="/cm/fabrics-and-colors/">Fabrics & Colors</a> 611 </li> 612 <li class="primary-item primary-item-accessories desktop-only" role="menuitem" id="Accessories" tabindex="-1"> 613 <a aria-label="Accessories" href="/cm/awning-accessories/">Accessories</a> 614 </li> 615 <li class="primary-item primary-item-retractable-screens desktop-only subnav" role="menuitem"> 616 <div class="nav-item-actions"> 617 <a href="/c/retractable-screens/">Retractable Screens</a> 618 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Retractable Screens menu"></button> 619 </div> 620 <div class="nav-dropdown"> 621 <ul role="menu"> 622 <li class="nav-secondary" role="menuitem"> 623 <a href="/c/retractable-screens/">All Retractable Screens</a> 624 </li> 625 <li class="nav-secondary" role="menuitem"> 626 <a href="/c/easyscreens/">EasyScreens</a> 627 </li> 628 <li class="nav-secondary" role="menuitem"> 629 <a href="/c/easyshades/">EasyShades</a> 630 </li> 631 <li class="nav-secondary" role="menuitem"> 632 <a href="/cm/retractable-screens/fabrics-and-colors/">Fabrics & Colors</a> 633 </li> 634 <li class="nav-secondary" role="menuitem"> 635 <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades & Screens</a> 636 </li> 637 <li class="nav-secondary" role="menuitem"> 638 <a href="/cm/retractable-screens/how-to-measure-easyscreens/">How To Measure for EasyScreens</a> 639 </li> 640 <li class="nav-secondary" role="menuitem"> 641 <a href="/cm/retractable-screens/how-to-measure-easyshades/">
641How To Measure for EasyShades</a> 642 </li> 643 <li class="nav-secondary" role="menuitem"> 644 <a href="/cm/retractable-screens/faq/">FAQ</a> 645 </li> 646 <li class="nav-secondary" role="menuitem"> 647 <a href="/cm/retractable-screens/get-estimate/">Get Estimate</a> 648 </li> 649 <li class="nav-secondary" role="menuitem"> 650 <a href="/cm/find-a-dealer/">Find A Dealer</a> 651 </li> 652 <li class="nav-secondary" role="menuitem"> 653 <a href="/cm/retractable-screens/download-brochure/">Download EasyScreen Brochure</a> 654 </li> 655 </ul> 656 </div> 657 </li> 658 <li class="primary-item primary-item-outdoor-products desktop-only subnav" role="menuitem"> 659 <div class="nav-item-actions"> 660 <a href="/c/outdoor-products/">Outdoor Products</a> 661 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Outdoor Products menu"></button> 662 </div> 663 <div class="nav-dropdown"> 664 <ul role="menu"> 665 <li class="nav-secondary" role="menuitem"> 666 <a href="/c/outdoor-products/">All Outdoor Products</a> 667 </li> 668 <li class="nav-secondary" role="menuitem"> 669 <a href="/c/outdoor-products/char-broil-gas-grill/">Char-Broil 2-Burner Gas Grill</a> 670 </li> 671 <li class="nav-secondary" role="menuitem"> 672 <a href="/c/outdoor-products/sunsetter-mats/">SunSetter Mats</a> 673 </li> 674 <li class="nav-secondary" role="menuitem"> 675 <a href="/c/outdoor-products/patio-lights/">Patio Lights</a> 676 </li> 677 </ul> 678 </div> 679 </li> 680 <li class="primary-item primary-item-learn-more desktop-only subnav" role="menuitem"> 681 <div class="nav-item-actions"> 682 <a href="/cm/why-own-a-sunsetter/">Learn More</a> 683 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Learn More menu"></button> 684 </div> 685 <div class="nav-dropdown"> 686 <ul role="menu"> 687 <li class="nav-secondary" role="menuitem"> 688 <a href="/cm/why-own-a-sunsetter/">Why Own a SunSetter</a> 689 </li> 690 <li class="nav-secondary" role="menuitem"> 691 <a href="/cm/sunsetter-quality/">SunSetter Quality</a> 692 </li> 693 <li class="nav-secondary" role="menuitem"> 694 <a href="/cm/sunsetter-blog/">Our Blog</a> 695 </li> 696 <li class="nav-secondary" role="menuitem"> 697 <a href="/cm/energy-savings/">Energy Savings</a> 698 </li> 699 <li class="nav-secondary" role="menuitem"> 700 <a href="/cm/video-gallery/">Video Gallery</a> 701 </li> 702 <li class="nav-secondary" role="menuitem"> 703 <a href="/cm/owner-reviews/">Awning Owner Reviews</a> 704 </li> 705 <li class="nav-secondary" role="menuitem"> 706 <a href="/cm/how-to-measure/">How To Measure</a> 707 </li> 708 <li class="nav-secondary" role="menuitem"> 709 <a href="/cm/payment-plans/">Payment Plans</a> 710 </li> 711 <li class="nav-secondary" role="menuitem"> 712 <a href="/cm/faqs/">FAQ</a> 713 </li> 714 <li class="nav-secondary" role="menuitem"> 715 <a href="/cm/contact-us/">Contact Us</a> 716 </li> 717 <li class="nav-secondary" role="menuitem"> 718 <a href="/cm/perfectlook-awning-visualizer/">See It On Your Home</a> 719 </li> 720 <li class="nav-secondary" role="menuitem"> 721 <a href="/cm/find-a-dealer/">Find a Dealer</a> 722 </li> 723 <li class="nav-secondary" role="menuitem"> 724 <a href="/cm/free-awning-swatches/">Free Swatches</a> 725 </li> 726 <li class="nav-secondary" role="menuitem"> 727 <a href="/cm/free-awning-info-kit/">Free Info Kit & Savings</a> 728 </li> 729 <li class="nav-secondary" role="menuitem"> 730 <a href="/cm/become-a-dealer/">Become a Dealer</a> 731 </li> 732 </ul> 733 </div> 734 </li> 735 </ul> 736 </div> 737 </div> 738 </div> 739</div> 740 741 <div class="logo-wrap"> 742 <a class="logo-sunsetter" href="/"> 743 <img alt="Go to the SunSetter home page" src="/globalassets/assets/images/ui/logo-sunsetter.svg" /> 744 </a> 745 </div> 746 <div class="order-info desktop-only d-flex align-items-center"> 747 <a href="/#prd-header" class="button-light-yellow-sm mr-3">Order Today</a> 748 <div class="heading-md">
749 <span class="sst-phone-number">1-800-876-2340</span> 750 </div> 751 752 </div> 753 </div> 754 </div> 755 </div> 756 <div class="primary-nav-wrapper"> 757 758 759 760 <nav> 761 <ul class="list-unstyled nav-list primary-nav-list" role="menubar" aria-label="Sunsetter Menu" id="topnav" aria-orientation="horizontal" aria-activedescendant=""> 762 763 <li class="primary-item primary-item-awnings subnav" role="menuitem"> 764 <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Awnings</button> 765 <div class="dd-nav-wrap awnings"> 766 <div class="dd-nav"> 767 <div class="nav-secondary"> 768 <ul class="list-unstyled nav-category-list" role="menubar"> 769 <li class="nav-dropdown-list-item" role="menuitem"> 770 <a href="/c/awnings/" class="nav-link" >All Awnings</a> 771 </li> 772 <li class="nav-dropdown-list-item" role="menuitem"> 773 <a href="/c/awnings/sunsetter-series-awnings/" class="nav-link">SunSetter Series Awnings</a> 774 </li> 775 <li class="nav-dropdown-list-item" role="menuitem"> 776 <a href="/c/awnings/platinum-series-awnings/" class="nav-link">Platinum Series Awnings</a> 777 </li> 778 <li class="nav-dropdown-list-item" role="menuitem"> 779 <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP" class="nav-link" >See It On Your Home</a> 780 </li> 781 <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem"> 782 <a href="/cm/free-awning-swatches/" class="nav-link" >Free Swatches</a> 783 </li> 784 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 785 <a href="/cm/free-awning-info-kit/" class="nav-link" >Free Info Kit & Savings</a> 786 </li> 787 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 788 <a href="/cm/customer-information/" class="nav-link" >Get Pricing</a> 789 </li> 790 791 </ul> 792 </div> 793 </div> 794 </div> 795 </li> 796 <li class="primary-item primary-item-fabrics-colors desktop-only" aria-busy="true" role="menuitem" id="Fabrics & Colors" tabindex="-1"> 797 <a href="/cm/fabrics-and-colors/" aria-label="Fabrics & Colors" class="primary-nav-item" >
797Fabrics & Colors</a> 798 799 </li> 800 <li class="primary-item primary-item-accessories desktop-only" aria-busy="true" role="menuitem" id="Accessories" tabindex="-1"> 801 <a href="/cm/awning-accessories/" aria-label="Accessories" class="primary-nav-item" >Accessories</a> 802 803 </li> 804 <li class="primary-item primary-item-retractable-screens subnav desktop-only" role="menuitem"> 805 <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Retractable Screens</button> 806 <div class="dd-nav-wrap retractable-screens"> 807 <div class="dd-nav"> 808 <div class="nav-secondary"> 809 <ul class="list-unstyled nav-category-list" role="menubar"> 810 <li class="nav-dropdown-list-item" role="menuitem"> 811 <a href="/c/retractable-screens/" class="nav-link" >All Retractable Screens</a> 812 </li> 813 <li class="nav-dropdown-list-item" role="menuitem"> 814 <a href="/c/easyscreens/" class="nav-link">EasyScreens</a> 815 </li> 816 <li class="nav-dropdown-list-item" role="menuitem"> 817 <a href="/c/easyshades/" class="nav-link">EasyShades</a> 818 </li> 819 <li class="nav-dropdown-list-item" role="menuitem"> 820 <a href="/cm/retractable-screens/fabrics-and-colors/" class="nav-link">Fabrics & Colors</a> 821 </li> 822 <li class="nav-dropdown-list-item" role="menuitem"> 823 <a href="/cm/retractable-screens/compare-shades-and-screens/" class="nav-link">Compare Shades & Screens</a> 824 </li> 825 <li class="nav-dropdown-list-item" role="menuitem"> 826 <a href="/cm/retractable-screens/how-to-measure-easyscreens/" class="nav-link">How To Measure for EasyScreens</a> 827 </li> 828 <li class="nav-dropdown-list-item" role="menuitem"> 829 <a href="/cm/retractable-screens/how-to-measure-easyshades/" class="nav-link">How To Measure for EasyShades</a> 830 </li> 831 <li class="nav-dropdown-list-item" role="menuitem"> 832 <a href="/cm/retractable-screens/faq/" class="nav-link">FAQ</a> 833 </li> 834 <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem"> 835 <a href="/cm/retractable-screens/get-estimate/" class="nav-link" >Get Estimate</a> 836 </li> 837 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 838 <a href="/cm/find-a-dealer/" class="nav-link" >Find A Dealer</a> 839 </li> 840 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 841 <a href="/cm/retractable-screens/download-brochure/" class="nav-link" >Download EasyScreen Brochure</a> 842 </li> 843 844 </ul> 845 </div> 846 </div> 847 </div> 848 </li> 849 <li class="primary-item primary-item-outdoor-products subnav desktop-only" role="menuitem"> 850 <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Outdoor Products</button> 851 <div class="dd-nav-wrap outdoor-products"> 852 <div class="dd-nav"> 853 <div class="nav-secondary"> 854 <ul class="list-unstyled nav-category-list" role="menubar"> 855 <li class="nav-dropdown-list-item" role="menuitem"> 856 <a href="/c/outdoor-products/" class="nav-link" >All Outdoor Products</a> 857 </li> 858 <li class="nav-dropdown-list-item" role="menuitem"> 859 <a href="/c/outdoor-products/char-broil-gas-grill/" class="nav-link">
859Char-Broil 2-Burner Gas Grill</a> 860 </li> 861 <li class="nav-dropdown-list-item" role="menuitem"> 862 <a href="/c/outdoor-products/sunsetter-mats/" class="nav-link">SunSetter Mats</a> 863 </li> 864 <li class="nav-dropdown-list-item" role="menuitem"> 865 <a href="/c/outdoor-products/patio-lights/" class="nav-link">Patio Lights</a> 866 </li> 867 868 </ul> 869 </div> 870 </div> 871 </div> 872 </li> 873 <li class="primary-item primary-item-learn-more subnav desktop-only" role="menuitem"> 874 <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Learn More</button> 875 <div class="dd-nav-wrap learn-more"> 876 <div class="dd-nav"> 877 <div class="nav-secondary"> 878 <ul class="list-unstyled nav-category-list" role="menubar"> 879 <li class="nav-dropdown-list-item" role="menuitem"> 880 <a href="/cm/why-own-a-sunsetter/" class="nav-link">Why Own a SunSetter</a> 881 </li> 882 <li class="nav-dropdown-list-item" role="menuitem"> 883 <a href="/cm/sunsetter-quality/" class="nav-link">SunSetter Quality</a> 884 </li> 885 <li class="nav-dropdown-list-item" role="menuitem"> 886 <a href="/cm/sunsetter-blog/" class="nav-link" >Our Blog</a> 887 </li> 888 <li class="nav-dropdown-list-item" role="menuitem"> 889 <a href="/cm/energy-savings/" class="nav-link">Energy Savings</a> 890 </li> 891 <li class="nav-dropdown-list-item" role="menuitem"> 892 <a href="/cm/video-gallery/" class="nav-link">Video Gallery</a> 893 </li> 894 <li class="nav-dropdown-list-item" role="menuitem"> 895 <a href="/cm/owner-reviews/" class="nav-link" >Awning Owner Reviews</a> 896 </li> 897 <li class="nav-dropdown-list-item" role="menuitem"> 898 <a href="/cm/how-to-measure/" class="nav-link">How To Measure</a> 899 </li> 900 <li class="nav-dropdown-list-item" role="menuitem"> 901 <a href="/cm/payment-plans/" class="nav-link">Payment Plans</a> 902 </li> 903 <li class="nav-dropdown-list-item" role="menuitem"> 904 <a href="/cm/faqs/" class="nav-link">FAQ</a> 905 </li> 906 <li class="nav-dropdown-list-item" role="menuitem"> 907 <a href="/cm/contact-us/" class="nav-link">Contact Us</a> 908 </li> 909 <li class="nav-dropdown-list-item" role="menuitem"> 910 <a href="/cm/perfectlook-awning-visualizer/" class="nav-link" >See It On Your Home</a> 911 </li> 912 <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem"> 913 <a href="/cm/find-a-dealer/" class="nav-link" >Find a Dealer</a> 914 </li> 915 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 916 <a href="/cm/free-awning-swatches/" class="nav-link" >Free Swatches</a> 917 </li> 918 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 919 <a href="/cm/free-awning-info-kit/" class="nav-link" >Free Info Kit & Savings</a> 920 </li> 921 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 922 <a href="/cm/become-a-dealer/" class="nav-link" >Become a Dealer</a> 923 </li> 924 925 </ul> 926 </div> 927 </div> 928 </div> 929 </li> 930 <li class="primary-item primary-item-get-pricing mobile-only" aria-busy="true" role="menuitem" id="Get Pricing" tabindex="-1"> 931 <a href="/cm/customer-information/" aria-label="Get Pricing" class="primary-nav-item" >Get Pricing</a> 932 933 </li> 934 <li class="primary-item primary-item-find-a-dealer mobile-only" aria-busy="true" role="menuitem" id="Find a Dealer" tabindex="-1"> 935 <a href="/cm/find-a-dealer/" aria-label="Find a Dealer" class="primary-nav-item" >Find a Dealer</a> 936 937 </li> 938 <li class="primary-item primary-item-get-pricing primary-item-btn desktop-only" role="menuitem"> 939 <a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a> 940 </li> 941 <li class="primary-item primary-item-find-a-dealer primary-item-btn desktop-only ml-1" role="menuitem"> 942 <a class="button-light-blue-sm" href="/cm/find-a-dealer/">Find a Dealer</a> 943 </li> 944 <li class="primary-item primary-item-faq mobile-only" aria-busy="true" role="menuitem" id="FAQ" tabindex="-1"> 945 <a href="/cm/faqs/" aria-label="FAQ" class="primary-nav-item" >FAQ</a> 946 947 </li> 948 </ul> 949 950 </nav> 951
951<script> 952 document.addEventListener('DOMContentLoaded', () => { 953 const menu = document.getElementById('topnav'); 954 const menuItems = menu.querySelectorAll('[role="menuitem"]'); 955 956 menu.addEventListener('keydown', (event) => { 957 const activeElement = document.activeElement; 958 let newIndex; 959 960 switch (event.key) { 961 case 'ArrowRight': 962 newIndex = (Array.from(menuItems).indexOf(activeElement) + 1) % menuItems.length; 963 menuItems[newIndex].focus(); 964 break; 965 case 'ArrowLeft': 966 newIndex = (Array.from(menuItems).indexOf(activeElement) - 1 + menuItems.length) % menuItems.length; 967 menuItems[newIndex].focus(); 968 break; 969 case 'Home': 970 menuItems[0].focus(); 971 break; 972 case 'End': 973 menuItems[menuItems.length - 1].focus(); 974 break; 975 default: 976 return; 977 } 978 979 event.preventDefault(); 980 updateAriaActivedescendant(menu, menuItems[newIndex].id); 981 }); 982 983 function updateAriaActivedescendant(menu, id) { 984 menu.setAttribute('aria-activedescendant', id); 985 } 986 }); 987 </script>
987 988 989 990 991 992 993 </div> 994 </div> 995</header> 996 <main id="content" class="maincontent"> 997 998 999<div> 1000<div class="block contentcontainerblock "><div class="container lg-container mb-0 mt-0 homepage-hero-module"> 1001 <div class="row mx-0 mt-1"> 1002<div class="col-12 col-lg-7 col-xl-8 px-0 pr-lg-1 hero-cta-wrapper"> 1003<div> 1004 <img class="content-bg" srcset="https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/1064x420px@2x/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&crop=yes&q=90 2128w, https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/1064x420px/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&crop=yes&q=90 1064w, https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/350x260px@2x/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&crop=yes&q=90 700w, https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/350x260px/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&crop=yes&q=90 350w" alt="" /> 1005<div class="content-overlay"> 1006<h1 class="heading-lg mt-0 text-white text-center">America’s #1 Best Selling Awning</h1> 1007<div class="d-flex justify-content-center mt-4"><a class="button-light-yellow-lg" href="/cm/customer-information/">Get Pricing</a> <a class="button-light-blue-lg ml-4" href="/cm/find-a-dealer/">Find a Dealer</a></div> 1008</div> 1009</div> 1010</div> 1011<div class="col-12 col-lg-5 col-xl-4 px-0 bg-dark-blue d-flex justify-content-center">
1012<script> 1013 var script = document.createElement('script'); 1014 script.src = '/assets/dist/js/dealer-lead-form.min.js?cache=04302026'; 1015 script.type = 'text/javascript'; 1016 script.defer = true; 1017 document.body.appendChild(script); 1018</script>
1018 1019<div class="form-dark-bg ml-2 mr-2 px-3 py-5 p-sm-5 align-self-center" id="findADealerFormWrapper"> 1020 1021<form action="" class="site-form find-a-dealer-lead-form" method="post"> <fieldset class="form-section form-section-no-border"> 1022 <legend class="heading-lg mb-4 text-center"> 1023 Find an Authorized SunSetter Dealer Near You! 1024 </legend> 1025 1026 <input id="Form_FormErrorMessage" name="Form.FormErrorMessage" type="hidden" value="There was an issue submitting your request. Please try again." /> 1027 <input id="Form_FormHeading" name="Form.FormHeading" type="hidden" value="Receive a FREE Information Kit along with Savings!" /> 1028 <input name="RequestType" type="hidden" value="HPHFAD" /> 1029 1030 <div class="validation-summary-errors form-error-message body-md mb-4 hidden"> 1031 <span>There was an issue submitting your request. Please try again.</span> 1032 </div> 1033 <div class="form-floating mb-4"> 1034 <input Name="FirstName" autocomplete="on" class="form-control" id="Form_FirstName" maxlength="30" name="Form.FirstName" placeholder="First Name" type="text" value="" /> 1035 <label for="Form_FirstName">First Name</label> 1036 </div> 1037 <div class="form-floating mb-4"> 1038 <input Name="LastName" autocomplete="on" class="form-control" id="Form_LastName" maxlength="30" name="Form.LastName" placeholder="Last Name" type="text" value="" /> 1039 <label for="Form_LastName">Last Name</label> 1040 </div> 1041 <div class="form-floating mb-4"> 1042 <input Name="Email" aria-describedby="EmailError" autocomplete="on" class="form-control" data-val="true" data-val-regex="A valid Email is required" data-val-regex-pattern="^(([^<>()\[\]\\.,;:\s@@"]+(\.[^<>()\[\]\\.,;:\s@@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$" data-val-required="A valid Email is required" id="Form_Email" maxlength="128" name="Form.Email" placeholder="Email*" type="text" value="" /> 1043 <label for="Form_Email">Email*</label> 1044 <span class="field-validation-valid text-danger" data-valmsg-for="Email" data-valmsg-replace="true" id="EmailError"></span> 1045 </div> 1046 <div class="form-group mb-2"> 1047 <input Name="ContactOptionId" checked="checked" data-val="true" data-val-required="The ContactOptionId field is required." id="Form.ContactOptionId" name="Form.ContactOptionId" type="checkbox" value="true" /><input name="Form.ContactOptionId" type="hidden" value="false" /> 1048 <label class="checkbox-label body-md" for="Form.ContactOptionId"><p class="body-sm">I would like to receive emails with special promotions from SunSetter.</p></label> 1049 </div> 1050 <div class="form-floating mb-4" style="width:50%;"> 1051 <input Name="ZipCode" aria-describedby="ZipCodeError" autocomplete="on" class="form-control" data-val="true" data-val-regex="A valid Zip Code is required" data-val-regex-pattern="(^\d{5}(-\d{4})?$)|(^[ABCEGHJKLMNPRSTVXY]{1}\d{1}[A-Z]{1} *\d{1}[A-Z]{1}\d{1}$)" data-val-required="A valid Zip Code is required" id="Form_ZipCode" maxlength="20" name="Form.ZipCode" placeholder="Zip Code*" type="text" value="" /> 1052 <label for="Form_ZipCode">Zip Code*</label> 1053 <span class="field-validation-valid text-danger" data-valmsg-for="ZipCode" data-valmsg-replace="true" id="ZipCodeError"></span> 1054 </div> 1055 <div class="align-items-center d-flex mb-2"> 1056 <div style="width:50%;"> 1057 <div class="form-floating"> 1058 <input Name="Phone" aria-describedby="PhoneError" autocomplete="on" class="form-control" data-val="true" data-val-regex="A valid Phone Number is required" data-val-regex-pattern="^\D*(\d{3})\D*(\d{3})\D*(\d{4})\D*$" id="Form_Phone" maxlength="30" name="Form.Phone" placeholder="Phone" type="text" value="" /> 1059 <label for="Form_Phone">Phone</label> 1060 <span class="field-validation-valid text-danger" data-valmsg-for="Phone" data-valmsg-replace="true" id="PhoneError"></span> 1061 </div> 1062 </div> 1063 <div style="width:50%;"> 1064 <div class="ml-3"> 1065 <p class="body-sm">Enter your phone number for a FREE in-home consultation</p> 1066 </div> 1067 </div> 1068 </div> 1069 <div class="row"> 1070 <div class="col mb-5 mt-3"> 1071 <p class="body-sm"><span>*</span> Required Fields</p> 1072 </div> 1073 </div> 1074 <div class="row"> 1075 <div class="col-8 d-flex mx-auto"> 1076 <button class="button-light-yellow-lg button-submit d-flex flex-fill justify-content-center" type="submit">Find a Dealer</button> 1077 </div> 1078 </div> 1079 </fieldset> 1080 <div class="mt-4"> 1081 <p class="body-md mb-20">Your contact information is kept confidential. We do not distribute it to outside sources. Read our <a href="/cm/privacy/">privacy policy</a>.</p> 1082 </div> 1083</form> 1084</div> 1085</div> 1086</div> 1087</div></div> 1088<div class="block contentcontainerblock "><div class="container lg-container mb-20 mt-0">
1089 <h1 id="prd-header" class="heading-lg text-center">Explore Everything SunSetter Has To Offer</h1> 1090</div></div> 1091<div class="block contentcontainerblock "><div class="container lg-container mb-0 mt-0"> 1092 <div class="block catalogcontentgridblock "> 1093<div class="container-lg product-ctas mb-60 mt-0 mx-0 px-0"> 1094<div class="row row-cols-2 row-cols-md-3"> 1095<div class="product-card product-card-cta col d-flex mb-4"> 1096<div class="card-wrapper"><a class="card-image" href="/c/awnings/"> 1097<div class="object-fit site-image-wrapper"><img class="site-image" src="https://embed.widencdn.net/img/springswindowfashions/1mc3osgwu2/975x650px/SunSetter-LS21-PlatMotorPRO-StormStripe-17.jpeg?keep=c&crop=yes&quality=80&u=qgugoa" alt="SunSetter-LS21-PlatMotorPRO-StormStripe-17" /></div> 1098</a> 1099<div class="heading-lg text-light-blue text-center mt-4 mb-2">Awnings</div> 1100<div class="body-md text-center">Experience the joy of outdoor living</div> 1101<div class="text-center"><a class="mt-4 button-light-yellow-lg" href="/c/awnings/">Order Now</a></div> 1102</div> 1103</div> 1104<div class="product-card product-card-cta col d-flex mb-4"> 1105<div class="card-wrapper"><a class="card-image" href="/c/easyscreens/"> 1106<div class="object-fit site-image-wrapper"><img class="site-image" src="https://embed.widencdn.net/img/springswindowfashions/njla22ga4m/240x230px@2x/SunSetter_Powerscreen_Inside-Out_BronzeFrame-BrownBlackFabric_0323.jpg" alt="" /></div> 1107</a> 1108<div class="heading-lg text-light-blue text-center mt-4 mb-2">EasyScreens</div> 1109<div class="body-md text-center">Create the ultimate outdoor living space</div> 1110<div class="text-center"><a class="body-md mt-4 button-light-yellow-lg" href="/c/easyscreens/">Get Estimate</a></div> 1111</div> 1112</div> 1113<div class="product-card product-card-cta col d-flex mb-4"> 1114<div class="card-wrapper"><a class="card-image" href="/c/easyshades/"> 1115<div class="object-fit site-image-wrapper"><img class="site-image" src="https://embed.widencdn.net/img/springswindowfashions/y26aaxvxaw/480x460px/EasyShade_Motorized_CoralWhite_15P_WhiteFrame_1023.jpeg?keep=c&crop=yes&quality=80&u=qgugoa" alt="EasyShade_Motorized_CoralWhite_15P_WhiteFrame_1023" /></div> 1116</a> 1117<div class="heading-lg text-light-blue text-center mt-4 mb-2">EasyShades</div> 1118<div class="body-md text-center">Block the heat, not the view</div> 1119<div class="text-center"><a class="mt-4 button-light-yellow-lg" href="/c/easyshades/">Order Now</a></div> 1120</div> 1121</div> 1122</div> 1123</div> 1124</div> 1125</div></div> 1126<div class="block multicolumncontainerblock "><div class="mb-60 mt-0"> 1127 <div class="container"> 1128 <div class="row justify-content-center align-items-sm-center"> 1129 <div class="col-12 col-md-6 order-1 order-md-0"> 1130 <h1 class="heading-xl mb-3">The SunSetter Advantage</h1> 1131<p class="body-md mb-3">For nearly 40 years, we’ve been America’s trusted leader in shade solutions—helping you reclaim your outdoor space and enjoy it in comfort. Our products make it easy to beat the heat while protecting what matters most.</p> 1132<ul class="list arrow-list mb-3"> 1133<li>Over 1.2 million happy customers nationwide</li> 1134<li>Custom-built quality without the custom-built price tag</li> 1135<li>Enjoy unobstructed views, refreshing shade, and superior UV protection</li> 1136<li>Backed by up to a 10-year Limited Warranty for peace of mind</li> 1137</ul> 1138<a class="button-light-yellow-lg" href="/cm/why-own-a-sunsetter/">Why Own a SunSetter</a> <a class="button-light-yellow-lg" href="/cm/find-a-dealer/">Find a Dealer</a> 1139 </div> 1140 <div class="col-12 col-md-6 order-0 order-md-1 mb-4 mb-md-0 mt-3 mt-md-0"> 1141 <div style="max-width: 520px; margin: 0 auto;"> 1142<div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://embed.widencdn.net/video/springswindowfashions/ajkf3xdcb7/MacroBrand_SunSetter_VersC_2023_799price_0203pm-1-Up-to-4K.mov?u=u4pew1" frameborder="0" scrolling="no" allowfullscreen=""></iframe></div> 1143</div> 1144 </div> 1145 </div> 1146 </div> 1147</div></div> 1148<div class="block multicolumngridblock "> 1149 <div class="container mb-60 mt-60"> 1150 <div class="glide grid-slider glide-quotes-container"> 1151 <div class="glide__track" data-glide-el="track"> 1152 <ul class="glide__slides"> 1153 <li class="glide__slide"> 1154 1155<div class="quote-card-dark"> 1156 <div class="quote-icon text-left pt-5 pl-5"> 1157 <img src="/assets/dist/images/ui/icon-quote-light.svg" alt="" /> 1158 </div> 1159 <div class="quote-quotation text-center p-5"> 1160 <p class="body-md text-white">My awning allows me to use my deck much more than I did previously. Guests are impressed with the quiet motor, the added benefit of the drop-down screen and the value of the product.</p> 1161 </div> 1162 <div class="quote-star text-center pb-4"> 1163 <svg width="143" height="22" viewBox="0 0 143 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1164 1165 <path d="M11.2502 0L15.0743 6.5199L22.5002 8.11678L17.4377 13.7432L18.2031 21.25L11.2502 18.2074L4.29736 21.25L5.06274 13.7432L0.000244141 8.11678L7.42616 6.5199L11.2502 0Z" fill="#ffcB45"></path> 1166 <path d="M41.2502 0L45.0743 6.5199L52.5002 8.11678L47.4377 13.7432L48.2031 21.25L41.2502 18.2074L34.2974 21.25L35.0627 13.7432L30.0002 8.11678L37.4262 6.5199L41.2502 0Z" fill="#ffcB45"></path> 1167 <path d="M71.2502 0L75.0743 6.5199L82.5002 8.11678L77.4377 13.7432L78.2031 21.25L71.2502 18.2074L64.2974 21.25L65.0627 13.7432L60.0002 8.11678L67.4262 6.5199L71.2502 0Z" fill="#ffcB45"></path> 1168 <path d="M101.25 0L105.074 6.5199L112.5 8.11678L107.438 13.7432L108.203 21.25L101.25 18.2074L94.2974 21.25L95.0627 13.7432L90.0002 8.11678L97.4262 6.5199L101.25 0Z" fill="#ffcB45"></path> 1169 <path d="M131.25 0L135.074 6.5199L142.5 8.11678L137.438 13.7432L138.203 21.25L131.25 18.2074L124.297 21.25L125.063 13.7432L120 8.11678L127.426 6.5199L131.25 0Z" fill="#ffcB45"></path> 1170 </svg> 1171 </div> 1172 <div class="quote-name-location text-right pr-5 pb-5"> 1173 <p class="body-md text-white">-Babs , <strong>Connecticut</strong></p> 1174 </div> 1175</div> 1176 </li> 1177 <li class="glide__slide"> 1178 1179<div class="quote-card-light"> 1180 <div class="quote-icon text-left pt-5 pl-5"> 1181 <img src="/assets/dist/images/ui/icon-quote-dark.svg" alt="" /> 1182 </div> 1183 <div class="quote-quotation text-center p-5"> 1184 <p class="body-md text-white">I am so glad I made the decision to buy this awning! I wanted a SunSetter awning so I could still enjoy the outside in the rain with its protection. Also great to stay out of the sun!</p> 1185 </div> 1186 <div class="quote-star text-center pb-4"> 1187 <svg width="143" height="22" viewBox="0 0 143 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1188 1189 <path d="M11.2502 0L15.0743 6.5199L22.5002 8.11678L17.4377 13.7432L18.2031 21.25L11.2502 18.2074L4.29736 21.25L5.06274 13.7432L0.000244141 8.11678L7.42616 6.5199L11.2502 0Z" fill="#ffcB45"></path> 1190 <path d="M41.2502 0L45.0743 6.5199L52.5002 8.11678L47.4377 13.7432L48.2031 21.25L41.2502 18.2074L34.2974 21.25L35.0627 13.7432L30.0002 8.11678L37.4262 6.5199L41.2502 0Z" fill="#ffcB45"></path> 1191 <path d="M71.2502 0L75.0743 6.5199L82.5002 8.11678L77.4377 13.7432L78.2031 21.25L71.2502 18.2074L64.2974 21.25L65.0627 13.7432L60.0002 8.11678L67.4262 6.5199L71.2502 0Z" fill="#ffcB45"></path> 1192 <path d="M101.25 0L105.074 6.5199L112.5 8.11678L107.438 13.7432L108.203 21.25L101.25 18.2074L94.2974 21.25L95.0627 13.7432L90.0002 8.11678L97.4262 6.5199L101.25 0Z" fill="#ffcB45"></path> 1193 <path d="M131.25 0L135.074 6.5199L142.5 8.11678L137.438 13.7432L138.203 21.25L131.25 18.2074L124.297 21.25L125.063 13.7432L120 8.11678L127.426 6.5199L131.25 0Z" fill="#ffcB45"></path> 1194 </svg> 1195 </div> 1196 <div class="quote-name-location text-right pr-5 pb-5"> 1197 <p class="body-md text-white">-Rita , <strong>Pennsylvania</strong></p> 1198 </div> 1199</div> 1200 </li> 1201 <li class="glide__slide"> 1202 1203<div class="quote-card-dark"> 1204 <div class="quote-icon text-left pt-5 pl-5"> 1205 <img src="/assets/dist/images/ui/icon-quote-light.svg" alt="" /> 1206 </div> 1207 <div class="quote-quotation text-center p-5"> 1208 <p class="body-md text-white">Very well built product, works at the touch of a button. Very sturdy and great coverage. I would definitely recommend to a friend!</p> 1209 </div> 1210 <div class="quote-star text-center pb-4"> 1211 <svg width="143" height="22" viewBox="0 0 143 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1212 1213 <path d="M11.2502 0L15.0743 6.5199L22.5002 8.11678L17.4377 13.7432L18.2031 21.25L11.2502 18.2074L4.29736 21.25L5.06274 13.7432L0.000244141 8.11678L7.42616 6.5199L11.2502 0Z" fill="#ffcB45"></path> 1214 <path d="M41.2502 0L45.0743 6.5199L52.5002 8.11678L47.4377 13.7432L48.2031 21.25L41.2502 18.2074L34.2974 21.25L35.0627 13.7432L30.0002 8.11678L37.4262 6.5199L41.2502 0Z" fill="#ffcB45"></path> 1215 <path d="M71.2502 0L75.0743 6.5199L82.5002 8.11678L77.4377 13.7432L78.2031 21.25L71.2502 18.2074L64.2974 21.25L65.0627 13.7432L60.0002 8.11678L67.4262 6.5199L71.2502 0Z" fill="#ffcB45"></path> 1216 <path d="M101.25 0L105.074 6.5199L112.5 8.11678L107.438 13.7432L108.203 21.25L101.25 18.2074L94.2974 21.25L95.0627 13.7432L90.0002 8.11678L97.4262 6.5199L101.25 0Z" fill="#ffcB45"></path> 1217 <path d="M131.25 0L135.074 6.5199L142.5 8.11678L137.438 13.7432L138.203 21.25L131.25 18.2074L124.297 21.25L125.063 13.7432L120 8.11678L127.426 6.5199L131.25 0Z" fill="#ffcB45"></path> 1218 </svg> 1219 </div> 1220 <div class="quote-name-location text-right pr-5 pb-5"> 1221 <p class="body-md text-white">-Jim , <strong>Pennsylvania</strong></p> 1222 </div> 1223</div> 1224 </li> 1225 <li class="glide__slide"> 1226 1227<div class="quote-card-light"> 1228 <div class="quote-icon text-left pt-5 pl-5"> 1229 <img src="/assets/dist/images/ui/icon-quote-dark.svg" alt="" /> 1230 </div> 1231 <div class="quote-quotation text-center p-5"> 1232 <p class="body-md text-white">Our SunSetter Awning is in use 24/7. It's very easy to use, retracks when strong winds are encountered and protects our patio. Thank y
1232ou SunSetter, we love our awning!</p> 1233 </div> 1234 <div class="quote-star text-center pb-4"> 1235 <svg width="143" height="22" viewBox="0 0 143 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1236 1237 <path d="M11.2502 0L15.0743 6.5199L22.5002 8.11678L17.4377 13.7432L18.2031 21.25L11.2502 18.2074L4.29736 21.25L5.06274 13.7432L0.000244141 8.11678L7.42616 6.5199L11.2502 0Z" fill="#ffcB45"></path> 1238 <path d="M41.2502 0L45.0743 6.5199L52.5002 8.11678L47.4377 13.7432L48.2031 21.25L41.2502 18.2074L34.2974 21.25L35.0627 13.7432L30.0002 8.11678L37.4262 6.5199L41.2502 0Z" fill="#ffcB45"></path> 1239 <path d="M71.2502 0L75.0743 6.5199L82.5002 8.11678L77.4377 13.7432L78.2031 21.25L71.2502 18.2074L64.2974 21.25L65.0627 13.7432L60.0002 8.11678L67.4262 6.5199L71.2502 0Z" fill="#ffcB45"></path> 1240 <path d="M101.25 0L105.074 6.5199L112.5 8.11678L107.438 13.7432L108.203 21.25L101.25 18.2074L94.2974 21.25L95.0627 13.7432L90.0002 8.11678L97.4262 6.5199L101.25 0Z" fill="#ffcB45"></path> 1241 <path d="M131.25 0L135.074 6.5199L142.5 8.11678L137.438 13.7432L138.203 21.25L131.25 18.2074L124.297 21.25L125.063 13.7432L120 8.11678L127.426 6.5199L131.25 0Z" fill="#ffcB45"></path> 1242 </svg> 1243 </div> 1244 <div class="quote-name-location text-right pr-5 pb-5"> 1245 <p class="body-md text-white">-Bill , <strong>South Carolina</strong></p> 1246 </div> 1247</div> 1248 </li> 1249 <li class="glide__slide"> 1250 1251<div class="quote-card-dark"> 1252 <div class="quote-icon text-left pt-5 pl-5"> 1253 <img src="/assets/dist/images/ui/icon-quote-light.svg" alt="" /> 1254 </div> 1255 <div class="quote-quotation text-center p-5"> 1256 <p class="body-md text-white">Having a SunSetter awning has enabled me to enjoy my deck which would have been way too hot if I didn't have it. I love my retractable awning!</p> 1257 </div> 1258 <div class="quote-star text-center pb-4"> 1259 <svg width="143" height="22" viewBox="0 0 143 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1260 1261 <path d="M11.2502 0L15.0743 6.5199L22.5002 8.11678L17.4377 13.7432L18.2031 21.25L11.2502 18.2074L4.29736 21.25L5.06274 13.7432L0.000244141 8.11678L7.42616 6.5199L11.2502 0Z" fill="#ffcB45"></path> 1262 <path d="M41.2502 0L45.0743 6.5199L52.5002 8.11678L47.4377 13.7432L48.2031 21.25L41.2502 18.2074L34.2974 21.25L35.0627 13.7432L30.0002 8.11678L37.4262 6.5199L41.2502 0Z" fill="#ffcB45"></path> 1263 <path d="M71.2502 0L75.0743 6.5199L82.5002 8.11678L77.4377 13.7432L78.2031 21.25L71.2502 18.2074L64.2974 21.25L65.0627 13.7432L60.0002 8.11678L67.4262 6.5199L71.2502 0Z" fill="#ffcB45"></path> 1264 <path d="M101.25 0L105.074 6.5199L112.5 8.11678L107.438 13.7432L108.203 21.25L101.25 18.2074L94.2974 21.25L95.0627 13.7432L90.0002 8.11678L97.4262 6.5199L101.25 0Z" fill="#ffcB45"></path> 1265 <path d="M131.25 0L135.074 6.5199L142.5 8.11678L137.438 13.7432L138.203 21.25L131.25 18.2074L124.297 21.25L125.063 13.7432L120 8.11678L127.426 6.5199L131.25 0Z" fill="#ffcB45"></path> 1266 </svg> 1267 </div> 1268 <div class="quote-name-location text-right pr-5 pb-5"> 1269 <p class="body-md text-white">-Anne , <strong>North Carolina</strong></p> 1270 </div> 1271</div> 1272 </li> 1273 <li class="glide__slide"> 1274 1275<div class="quote-card-light"> 1276 <div class="quote-icon text-left pt-5 pl-5"> 1277 <img src="/assets/dist/images/ui/icon-quote-dark.svg" alt="" /> 1278 </div> 1279 <div class="quote-quotation text-center p-5"> 1280 <p class="body-md text-white">Our patio is on a southern exposure and the low winter sun can be blinding through the sliding door mornings through mid-day. The SunSetter awning helps control the light and provides AC/Energy Savings. Works well for sunlight control over sliding glass door.</p> 1281 </div> 1282 <div class="quote-star text-center pb-4"> 1283 <svg width="143" height="22" viewBox="0 0 143 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1284 1285 <path d="M11.2502 0L15.0743 6.5199L22.5002 8.11678L17.4377 13.7432L18.2031 21.25L11.2502 18.2074L4.29736 21.25L5.06274 13.7432L0.000244141 8.11678L7.42616 6.5199L11.2502 0Z" fill="#ffcB45"></path> 1286 <path d="M41.2502 0L45.0743 6.5199L52.5002 8.11678L47.4377 13.7432L48.2031 21.25L41.2502 18.2074L34.2974 21.25L35.0627 13.7432L30.0002 8.11678L37.4262 6.5199L41.2502 0Z" fill="#ffcB45"></path> 1287 <path d="M71.2502 0L75.0743 6.5199L82.5002 8.11678L77.4377 13.7432L78.2031 21.25L71.2502 18.2074L64.2974 21.25L65.0627 13.7432L60.0002 8.11678L67.4262 6.5199L71.2502 0Z" fill="#ffcB45"></path> 1288 <path d="M101.25 0L105.074 6.5199L112.5 8.11678L107.438 13.7432L108.203 21.25L101.25 18.2074L94.2974 21.25L95.0627 13.7432L90.0002 8.11678L97.4262 6.5199L101.25 0Z" fill="#ffcB45"></path> 1289 <path d="M131.25 0L135.074 6.5199L142.5 8.11678L137.438 13.7432L138.203 21.25L131.25 18.2074L124.297 21.25L125.063 13.7432L120 8.11678L127.426 6.5199L131.25 0Z" fill="#ffcB45"></path> 1290 </svg> 1291 </div> 1292 <div class="quote-name-location text-right pr-5 pb-5"> 1293 <p class="body-md text-white">-Ron , <strong>Colorado</strong></p> 1294 </div> 1295</div> 1296 </li> 1297 <li class="glide__slide"> 1298 1299<div class="quote-card-dark"> 1300 <div class="quote-icon text-left pt-5 pl-5"> 1301 <img src="/assets/dist/images/ui/icon-quote-light.svg" alt="" /> 1302 </div> 1303 <div class="quote-quotation text-center p-5"> 1304 <p class="body-md text-white">I use my awning to keep sun off the living room door and windows. The awning goes up quickly and is so easy to operate. The design and construction are much better than I expected. If I needed another, I would not hesitate to buy another SunSetter.</p> 1305 </div> 1306 <div class="quote-star text-center pb-4"> 1307 <svg width="143" height="22" viewBox="0 0 143 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1308 1309 <path d="M11.2502 0L15.0743 6.5199L22.5002 8.11678L17.4377 13.7432L18.2031 21.25L11.2502 18.2074L4.29736 21.25L5.06274 13.7432L0.000244141 8.11678L7.42616 6.5199L11.2502 0Z" fill="#ffcB45"></path> 1310 <path d="M41.2502 0L45.0743 6.5199L52.5002 8.11678L47.4377 13.7432L48.2031 21.25L41.2502 18.2074L34.2974 21.25L35.0627 13.7432L30.0002 8.11678L37.4262 6.5199L41.2502 0Z" fill="#ffcB45"></path> 1311 <path d="M71.2502 0L75.0743 6.5199L82.5002 8.11678L77.4377 13.7432L78.2031 21.25L71.2502 18.2074L64.2974 21.25L65.0627 13.7432L60.0002 8.11678L67.4262 6.5199L71.2502 0Z" fill="#ffcB45"></path> 1312 <path d="M101.25 0L105.074 6.5199L112.5 8.11678L107.438 13.7432L108.203 21.25L101.25 18.2074L94.2974 21.25L95.0627 13.7432L90.0002 8.11678L97.4262 6.5199L101.25 0Z" fill="#ffcB45"></path> 1313 <path d="M131.25 0L135.074 6.5199L142.5 8.11678L137.438 13.7432L138.203 21.25L131.25 18.2074L124.297 21.25L125.063 13.7432L120 8.11678L127.426 6.5199L131.25 0Z" fill="#ffcB45"></path> 1314 </svg> 1315 </div> 1316 <div class="quote-name-location text-right pr-5 pb-5"> 1317 <p class="body-md text-white">-Don , <strong>Texas</strong></p> 1318 </div> 1319</div> 1320 </li> 1321 </ul> 1322 </div> 1323 <div class="glide__navigation pt-3">
1324 <div class="glide__arrows" data-glide-el="controls"> 1325 <button class="glide__arrow glide__arrow--left" data-glide-dir="<">Previous</button> 1326 </div> 1327 1328 <div class="glide__arrows" data-glide-el="controls"> 1329 <button class="glide__arrow glide__arrow--right" data-glide-dir=">">Next</button> 1330 </div> 1331 </div> 1332 </div> 1333 </div> 1334
1334<script> 1335 var glideCss = ['glide.core.min.css', 'glide.theme.min.css']; 1336 for (var i = 0; i < glideCss.length; i++) { 1337 var link = document.createElement('link'); 1338 link.href = `/assets/dist/css/vendors/${glideCss[i]}?cache=04302026`; 1339 link.rel = 'stylesheet'; 1340 link.type = 'text/css'; 1341 document.head.appendChild(link); 1342 } 1343 </script>
1343 1344</div> 1345<div class="block contentcontainerblock "><div class="container lg-container mb-60 mt-0"> 1346 <div class="dealer-cta-horizontal-image d-flex flex-column flex-sm-row align-items-stretch"> 1347<div class="card-image flex-fill"> 1348<div class="object-fit site-image-wrapper"><img src="https://embed.widencdn.net/img/springswindowfashions/uhuxhuib0k/520x300px@2x/sunsetter-dealer-ls19-v2.jpg?crop=true&keep=c&q=90" alt=""" /></div> 1349</div> 1350<div class="content-wrap-outer flex-fill"> 1351<div class="content-wrap d-flex flex-column align-items-center" style="max-width: 45rem;"> 1352<h2 class="heading-lg text-dark-gray pb-4">2 Convenient Ways to Buy</h2> 1353<hr class="hr-gray mb-4" width="100%" /> 1354<ul class="dealer-list"> 1355<li class="one mb-5"> 1356<h3 class="heading-md text-dark-blue pb-2">Contact your local, authorized SunSetter Dealer</h3> 1357<p>Your dealer will be happy to show you fabric samples in person as well as offer professional installation.</p> 1358<a class="button-light-blue-lg mt-4" href="/cm/find-a-dealer/">Find Your SunSetter Dealer</a></li> 1359<li class="two"> 1360<h3 class="heading-md text-dark-blue pb-2">Order Direct from SunSetter</h3> 1361<p class="text-bold">Call us toll-free at <a href="tel:18008762340">1-800-876-2340</a>.</p> 1362<p class="pb-4">It's quick and easy!</p> 1363<p class="text-bold">Build your awning or EasyShade online</p> 1364<p>We’ll show you how to select just the right model as well as how to purchase it in just a few clicks.</p> 1365<a class="button-light-blue-lg mt-4" href="/cm/customer-information/">Order Today</a></li> 1366</ul> 1367</div> 1368</div> 1369</div> 1370</div></div> 1371<div class="block multicolumngridblock "> 1372<div class="container multi-column-grid mb-80 mt-0"> 1373 <div class="row row row-cols-1 row-cols-md-2"> 1374 <div class="col d-flex "> 1375 <div class="promo-card-sm d-flex flex-row align-items-center bg-light-gray"> 1376 <div class="card-image mr-4 mr-md-5"> 1377 <div class="object-fit site-image-wrapper"> 1378 <img alt="" class="site-image lazy" src="https://embed.widencdn.net/img/springswindowfashions/m7fmpivjgg/300x200px@2x/SunSetter_PA_Underneath_view_Cove-Stripe_Cream.jpeg?keep=c&crop=yes&q=90" data-product-code="" /> 1379 </div> 1380 1381 </div> 1382 <div class="card-content"> 1383 <h2 class="heading-md text-dark-blue pb-3">Our Latest Additions</h2> 1384<p class="body-md pb-3">Check out our new products and reclaim your outdoor space this year.</p> 1385<a class="button-dark-blue-sm" href="/cm/latest-additions/">See What's New</a> 1386 </div> 1387</div> 1388 </div> 1389 <div class="col d-flex "> 1390 <div class="promo-card-sm d-flex flex-row align-items-center bg-light-gray"> 1391 <div class="card-image mr-4 mr-md-5"> 1392 <div class="object-fit site-image-wrapper"> 1393 <img alt="" class="site-image lazy" src="https://embed.widencdn.net/img/springswindowfashions/vm3rf7suir/300x200px@2x/sunsetter-4916-awning-cu21-v1.jpeg?keep=c&crop=yes&q=90" data-product-code="" /> 1394 </div> 1395 1396 </div> 1397 <div class="card-content"> 1398 <h2 class="heading-md text-dark-blue pb-3 mt-4">Fabrics & Colors</h2> 1399<p class="body-md pb-3">See all our beautiful fabrics and colors — and request FREE swatches.</p> 1400<div class="d-flex flex-wrap mb-3"><a class="button-dark-blue-sm mr-2 mb-2" href="/cm/fabrics-and-colors/" style="padding: .9rem 1rem;">Explore Fabrics</a> <a class="button-dark-blue-sm mb-2" href="/cm/free-awning-swatches/" style="padding: .9rem 1rem;">FREE Swatches</a></div> 1401 </div> 1402</div> 1403 </div> 1404 </div> 1405</div></div> 1406<div class="block multicolumngridblock "> 1407<div class="container multi-column-grid mb-0 mt-0 icon-ctas"> 1408 <div class="row row row-cols-1 row-cols-md-3"> 1409 <div class="col d-flex justify-content-center "> 1410 <div class="text-center px-5"> 1411 <div class="icon mb-3"> 1412 <img src="/siteassets/assets/images/ui/icon-info-kit.svg" alt=""> 1413 </div> 1414 <h2 class="heading-md text-dark-blue pb-3">Free Awnings Info Kit + $350 Savings</h2> 1415 <div class="body-md pb-4"><p>Learn more about SunSetter awning models, prices, and color choices.</p></div> 1416 <a class="button-light-blue-lg mb-5" href="/cm/free-awning-info-kit/">Order Yours Today</a> 1417</div> 1418 </div> 1419 <div class="col d-flex justify-content-center "> 1420 <div class="text-center px-5"> 1421 <div class="icon mb-3"> 1422 <img src="/siteassets/assets/images/ui/icon-find-expert.svg" alt=""> 1423 </div> 1424 <h2 class="heading-md text-dark-blue pb-3">Find a SunSetter Awning Expert</h2> 1425 <div class="body-md pb-4"><p>Want professional installation? We'll show you nearby dealers.</p></div> 1426 <a class="button-light-blue-lg mb-5" href="/cm/find-a-dealer/">Find a Dealer</a> 1427</div> 1428 </div> 1429 <div class="col d-flex justify-content-center "> 1430 <div class="text-center px-5"> 1431 <div class="icon mb-3"> 1432 <img src="/siteassets/assets/images/ui/icon-free-swatches.svg" alt=""> 1433 </div> 1434 <h2 class="heading-md text-dark-blue pb-3">Order Free Awning Fabric Swatches</h2> 1435 <div class="body-md pb-4">With so many options to pick from, we’ll send you free swatches of the fabrics of your choice.</div> 1436 <a class="button-light-blue-lg mb-5" href="/cm/free-awning-swatches/">Get Free Swatches</a> 1437</div> 1438 </div> 1439 </div> 1440</div></div></div> 1441
1442<script defer> 1443 let slideIndex = 1; 1444 let isRunnin = true; 1445 // Next/previous controls 1446 function toggleSlideRun() { isRunnin = !isRunnin } 1447 1448 function plusSlides(n) { showSlides(slideIndex += n); } 1449 // Thumbnail image controls 1450 function currentSlide(n) { showSlides(slideIndex = n); } 1451 function showSlides(n) { 1452 1453 if (!isRunnin) return; 1454 1455 let i; 1456 let slides = document.getElementsByClassName("slide-1"); 1457 if (n > slides.length) { slideIndex = 1 } 1458 if (n < 1) { slideIndex = slides.length } 1459 for (i = 0; i < slides.length; i++) { 1460 slides[i].style.display = "none"; 1461 } 1462 let prevSlide = slides[slideIndex - 1]; 1463 if (prevSlide) { 1464 prevSlide.style.display = "block"; 1465 } 1466 } 1467 function RunIt04() { 1468 plusSlides(1); 1469 setTimeout(RunIt04, 6000); 1470 } 1471 RunIt04(); 1472</script>
1472 1473 1474<style> 1475 * { 1476 box-sizing: border-box 1477 } 1478 1479 .slideshow-container { 1480 max-width: 1000px; 1481 position: relative; 1482 margin: auto; 1483 } 1484 /* Hide the images by default */ 1485 slide-1 { 1486 display: none; 1487 } 1488 1489 .prev, 1490 .next { 1491 cursor: pointer; 1492 position: absolute; 1493 top: 50%; 1494 width: auto; 1495 margin-top: -22px; 1496 padding: 16px; 1497 color: white; 1498 font-weight: bold; 1499 font-size: 18px; 1500 transition: 0.6s ease; 1501 border-radius: 0 3px 3px 0; 1502 user-select: none; 1503 text-decoration: none; 1504 } 1505 1506 /* Position the "next button" to the right */ 1507 .next { 1508 right: 0; 1509 border-radius: 3px 0 0 3px; 1510 } 1511 /* On hover, add a black background color with a little bit see-through */ 1512 .prev:hover, 1513 .next:hover { 1514 background-color: rgba(0, 0, 0, 0.8); 1515 } 1516 /* Caption text */ 1517 .text { 1518 color: #f2f2f2; 1519 font-size: 15px; 1520 padding: 8px 12px; 1521 position: absolute; 1522 bottom: 8px; 1523 width: 100%; 1524 text-align: center; 1525 } 1526 /* Number text (1/3 etc) */ 1527 .numbertext { 1528 color: #f2f2f2; 1529 font-size: 12px; 1530 padding: 8px 12px; 1531 position: absolute; 1532 top: 0; 1533 } 1534 /* The dots/bullets/indicators */ 1535 .dot { 1536 cursor: pointer; 1537 height: 15px; 1538 width: 15px; 1539 margin: 0 2px; 1540 background-color: #bbb; 1541 border-radius: 50%; 1542 display: inline-block; 1543 transition: background-color 0.6s ease; 1544 } 1545 1546 .active, 1547 .dot:hover { 1548 background-color: #717171; 1549 } 1550 /* Fading animation */ 1551 .fade { 1552 animation-name: fade; 1553 animation-duration: 1.5s; 1554 } 1555 1556 @keyframes fade { 1557 from { 1558 opacity: .4 1559 } 1560 1561 to { 1562 opacity: 1 1563 } 1564 } 1565</style> 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576
1577<script type="text/javascript"> 1578 var xx = '//ib.mookie1.com/ibiview.js?go=317786&id1=n/a'; 1579 var _ibel = document.createElement('script'); 1580 _ibel.type = 'text/javascript'; 1581 _ibel.src = xx; 1582 (document.getElementsByTagName('body')[0] || document.getElementsByTagName('head')[0]).appendChild(_ibel); 1583</script>
1583 1584<noscript><iframe src="//ib.mookie1.com/view.html?go=317786" style="display: none;"></iframe></noscript> 1585 1586 1587 1588 1589 1590 1591 1592 1593 </main> 1594 1595 1596<footer class="footer sticky-footer"> 1597 <div class="footer-ctas-wrap"> 1598 <div class="container"> 1599 <!--<div class="row"> 1600 <div class="col-12 px-0">--> 1601 <ul class="footer-ctas d-flex flex-column flex-xs-row flex-wrap justify-content-center justify-content-lg-between" role="menu"> 1602 <li role="menuitem"> 1603 <a href="/cm/free-awning-info-kit/" >Free Info Kit & Savings Certificate</a> 1604 </li> 1605 <li role="menuitem"> 1606 <a href="/cm/find-a-dealer/" >Find a SunSetter Dealer Near You</a> 1607 </li> 1608 <li role="menuitem"> 1609 <a href="/cm/free-awning-swatches/" >Free Swatches</a> 1610 </li> 1611 <li role="menuitem"> 1612 <a href="/cm/owner-reviews/" >Read Owner Reviews</a> 1613 </li> 1614 <li role="menuitem"> 1615 <a href="/cm/become-a-dealer/" >Become a Dealer</a> 1616 </li> 1617 </ul> 1618 <!--</div> 1619 </div>--> 1620 </div> 1621 </div> 1622 <div class="bg-dark-gray-05"> 1623 <div class="container"> 1624 <div class="row"> 1625 <div class="bg-dark-blue col-12 col-md-auto order-2 order-md-1"> 1626 <div class="footer-contact d-flex flex-row flex-md-column justify-content-between mb-3 mb-md-0"> 1627 <div> 1628 <address class="body-md text-white"> 1629 <span class="header-link-footer">SunSetter Products</span> 7549 Graber Road<br />Middleton, WI 53562 1630 </address> 1631 <a class="body-md text-white sst-phone-number" href="tel:1-800-876-2340"> 1632 <strong class="sst-phone-number">1-800-876-2340</strong> 1633 </a> 1634 </div> 1635 <ul class="footer-socials flex-row col-6 col-md-12 pr-0 px-md-0" role="menu"> 1636 <li class="link-icon" role="menuitem"> 1637 <a href="/goto-facebook" class="footer-icon-facebook" target=_blank> 1638 <img alt="Facebook" src="/siteassets/assets/images/ui/icon-social-facebook.svg" /> 1639 </a> 1640 </li> 1641 <li class="link-icon ml-3" role="menuitem"> 1642 <a href="https://www.instagram.com/sunsetterproducts/" class="footer-icon-instagram" target=_blank> 1643 <img alt="Instagram" src="/siteassets/assets/images/ui/icon-social-instagram.svg" /> 1644 </a> 1645 </li> 1646 <li class="link-icon ml-3" role="menuitem"> 1647 <a href="https://www.youtube.com/@SunSetterProducts" class="footer-icon-" target=_blank> 1648 <img alt="YouTube" src="/siteassets/assets/images/ui/icon-social-youtube.svg" /> 1649 </a> 1650 </li> 1651 <li class="link-icon ml-3" role="menuitem"> 1652 <a href="https://www.pinterest.com/SunSetterProducts/" class="footer-icon-" target=_blank> 1653 <img alt="Pinterest" src="/siteassets/assets/images/ui/icon-social-pinterest.svg" /> 1654 </a> 1655 </li> 1656 </ul> 1657 </div> 1658 </div> 1659 <div class="link-footer-wrap col-12 col-md d-flex flex-row flex-wrap order-1 order-md-2" > 1660 <ul class="col-6 col-md-3 pb-3" role="menu" > 1661 <li class="header-link-footer" role="menuitem" >Our Company</li> 1662 <li class="sst-ft-mi" role="menuitem" > 1663 <a href="/cm/about/" >About Us</a> 1664 </li> 1665 <li class="sst-ft-mi" role="menuitem" > 1666 <a href="/cm/sunsetter-quality/" >SunSetter Quality</a> 1667 </li> 1668 <li class="sst-ft-mi" role="menuitem" > 1669 <a href="/cm/sunsetter-blog/" >Our Blog</a> 1670 </li> 1671 <li class="sst-ft-mi" role="menuitem" > 1672 <a href="/cm/video-gallery/" >Watch Our Videos</a> 1673 </li> 1674 <li class="sst-ft-mi" role="menuitem" > 1675 <a href="https://careers-sunsetter.icims.com/jobs/intro?hashed=-435626302" target=_blank>Careers</a> 1676 </li> 1677 <li role="menuitem" class="sst-ft-mi"> 1678 <a href="/cm/media-inquiries/">Media Inquiries</a> 1679 </li> 1680 </ul> 1681 <ul class="col-6 col-md-3 pb-3" role="menu" > 1682 <li class="header-link-footer" role="menuitem" >Products</li> 1683 <li role="menuitem" class="sst-ft-mi"> 1684 <a href="/c/awnings/">Awnings</a> 1685 </li> 1686 <li role="menuitem" class="sst-ft-mi"> 1687 <a href="/c/retractable-screens/">Retractable Screens</a> 1688 </li> 1689 <li role="menuitem" class="sst-ft-mi"> 1690 <a href="/cm/awning-accessories/">Awning Accessories</a> 1691 </li> 1692 <li role="menuitem" class="sst-ft-mi"> 1693 <a href="/c/outdoor-products/">Outdoor Products</a> 1694 </li> 1695 </ul> 1696 <ul class="col-6 col-md-3 pb-3" role="menu" > 1697 <li class="header-link-footer" role="menuitem" >Customer Service</li> 1698 <li class="sst-ft-mi" role="menuitem" > 1699 <a href="/oc/ocloginnew/" target=_blank>Order Status</a> 1700 </li> 1701 <li class="sst-ft-mi" role="menuitem" > 1702 <a href="/cm/warranty/" >Warranty Information</a> 1703 </li> 1704 <li role="menuitem" class="sst-ft-mi"> 1705 <a href="/cm/payment-plans/">Payment Plans</a> 1706 </li> 1707 <li class="sst-ft-mi" role="menuitem" > 1708 <a href="/cs/installationassistance/" target=_blank>Technical Assistance</a> 1709 </li> 1710 <li class="sst-ft-mi" role="menuitem" > 1711 <a href="/cm/safety-clips/" >Recall Information</a> 1712 </li> 1713 <li class="sst-ft-mi" role="menuitem" > 1714 <a href="/cs/homepage/" >Contact Us</a> 1715 </li> 1716 </ul> 1717 <ul class="col-6 col-md-3 pb-3" role="menu" > 1718 <li class="header-link-footer" role="menuitem" >Owner's Corner</li> 1719 <li class="sst-ft-mi" role="menuitem"> 1720 <a class="button-dark-blue-sm" href="/oc/ocloginnew/">Log In</a> 1721 </li> 1722 </ul> 1723 </div> 1724 </div> 1725 </div> 1726 </div> 1727 <div class="d-none d-sm-flex py-4" style="justify-content: space-evenly; align-items: baseline;"> 1728 <a href="https://awnings.textiles.org/" target="_blank"> <img src="/siteassets/assets/images/ui/logo-pama.png" alt="PAMA" style="width:180px;padding-bottom:20px"> </a> 1729 <a href="https://www.skincancer.org/" target="_blank"> <img src="https://www.sunsetter.com/globalassets/assets/images/scf-seal---outdoor-shade-4c.png" alt="Skin Cancer Foundation" style="max-width:45px"> </a> 1730 <a href="https://sunsetterproducts.caddetails.com/" target="_blank"> <img src="https://www.sunsetter.com/globalassets/assets/images/caddetails.png" alt="CADdetail
1730s" style="padding-bottom:15px;max-width:160px"> </a> 1731 <a href="https://www.consumeraffairs.com/homeowners/sunsetter.html" target="_blank"> <img src="https://embed.widencdn.net/img/springswindowfashions/qnwbz9bc7z/200x75px/Consumer-Affairs.png" alt="Consumer-Affairs" style="max-width:160px"> </a> 1732 <a href="https://www.sunsetter.com/cm/warranty/5-year-all-weather-warranty/" target="_blank"><img src="/globalassets/assets/images/ui/icon-five-year-warranty.svg" alt="5-Year Warranty" style="width:80px;"> </a> 1733 <a href="https://www.sunsetter.com/cm/warranty/10-year-all-weather-warranty/" target="_blank"><img src="/globalassets/assets/images/ui/icon-ten-year-warranty.svg" alt="10-Year Warranty" style="width:80px;"> </a> 1734</div> 1735 1736 1737 <div class="bg-dark-blue"> 1738 <div class="container"> 1739 <div class="row"> 1740 <div class="copyright col pb-3"> 1741<p class="body-xs py-3">Photos are for inspiration only. Not all product configurations are available in all countries.</p> 1742 <div class="d-flex flex-column flex-md-row justify-content-md-center align-items-md-center"> 1743 <p class="body-sm mr-lg-5 pr-sm-5"> 1744 <span>© 2026 SunSetter Products. All Rights Reserved. All trademarks are owned by SunSetter.</span> 1745 <span class="copyright-links mt-1 mt-md-0"> 1746 <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/privacy/"><strong>Privacy & Security</strong></a> 1747 <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/ccpa-privacy-notice/"><strong>CCPA Policy</strong></a> 1748 <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="https://privacyportal.onetrust.com/webform/d1733fbe-d1ce-4ae2-a5cf-c526fd82eea9/7e0a0303-83e0-4f48-ab63-872f1c5edc21" target=_blank><strong>Do Not Sell or Share My Information</strong></a> 1749 </span> 1750 </p> 1751 </div> 1752 </div> 1753 </div> 1754 </div> 1755 </div> 1756</footer> 1757 1758<style> 1759 .sst-ft-mi { 1760 min-height:24px; 1761 } 1762</style> </div> 1763
1763<script> 1764 var desktopPhone = '1-800-876-2340'; 1765 var mobilePhone = '1-800-876-2340'; 1766 var sitePopupsEnabled = true; 1767 </script>
1767 1768
1768<script src="/assets/dist/js/polyfill.min.js?cache=04302026" id="polyfill-script"></script>
1768 1769
1769<script src="/assets/dist/js/app.min.js?cache=04302026"></script>
1769 1770
1770<script src="/assets/dist/js/optimizely-experiment-api.min.js?cache=04302026"></script>
1770 1771
1771<script> 1772 var isRetractableScreenPage = window.location.href.indexOf('/retractable-screens') !== -1 || window.location.href.indexOf('/easyscreens') !== -1; 1773 var isEasyShadesPage = window.location.href.indexOf('/easyshades') !== -1; 1774 if (isRetractableScreenPage) { 1775 1776 [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) { 1777 link.href = '/cm/retractable-screens/get-estimate/'; 1778 }); 1779 } else if (isEasyShadesPage) { 1780 [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) { 1781 link.href = '/cm/easyshades/pricing-and-order/'; 1782 }); 1783 } 1784 </script>
1784 1785 1786 1787
1787<script> 1788 if (!Aggregator) { 1789 var Aggregator = function (o) { 1790 var d = document, p = Aggregator.prototype; this.options = o; this.q = []; d.cookie = '__na_c=1'; p.p = function (c) { 1791 return function () { 1792 this.q.push([c, arguments]) 1793 } 1794 }; p.setPerson = p.p(4, arguments); p.logEvent = p.p(0, arguments); p.logPageview = p.p(1, arguments); 1795 p.ready = p.p(2, arguments); p.logOutbound = p.p(3, arguments); p.updatePerson = p.p(5, arguments); p.updateSession = p.p(6, arguments); 1796 p.updateEvent = p.p(7, arguments); p.push = p.p(8, arguments); var s = d.createElement('script'); s.type = 'text/javascript'; 1797 s.async = true; (function (i) { 1798 s.onreadystatechange = function () { if (s.readyState == 'loaded' || s.readyState == 'complete') { i.run(); } }; 1799 s.onload = function () { i.run(); } 1800 })(this); e = location.protocol == 'https:'; s.src = 'http' + (e ? 's://' : '://') + 1801 (e && navigator.userAgent.indexOf('MSIE') > -1 ? 'a-{0}.gatorapi.com' : 'a-{0}.scripts.gatorapi.com').replace('{0}', o.projectId) + 1802 '/web?t=' + Math.floor((new Date() * .00001) / 36); var e = d.getElementsByTagName('script')[0]; e.parentNode.insertBefore(s, e); 1803 } 1804 } 1805 if (!gator) { 1806 var gator = new Aggregator({ 1807 "projectId": "53999616" 1808 }); 1809 } 1810 var gatorApi = { 1811 log: function (gf, name, address, zip, email, phone) { 1812 console.log(`${gf}, ${name}, ${address}, ${zip}, ${email}, ${phone}`); 1813 var id = Date.now(); 1814 gator.logEvent(gf, { 1815 address, 1816 email, // is there a reason this isn't being logged? 1817 id, 1818 name, 1819 phone, 1820 zip, 1821 }); 1822 }, 1823 }; 1824 </script>
1824 1825
1825<script> 1826 gator.logPageview(); 1827 </script>
1827 1828
1829<script> 1830 (function (g, e, n, es, ys, m, xg) { 1831 g['_genesysJs'] = e; 1832 g[e] = g[e] || function () { 1833 (g[e].q = g[e].q || []).push(arguments) 1834 }; 1835 g[e].t = 1 * new Date(); 1836 g[e].c = es; 1837 ys = document.createElement('script'); ys.async = 1; ys.src = n; ys.charset = 'utf-8'; document.head.appendChild(ys); 1838 xg = document.createElement('script'); xg.async = 1; xg.src = m; xg.charset = 'utf-8'; document.body.appendChild(xg); 1839 })(window, 'Genesys', 'https://apps.usw2.pure.cloud/genesys-bootstrap/genesys.min.js', { 1840 environment: 'prod-usw2', 1841 deploymentId: 'af2865eb-9250-4c8d-be8d-13b4e7e5e693' 1842 }, 1843 '', '/assets/dist/js/genesys-mxg-manager.min.js?cache=04302026' 1844 ); 1845</script>
1845
1845<script>
vendor: 152 bytes, lines 1845-1848
1845 1846 (function(h,o,t,j,a,r){ 1847 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 1848 h._hjSettings={hjid:
18482374119
vendor: 312 bytes, lines 1848-1854
1848,hjsv:6}; 1849 a=o.getElementsByTagName('head')[0]; 1850 r=o.createElement('script');r.async=1; 1851 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 1852 a.appendChild(r); 1853 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 1854
1854</script>
1854 1855
1855<script> 1856 var _kmq = _kmq || []; 1857 var _kmk = _kmk || '42be80a0d2c39ebe60058c7fe1c64db0a7b99016'; 1858 function _kms(u) { 1859 setTimeout(function () { 1860 var d = document, f = d.getElementsByTagName('script')[0], 1861 s = d.createElement('script'); 1862 s.type = 'text/javascript'; s.async = true; s.src = u; 1863 f.parentNode.insertBefore(s, f); 1864 }, 1); 1865 } 1866 _kms('//i.kissmetrics.com/i.js'); 1867 _kms('//scripts.kissmetrics.com/' + _kmk + '.2.js'); 1868 </script>
vendor: 2 bytes, line 1868
1868
1869<script async src=https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=L2S3bd></script>
1869
1869<script async src='https://tag.simpli.fi/sifitag/d0c04114-5f1d-4bdd-b7aa-64c19734b09d'></script>
1869 1870 <!-- Eicoff run on all pages --> 1871
1872<script> 1873 // console.log('pebble!'); 1874 window._pp = window._pp || []; 1875 _pp.brid = "2631"; 1876 _pp.brcid = ""; 1877 _pp.sessionId = ""; 1878 _pp.email = ""; 1879 _pp.offerCode = ""; 1880 _pp.orderValue = ""; 1881 _pp.orderId = ""; 1882</script>
1882 1883
1883<script> 1884 _pp.sessionId = "149719871"; 1885 _pp.email = ""; 1886 </script>
vendor: 2 bytes, line 1886
1886
1887<script> 1888 (function () { 1889 var ppjs = document.createElement('script'); 1890 ppjs.type = 'text/javascript'; 1891 ppjs.async = true; 1892 ppjs.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//cdn.pbbl.co/r/' + _pp.brid + '.js'; 1893 var s = document.getElementsByTagName('script')[0]; 1894 s.parentNode.insertBefore(ppjs, s); 1895 })(); 1896</script>
1896 1897 1898</body> 1899</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.