PageSourceSearch

https://www.sunsetter.com/

html sunsetter.com collected 2026-09-28 05:59:34 UTC 125,066 bytes, 1,899 lines download raw bytes

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, &amp; Shades | SunSetter</title>
49    <meta name="description" content="Explore SunSetter&#39;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, &amp; Shades | SunSetter" />
54    <meta property="og:description" content="Explore SunSetter&#39;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&amp;crop=yes&amp;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 &amp; 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 &amp; Colors</a>
375                                                            </li>
376                                                            <li class="nav-secondary" role="menuitem">
377                                                                <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades &amp; 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 &amp; 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&nbsp;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 &amp; 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 &amp; Colors</a>
633                                                            </li>
634                                                            <li class="nav-secondary" role="menuitem">
635                                                                <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&amp;crop=yes&amp;q=90 2128w, https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/1064x420px/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&amp;crop=yes&amp;q=90 1064w, https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/350x260px@2x/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&amp;crop=yes&amp;q=90 700w, https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/350x260px/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&amp;crop=yes&amp;q=90 350w" alt="" />
1005<div class="content-overlay">
1006<h1 class="heading-lg mt-0 text-white text-center">America&rsquo;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="^(([^&lt;>()\[\]\\.,;:\s@@&quot;]+(\.[^&lt;>()\[\]\\.,;:\s@@&quot;]+)*)|(&quot;.+&quot;))@((\[[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&amp;crop=yes&amp;quality=80&amp;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&amp;crop=yes&amp;quality=80&amp;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&rsquo;ve been America&rsquo;s trusted leader in shade solutions&mdash;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>&nbsp; &nbsp; <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&amp;keep=c&amp;q=90" alt="&quot;" /></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&rsquo;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&amp;crop=yes&amp;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&amp;crop=yes&amp;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 &amp; Colors</h2>
1399<p class="body-md pb-3">See all our beautiful fabrics and colors &mdash; 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&rsquo;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 &amp; 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>&copy; 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 &amp; 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.