<!doctype html >
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
class="">
<head>
<script type="text/javascript">
window._currentDevice = 'desktop';
window.Parameters = window.Parameters || {
HomeUrl: 'https://www.littletonawnings.com/',
AccountUUID: '927fd8cbdcd8411d9830e728fe641dc2',
SystemID: 'US_DIRECT_PRODUCTION',
SiteAlias: 'df308e59',
SiteType: atob('RFVEQU9ORQ=='),
PublicationDate: 'Tue Feb 13 11:24:51 UTC 2024',
ExternalUid: null,
IsSiteMultilingual: false,
InitialPostAlias: '',
InitialDynamicItem: '',
DynamicPageInfo: {
isDynamicPage: false,
base64JsonRowData: 'null',
},
InitialPageAlias: 'dmPageNotFound',
InitialPageUuid: 'f508a6c6784c41db9017f849044e28d8',
InitialPageId: '0',
InitialEncodedPageAlias: 'ZG1QYWdlTm90Rm91bmQ=',
CurrentPageUrl: '',
IsCurrentHomePage: false,
AllowAjax: false,
AfterAjaxCommand: null,
HomeLinkText: 'Back To Home',
UseGalleryModule: false,
CurrentThemeName: 'Layout Theme',
ThemeVersion: '41640',
DefaultPageAlias: '',
RemoveDID: true,
WidgetStyleID: null,
IsHeaderFixed: false,
IsHeaderSkinny: false,
IsBfs: true,
StorePageAlias: 'null',
StorePagesUrls: 'e30=',
IsNewStore: 'false',
StorePath: '',
StoreId: 'null',
StoreVersion: 0,
StoreBaseUrl: '',
StoreCleanUrl: true,
StoreDisableScrolling: true,
IsStoreSuspended: false,
NotificationSubDomain: 'littletonawnings',
HasCustomDomain: true,
SimpleSite: false,
showCookieNotification: false,
cookiesNotificationMarkup: 'null',
translatedPageUrl: '',
isFastMigrationSite: false,
sidebarPosition: 'NA',
currentLanguage: 'en',
currentLocale: 'en',
NavItems: '{}',
errors: {
general: 'There was an error connecting to the page.<br/> Make sure you are not offline.',
password: 'Incorrect name/password combination',
tryAgain: 'Try again'
},
NavigationAreaParams: {
ShowBackToHomeOnInnerPages: true,
NavbarSize: 4,
NavbarLiveHomePage: 'https://www.littletonawnings.com/',
BlockContainerSelector: '.dmBody',
NavbarSelector: '#dmNav:has(a)',
SubNavbarSelector: '#subnav_main'
},
hasCustomCode: false,
planID: '7',
customTemplateId: 'null',
siteTemplateId: 'null',
productId: 'DM_DIRECT',
disableTracking: false,
pageType: 'FROM_SCRATCH',
isRuntimeServer: true,
isInEditor: false,
};
window.Parameters.LayoutID = {};
window.Parameters.LayoutID[window._currentDevice] = 6;
window.Parameters.LayoutVariationID = {};
window.Parameters.LayoutVariationID[window._currentDevice] = 5;
</script>
<!-- Injecting site-wide to the head -->
<!-- End Injecting site-wide to the head -->
<!-- Inject secured cdn script -->
<!-- ========= Meta Tags ========= -->
<!-- PWA settings -->
<script>
function toHash(str) {
var hash = 5381, i = str.length;
while (i) {
hash = hash * 33 ^ str.charCodeAt(--i)
}
return hash >>> 0
}
</script>
<script>
(function (global) {
//const cacheKey = global.cacheKey;
const isOffline = 'onLine' in navigator && navigator.onLine === false;
const hasServiceWorkerSupport = 'serviceWorker' in navigator;
if (isOffline) {
console.log('offline mode');
}
if (!hasServiceWorkerSupport) {
console.log('service worker is not supported');
}
if (hasServiceWorkerSupport && !isOffline) {
window.addEventListener('load', function () {
const serviceWorkerPath = '/runtime-service-worker.js?v=3';
navigator.serviceWorker
.register(serviceWorkerPath, { scope: './' })
.then(
function (registration) {
// Registration was successful
console.log(
'ServiceWorker registration successful with scope: ',
registration.scope
);
},
function (err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
}
)
.catch(function (err) {
console.log(err);
});
});
// helper function to refresh the page
var refreshPage = (function () {
var refreshing;
return function () {
if (refreshing) return;
// prevent multiple refreshes
var refreshkey = 'refreshed' + location.href;
var prevRefresh = localStorage.getItem(refreshkey);
if (prevRefresh) {
localStorage.removeItem(refreshkey);
if (Date.now() - prevRefresh < 30000) {
return; // dont go into a refresh loop
}
}
refreshing = true;
localStorage.setItem(refreshkey, Date.now());
console.log('refereshing page');
window.location.reload();
};
})();
function messageServiceWorker(data) {
return new Promise(function (resolve, reject) {
if (navigator.serviceWorker.controller) {
var worker = navigator.serviceWorker.controller;
var messageChannel = new MessageChannel();
messageChannel.port1.onmessage = replyHandler;
worker.postMessage(data, [messageChannel.port2]);
function replyHandler(event) {
resolve(event.data);
}
} else {
resolve();
}
});
}
}
})(window);
</script>
<!-- Add manifest -->
<!-- End PWA settings -->
<meta http-equiv="Content-type" content="text/html;charset=utf-8">
<meta charset="utf-8">
<link rel="canonical" href="https://www.littletonawnings.com/dmPageNotFound">
<meta id="view" name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=5, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<!--Add favorites icons-->
<link rel="icon" type="image/x-icon" href="https://static.cdn-website.com/runtime/favicon_d1_res.ico"/>
<!-- End favorite icons -->
<link rel="preconnect" href="https://lirp.cdn-website.com/"/>
<!-- render the required CSS and JS in the head section -->
<script>
window.SystemID = 'US_DIRECT_PRODUCTION';
if (!window.dmAPI) {
window.dmAPI = {
registerExternalRuntimeComponent: function () {
},
getCurrentDeviceType: function () {
return window._currentDevice;
}
};
}
if (!window.requestIdleCallback) {
window.requestIdleCallback = function (fn) {
setTimeout(fn, 0);
}
}
</script>
<!-- loadCSS function header.jsp-->
<script id="d-js-load-css">
/**
* There are a few <link> tags with CSS resource in them that are preloaded in the page
* in each of those there is a "onload" handler which invokes the loadCSS callback
* defined here.
* We are monitoring 3 main CSS files - the runtime, the global and the page.
* When each load we check to see if we can append them all in a batch. If threre
* is no page css (which may happen on inner pages) then we do not wait for it
*/
(function () {
let cssLinks = {};
function loadCssLink(link) {
link.onload = null;
link.rel = "stylesheet";
link.type = "text/css";
}
function checkCss() {
const pageCssLink = document.querySelector("[id*='CssLink']");
const widgetCssLink = document.querySelector("[id*='widgetCSS']");
if (cssLinks && cssLinks.runtime && cssLinks.global && (!pageCssLink || cssLinks.page) && (!widgetCssLink || cssLinks.widget)) {
const storedRuntimeCssLink = cssLinks.runtime;
const storedPageCssLink = cssLinks.page;
const storedGlobalCssLink = cssLinks.global;
const storedWidgetCssLink = cssLinks.widget;
storedGlobalCssLink.disabled = true;
loadCssLink(storedGlobalCssLink);
if (storedPageCssLink) {
storedPageCssLink.disabled = true;
loadCssLink(storedPageCssLink);
}
if(storedWidgetCssLink) {
storedWidgetCssLink.disabled = true;
loadCssLink(storedWidgetCssLink);
}
storedRuntimeCssLink.disabled = true;
loadCssLink(storedRuntimeCssLink);
requestAnimationFrame(() => {
setTimeout(() => {
storedRuntimeCssLink.disabled = false;
storedGlobalCssLink.disabled = false;
if (storedPageCssLink) {
storedPageCssLink.disabled = false;
}
if (storedWidgetCssLink) {
storedWidgetCssLink.disabled = false;
}
// (SUP-4179) Clear the accumulated cssLinks only when we're
// sure that the document has finished loading and the document
// has been parsed.
if(document.readyState === 'interactive') {
cssLinks = null;
}
}, 0);
});
}
}
function loadCSS(link) {
try {
var urlParams = new URLSearchParams(window.location.search);
var noCSS = !!urlParams.get("nocss");
var cssTimeout = urlParams.get("cssTimeout") || 0;
if (noCSS) {
return;
}
if (link.href.includes("d-css-runtime")) {
cssLinks.runtime = link;
checkCss();
} else if (link.id === "siteGlobalCss") {
cssLinks.global = link;
checkCss();
}
else if (link.id.includes("CssLink")) {
cssLinks.page = link;
checkCss();
} else if (link.id.includes("widgetCSS")) {
cssLinks.widget = link;
checkCss();
}
else {
requestIdleCallback(function () {
window.setTimeout(function () {
loadCssLink(link);
}, parseInt(cssTimeout, 10));
});
}
} catch (e) {
throw e
}
}
window.loadCSS = window.loadCSS || loadCSS;
})();
</script>
<script data-role="deferred-init" type="text/javascript">
/* usage: window.getDeferred(<deferred name>).resolve() or window.getDeferred(<deferred name>).promise.then(...)*/
function Def() {
this.promise = new Promise((function (a, b) {
this.resolve = a, this.reject = b
}).bind(this))
}
const defs = {};
window.getDeferred = function (a) {
return null == defs[a] && (defs[a] = new Def), defs[a]
}
window.waitForDeferred = function (b, a, c) {
let d = window?.getDeferred?.(b);
d
? d.promise.then(a)
: c && ["complete", "interactive"].includes(document.readyState)
? setTimeout(a, 1)
: c
? document.addEventListener("DOMContentLoaded", a)
: console.error(`Deferred does not exist`);
};
</script>
<style id="forceCssIncludes">
/* This file is auto-generated from a `scss` file with the same name */
.videobgwrapper{overflow:hidden;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0;pointer-events:none;border-radius:inherit}.videobgframe{position:absolute;width:101%;height:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);object-fit:fill}#dm video.videobgframe{margin:0}@media (max-width:767px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:80vh}}@media (min-width:1025px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}@media (min-width:768px) and (max-width:1024px){.responsiveTablet .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}#dm [data-show-on-page-only]{display:none!important}#dmRoot div.stickyHeaderFix div.site_content{margin-top:0!important}#dmRoot div.stickyHeaderFix div.hamburger-header-container{position:relative}
</style>
<style id="cssVariables" type="text/css">
</style>
<!-- Google Fonts Include -->
<!-- loadCSS function fonts.jsp-->
<link type="text/css" rel="stylesheet" href="https://irp.cdn-website.com/fonts/css2?family=Belgrano:wght@400&family=Lobster:wght@400&family=Lato:wght@100;300;400;700;900&family=Josefin+Sans:wght@100..700&family=Barlow:wght@100;200;300;400;500;600;700;800;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&subset=latin-ext&display=swap" />
<!-- RT CSS Include d-css-runtime-desktop-one-package-structured-global-->
<link rel="stylesheet" type="text/css" href="https://static.cdn-website.com/mnlt/production/4382/_dm/s/rt/dist/css/d-css-runtime-desktop-one-package-structured-global.min.css" />
<!-- End of RT CSS Include -->
<link type="text/css" rel="stylesheet" href="https://irp.cdn-website.com/WIDGET_CSS/b803b59f0814475b09a16236903f1d80.css" id="widgetCSS" />
<!-- Support `img` size attributes -->
<style>img[width][height] {
height: auto;
}</style>
<!-- Support showing sticky element on page only -->
<style>
body[data-page-alias="dmPageNotFound"] #dm [data-show-on-page-only="dmPageNotFound"] {
display: block !important;
}
</style>
<!-- This is populated in Ajax navigation -->
<style id="pageAdditionalWidgetsCss" type="text/css">
</style>
<!-- Site CSS -->
<link type="text/css" rel="stylesheet" href="https://irp.cdn-website.com/df308e59/files/df308e59_1.min.css?v=32" id="siteGlobalCss" />
<style id="customWidgetStyle" type="text/css">
</style>
<style id="innerPagesStyle" type="text/css">
</style>
<style
id="additionalGlobalCss" type="text/css"
>
</style>
<style id="pagestyle" type="text/css">
</style>
<style id="pagestyleDevice" type="text/css">
</style>
<!-- Flex Sections CSS -->
<style id="globalFontSizeStyle" type="text/css">
.font-size-22, .size-22, .size-22 > font { font-size: 22px !important; }.font-size-18, .size-18, .size-18 > font { font-size: 18px !important; }
</style>
<style id="pageFontSizeStyle" type="text/css">
</style>
<style id="hideAnimFix">
.dmDesktopBody:not(.editGrid) [data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) [data-anim-extended] {
visibility: hidden;
}
.dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-extended] {
visibility: hidden !important;
}
</style>
<style id="fontFallbacks">
@font-face {
font-family: "Belgrano Fallback";
src: local('Arial');
ascent-override: 87.5736%;
descent-override: 24.5914%;
size-adjust: 113.0478%;
line-gap-override: 0%;
}@font-face {
font-family: "Lobster Fallback";
src: local('Arial');
ascent-override: 114.651%;
descent-override: 28.6627%;
size-adjust: 87.2212%;
line-gap-override: 0%;
}@font-face {
font-family: "Lato Fallback";
src: local('Arial');
ascent-override: 101.3181%;
descent-override: 21.865%;
size-adjust: 97.4159%;
line-gap-override: 0%;
}@font-face {
font-family: "Josefin Sans Fallback";
src: local('Arial');
ascent-override: 72.9195%;
descent-override: 24.3065%;
size-adjust: 102.8531%;
line-gap-override: 0%;
}@font-face {
font-family: "Helvetica Fallback";
src: local('Arial');
ascent-override: 77.002%;
descent-override: 22.998%;
line-gap-override: 0%;
}@font-face {
font-family: "Barlow Fallback";
src: local('Arial');
ascent-override: 103.1323%;
descent-override: 20.6265%;
size-adjust: 96.9628%;
line-gap-override: 0%;
}
</style>
<!-- End render the required css and JS in the head section -->
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary"/>
<!-- SYS- VVNfRElSRUNUX1BST0RVQ1RJT04= -->
</head>
<body id="dmRoot" data-page-alias="dmPageNotFound" class="dmRoot dmDesktopBody fix-mobile-scrolling addCanvasBorder dmResellerSite dmLargeBody responsiveTablet "
style="padding:0;margin:0;"
>
<!-- ========= Site Content ========= -->
<div id="dm" class='dmwr'>
<div class="dm_wrapper standard-var5 widgetStyle-3 standard">
<body dmwrapped="true" id="1084548655"> <div dmtemplateid="StandardLayoutMultiD" class="standardHeaderLayout dm-bfs dm-layout-sec hasAnimations hasStickyHeader dmPageBody dmFreeHeader" id="dm-outer-wrapper" data-soch="true" data-background-parallax-selector=".dmHomeSection1, .dmSectionParallex"> <div id="dmStyle_outerContainer" class="dmOuter"> <div id="dmStyle_innerContainer" class="dmInner"> <div class="dmLayoutWrapper standard-var dmStandardDesktop"> <div> <div id="iscrollBody"> <div id="site_content"> <div class="dmHeaderContainer fHeader d-header-wrapper"> <div id="hcontainer" class="u_hcontainer dmHeader p_hfcontainer" freeheader="true"> <div dm:templateorder="85" class="dmHeaderResp dmHeaderStack" id="1551526899"> <div class="u_1136615780 dmRespRow" style="text-align: center;" id="1136615780"> <div class="dmRespColsWrapper" id="1637431255"> <div class="u_1508146409 dmRespCol small-12 medium-12 large-12" id="1508146409"> <nav class="u_1281636678 effect-bottom2 main-navigation unifiednav dmLinksMenu" role="navigation" layout-main="horizontal_nav_layout_1" layout-sub="submenu_horizontal_1" data-show-vertical-sub-items="HOVER" id="1281636678" dmle_extension="onelinksmenu" data-element-type="onelinksmenu" alt="" data-nav-structure="HORIZONTAL" wr="true" icon="true" surround="true" adwords="" navigation-id="unifiedNav"> <ul role="menubar" class="unifiednav__container " data-auto="navigation-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/" class="unifiednav__item dmUDNavigationItem_00 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Home" data-auto="page-text-style">Home<span class="icon icon-angle-down"></span>
</span>
</a>
</li>
<li role="menuitem" aria-haspopup="true" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/services" class="unifiednav__item dmUDNavigationItem_01010120626 unifiednav__item_has-sub-nav" target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Services" data-auto="page-text-style">Services<span class="icon icon-angle-down"></span>
</span>
</a>
<ul role="menu" aria-expanded="false" class="unifiednav__container unifiednav__container_sub-nav" data-depth="0" data-auto="sub-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/retractable-patio-awnings" class="unifiednav__item dmUDNavigationItem_010101922196 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Retractable Patio Awnings" data-auto="page-text-style">Retractable Patio Awnings<span class="icon icon-angle-right"></span>
</span>
</a>
</li>
<li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/permanent-outdoor-awnings" class="unifiednav__item dmUDNavigationItem_010101218481 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Permanent Outdoor Awnings" data-auto="page-text-style">Permanent Outdoor Awnings<span class="icon icon-angle-right"></span>
</span>
</a>
</li>
<li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/pergola-canopies" class="unifiednav__item dmUDNavigationItem_010101350033 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Pergola Canopies" data-auto="page-text-style">Pergola Canopies<span class="icon icon-angle-right"></span>
</span>
</a>
</li>
</ul>
</li>
<li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/about-us" class="unifiednav__item dmUDNavigationItem_010101861394 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="About Us" data-auto="page-text-style">About Us<span class="icon icon-angle-down"></span>
</span>
</a>
</li>
<li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/contact-us" class="unifiednav__item dmUDNavigationItem_010101113353 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Contact Us" data-auto="page-text-style">Contact Us<span class="icon icon-angle-down"></span>
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="stickyHeaderSpacer" id="stickyHeaderSpacer" data-new="true"></div>
<div class="dmRespRow dmRespRowStable dmRespRowNoPadding dmPageTitleRow "> <div class="dmRespColsWrapper"> <div class="large-12 dmRespCol"> <div id="innerBar" class="innerBar lineInnerBar dmDisplay_None"> <div class="titleLine display_None"><hr/></div>
<!-- Page title is hidden in css for new responsive sites. It is left here only so we don't break old sites. Don't copy it to new layouts --> <div id="pageTitleText"></div>
<div class="titleLine display_None"><hr/></div>
</div>
</div>
</div>
</div>
<div dmwrapped="true" id="dmFirstContainer" class="dmBody u_dmStyle_template_dmPageNotFound"> <div id="allWrapper" class="allWrapper"> <div id="dm_content" class="dmContent"> <div> <style>#dm #error-container {
display: block;
position: relative;
width: 100%;
padding-top:120px;
background: #fff;
color: #bababa;
text-align: center;
font-family: 'Source Sans Pro';
overflow: hidden;
}
.dmMobileBody #error-container {
padding-top: 60px;
}
.four-o-four {
font-family: 'Oswald', sans-serif;
font-size: 130px;
text-align: center;
line-height: 130px;
}
.lean {
display: inline-block;
-webkit-transform: rotate(15deg) translate(-5px,-4px);
-moz-transform: rotate(15deg) translate(-5px,-4px);
transform: rotate(15deg) translate(-5px,-4px);
}
.description {
font-size: 22px;
margin: 45px 0;
}
.dmInner .back-button {
display: inline-block;
width: 184px;
height: 37px;
margin-bottom: 20px;
background: #898989;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 37px;
border-radius: 2px;
box-sizing: border-box;
text-decoration: none;
cursor: pointer;
}</style>
<div id="error-container" class="dmRespRowsWrapper"> <div class="text-container dmRespRow"> <div class="large-12 medium-12 small-12 dmRespCol"> <div class="four-o-four"> <span class="lean">4</span>
04</div>
<div class="description">The page you are looking for<br/>can not be found</div>
<a href="/" class="back-button">Return to Homepage</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dmFooterContainer"> <div id="fcontainer" class="u_fcontainer f_hcontainer dmFooter p_hfcontainer"> <div dm:templateorder="250" class="dmFooterResp generalFooter" id="1242999262"> <div class="dmRespRow" id="1209266885"> <div class="dmRespColsWrapper" id="1421548518"> <div class="dmRespCol large-12 medium-12 small-12" id="1457737108"> <div class="default align-center inlineMap" data-type="inlineMap" data-lat="39.61691" data-lng="-105.01505" data-address="Littleton, CO 80120, United States of America" data-height="" data-msid="" data-mapurl="" data-lang="en" data-color-scheme="" data-zoom="11" data-layout="" data-popup-display="" data-popup-show="false" data-popup-title="" data-popup-title-visible="false" data-popup-description="" data-popup-description-visible="false" id="1461734447" dmle_extension="mapextension" data-element-type="mapextension" modedesktop="map" modemobile="button" addresstodisplay="Littleton, CO 80120, United States of America" geocompleteaddress="Littleton, CO 80120, United States of America" data-popup-display-desktop="" zoom="11" data-popup-display-mobile="" data-display-type="block" dmmapsource="dm" modetablet="map" wr="true" icon="true" surround="true" adwords="" icon-name="icon-map-marker" city="" country="US" country_full="United States" state="" zip="" business="Littleton Awnings" provider="mapbox" lon="-105.01505" lat="39.61691"> <div class="mapContainer" style="height: 100%; width: 100%; overflow: hidden; z-index: 0;"></div>
</div>
</div>
</div>
</div>
<div class="u_1211089661 dmRespRow" style="text-align: center;" id="1211089661"> <div class="dmRespColsWrapper" id="1368640451"> <div class="u_1327535085 dmRespCol small-12 large-5 medium-5" id="1327535085"> <div class="dmNewParagraph u_1682686696" id="1682686696" data-version="5" style="text-align: center;"><p class="m-size-18 size-22"><span class="m-font-size-18 font-size-22" style="font-weight: bold; color: rgb(255, 255, 255); display: initial;">LET'S CONNECT!</span></p></div> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1126260690"><p><span class="" style="color: rgb(255, 255, 255); display: initial;"><span style="color: rgb(255, 255, 255); display: initial;">Are you in need of some shade for your outdoor space? Look no further than</span>
</span><span style="color: rgb(255, 255, 255); display: initial; font-weight: bold;">Littleton Awnings</span><span style="color: rgb(255, 255, 255); display: initial;">! We offer a variety of options to fit your needs, from retractable patio awnings for flexibility, to permanent outdoor awnings for year-round coverage, to pergola canopies for a beautiful touch. Our team is dedicated to providing top-notch service and ensuring your satisfaction. So, why wait? Hire us today and start enjoying your outdoor space to the fullest!</span></p></div>
</div>
<div class="u_1213472223 dmRespCol small-12 large-3 medium-3" id="1213472223"> <div class="dmNewParagraph u_1932028256" id="1932028256" data-version="5" style="text-align: center;"><p class="m-size-18 size-22"><span class="m-font-size-18 font-size-22" style="font-weight: bold; color: rgb(255, 255, 255); display: initial;">QUICK LINKS</span></p></div> <nav class="u_1590665433 unifiednav_vertical effect-bottom2 main-navigation unifiednav dmLinksMenu" role="navigation" layout-main="vertical_nav_layout_2" layout-sub="" data-show-vertical-sub-items="HOVER" id="1590665433" dmle_extension="onelinksmenu" data-element-type="onelinksmenu" alt="" data-nav-structure="VERTICAL" wr="true" icon="true" surround="true" adwords="" navigation-id="unifiedNav"> <ul role="menubar" class="unifiednav__container " data-auto="navigation-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/" class="unifiednav__item dmUDNavigationItem_00 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Home" data-auto="page-text-style">Home<span class="icon icon-angle-down"></span>
</span>
</a>
</li>
<li role="menuitem" aria-haspopup="true" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/services" class="unifiednav__item dmUDNavigationItem_01010120626 unifiednav__item_has-sub-nav" target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Services" data-auto="page-text-style">Services<span class="icon icon-angle-down"></span>
</span>
</a>
<ul role="menu" aria-expanded="false" class="unifiednav__container unifiednav__container_sub-nav" data-depth="0" data-auto="sub-pages"> <li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/retractable-patio-awnings" class="unifiednav__item dmUDNavigationItem_010101922196 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Retractable Patio Awnings" data-auto="page-text-style">Retractable Patio Awnings<span class="icon icon-angle-right"></span>
</span>
</a>
</li>
<li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/permanent-outdoor-awnings" class="unifiednav__item dmUDNavigationItem_010101218481 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Permanent Outdoor Awnings" data-auto="page-text-style">Permanent Outdoor Awnings<span class="icon icon-angle-right"></span>
</span>
</a>
</li>
<li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="1"> <a href="/pergola-canopies" class="unifiednav__item dmUDNavigationItem_010101350033 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Pergola Canopies" data-auto="page-text-style">Pergola Canopies<span class="icon icon-angle-right"></span>
</span>
</a>
</li>
</ul>
</li>
<li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/about-us" class="unifiednav__item dmUDNavigationItem_010101861394 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="About Us" data-auto="page-text-style">About Us<span class="icon icon-angle-down"></span>
</span>
</a>
</li>
<li role="menuitem" class=" unifiednav__item-wrap " data-auto="more-pages" data-depth="0"> <a href="/contact-us" class="unifiednav__item dmUDNavigationItem_010101113353 " target="" data-target-page-alias=""> <span class="nav-item-text " data-link-text="Contact Us" data-auto="page-text-style">Contact Us<span class="icon icon-angle-down"></span>
</span>
</a>
</li>
</ul>
</nav>
</div>
<div class="u_1017174136 dmRespCol small-12 large-4 medium-4" id="1017174136"> <div class="dmNewParagraph u_1018774558" id="1018774558" data-version="5" style="text-align: center;"><p class="m-size-18 size-22"><span class="m-font-size-18 font-size-22" style="font-weight: bold; color: rgb(255, 255, 255); display: initial;">COMPANY INFO</span></p></div> <div class="dmNewParagraph" data-element-type="paragraph" data-version="5" id="1143330910" new-inline-bind-applied="true" data-diy-text=""><p class="m-size-14 size-18"><span class="font-size-18 m-font-size-14" style="color: rgb(255, 255, 255); font-weight: bold; display: initial;"><span class="inline-data-binding" data-encoded-value="TGl0dGxldG9uIEF3bmluZ3M=" data-inline-binding="content_library.global.company_name">Littleton Awnings</span></span></p><p><span style="color: rgb(255, 255, 255); display: initial;"><span class="inline-data-binding" data-encoded-value="TGl0dGxldG9uLCBDTyA4MDEyMCwgVW5pdGVkIFN0YXRlcyBvZiBBbWVyaWNh" data-inline-binding="content_library.global">Littleton, CO 80120, United States of America</span></span></p><p><span style="display: initial; color: rgb(255, 255, 255);"><span class="inline-data-binding" data-encoded-value="KDMwMykgODU0LTY0OTE=" data-inline-binding="content_library.global.phone.phone"><a class="inlineBindingLink" target="_blank" href="tel:(303) 854-6613">(303) 854-6613</a></span><span class="ql-cursor"></span></span></p></div>
</div>
</div>
</div>
</div>
<div id="1236746004" dmle_extension="powered_by" data-element-type="powered_by" icon="true" surround="false"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</div>
</div>
<!-- Add full CSS and Javascript before the close tag of the body if needed -->
<!-- ========= JS Section ========= -->
<script>
var isWLR = true;
window.customWidgetsFunctions = {};
window.customWidgetsStrings = {};
window.collections = {};
window.currentLanguage = "ENGLISH"
window.isSitePreview = false;
</script>
<script type="text/javascript">
var d_version = "production_4382";
var build = "2024-04-28T06_53_19";
window['v' + 'ersion'] = d_version;
function buildEditorParent() {
window.isMultiScreen = true;
window.editorParent = {};
window.previewParent = {};
window.assetsCacheQueryParam = "?version=2024-04-28T06_53_19";
try {
var _p = window.parent;
if (_p && _p.document && _p.$ && _p.$.dmfw) {
window.editorParent = _p;
} else if (_p.isSitePreview) {
window.previewParent = _p;
}
} catch (e) {
}
}
buildEditorParent();
</script>
<!-- Load jQuery -->
<script type="text/javascript" id='d-js-jquery'
src="https://static.cdn-website.com/libs/jquery/jquery-3.7.0.min.js"></script>
<!-- End Load jQuery -->
<!-- Injecting site-wide before scripts -->
<!-- End Injecting site-wide to the head -->
<script>
var _jquery = window.$;
var jqueryAliases = ['$', 'jquery', 'jQuery'];
jqueryAliases.forEach((alias) => {
Object.defineProperty(window, alias, {
get() {
return _jquery;
},
set() {
console.warn("Trying to over-write the global jquery object!");
}
});
});
window.jQuery.migrateMute = true;
</script>
<script>
window.cookiesNotificationMarkupPreview = 'null';
</script>
<!-- HEAD RT JS Include -->
<script id='d-js-params'>
window.INSITE = window.INSITE || {};
window.INSITE.device = "desktop";
window.rtCommonProps = {};
rtCommonProps["rt.ajax.ajaxScriptsFix"] =true;
rtCommonProps["rt.pushnotifs.sslframe.encoded"] = 'aHR0cHM6Ly97c3ViZG9tYWlufS5wdXNoLW5vdGlmcy5jb20=';
rtCommonProps["runtimecollector.url"] = 'https://rtc.multiscreensite.com';
rtCommonProps["performance.tabletPreview.removeScroll"] = 'false';
rtCommonProps["inlineEditGrid.snap"] =true;
rtCommonProps["popup.insite.cookie.ttl"] = '0.5';
rtCommonProps["rt.pushnotifs.force.button"] =true;
rtCommonProps["common.mapbox.token"] = 'pk.eyJ1IjoiZGFubnliMTIzIiwiYSI6ImNqMGljZ256dzAwMDAycXBkdWxwbDgzeXYifQ.Ck5P-0NKPVKAZ6SH98gxxw';
rtCommonProps["common.mapbox.js.override"] =false;
rtCommonProps["common.here.appId"] = 'iYvDjIQ2quyEu0rg0hLo';
rtCommonProps["common.here.appCode"] = '1hcIxLJcbybmtBYTD9Z1UA';
rtCommonProps["isCoverage.test"] =false;
rtCommonProps["ecommerce.ecwid.script"] = 'https://app.multiscreenstore.com/script.js';
rtCommonProps["feature.flag.mappy.kml"] =false;
rtCommonProps["common.resources.dist.cdn"] =true;
rtCommonProps["common.build.dist.folder"] = 'production/4382';
rtCommonProps["common.resources.cdn.host"] = 'https://static.cdn-website.com';
rtCommonProps["common.resources.folder"] = 'https://static.cdn-website.com/mnlt/production/4382';
rtCommonProps["feature.flag.runtime.backgroundSlider.preload.slowly"] =true;
rtCommonProps["feature.flag.runtime.photoswipe.fix"] =true;
rtCommonProps["feature.flag.runtime.newAnimation.enabled"] =true;
rtCommonProps["feature.flag.runtime.newAnimation.respectCssAnimationProps.enabled"] =true;
rtCommonProps["feature.flag.runtime.newAnimation.jitAnimation.enabled"] =true;
rtCommonProps["feature.flag.sites.google.analytics.gtag"] =true;
rtCommonProps["feature.flag.runOnReadyNewTask"] =true;
rtCommonProps["isAutomation.test"] =false;
rtCommonProps['common.mapsProvider'] = 'mapbox';
rtCommonProps['common.mapsProvider.version'] = '0.52.0';
rtCommonProps['common.geocodeProvider'] = 'here';
rtCommonProps['common.map.defaults.radiusSize'] = '1500';
rtCommonProps['common.map.defaults.radiusBg'] = 'rgba(255, 255, 255, 0.4)';
rtCommonProps['common.map.defaults.strokeColor'] = 'rgba(255, 255, 255, 1)';
rtCommonProps['common.map.defaults.strokeSize'] = '2';
rtCommonProps['server.for.resources'] = '';
rtCommonProps['feature.flag.lazy.widgets'] = true;
rtCommonProps['feature.flag.single.wow'] = false;
rtCommonProps['feature.flag.disallowPopupsInEditor'] = true;
rtCommonProps['feature.flag.mark.anchors'] = true;
rtCommonProps['captcha.public.key'] = '6LffcBsUAAAAAMU-MYacU-6QHY4iDtUEYv_Ppwlz';
rtCommonProps['captcha.invisible.public.key'] = '6LeiWB8UAAAAAHYnVJM7_-7ap6bXCUNGiv7bBPME';
rtCommonProps["images.sizes.small"] =160;
rtCommonProps["images.sizes.mobile"] =640;
rtCommonProps["images.sizes.tablet"] =1280;
rtCommonProps["images.sizes.desktop"] =1920;
rtCommonProps["modules.resources.cdn"] =true;
rtCommonProps["import.images.storage.imageCDN"] = 'https://lirp.cdn-website.com/';
rtCommonProps["facebook.api.version"] = '7.0';
rtCommonProps["feature.flag.runtime.inp.threshold"] =150;
rtCommonProps["feature.flag.performance.logs"] =true;
rtCommonProps["site.widget.form.captcha.type"] = 'g_recaptcha';
rtCommonProps["friendly.captcha.site.key"] = 'FCMGSQG9GVNMFS8K';
// feature flags that's used out of runtime module (in legacy files)
rtCommonProps["site.runtime.video.background.ssr"] =true;
// no usages
rtCommonProps["run.imageCount.script.enabled"] =false;
window.rtFlags = {};
rtFlags["unsuspendEcwidStoreOnRuntime.enabled"] =true;
rtFlags["keyboard.navigation.enabled"] =true;
rtFlags["scripts.widgetCount.enabled"] =true;
rtFlags["ecom.ecwid.categoryPage.modifyLinks"] = true;
rtFlags["ecom.ecwidNewUrlStructure.enabled"] = false;
rtFlags["ecom.ecwid.old.store.fix.scrolling.enabled"] = true;
rtFlags["ecom.ecwid.old.store.fix.facebook.share"] = true;
rtFlags["ecom.ecwid.fallBackInCaseLinksNotFound.enabled"] = true;
rtFlags["feature.flag.photo.gallery.exact.size"] =false;
rtFlags["new.store.fix.ecwid.back.bug"] =true;
rtFlags["facebook.runtime.widgets.upgrade"] =true;
rtFlags["ecom.ecwid.solve.url.modifications"] = true;
rtFlags["ecom.ecwid.configOptions"] = true;
rtFlags["geocode.search.localize"] =false;
rtFlags["feature.flag.runtime.newAnimation.asyncInit.setTimeout.enabled"] =false;
rtFlags["site.contact.form.fix.for.attribute"] =true;
rtFlags["contact.form.date.format.enabled"] = true;
rtFlags["twitter.heightLimit.enabled"] = true;
rtFlags["ecom.ecwid.fixTranslations.enabled"] = true;
rtFlags["runtime.load.script.native"] =true;
rtFlags["editor.classicHybrid.photogallery.fix"] =true;
rtFlags["runtime.backgroundSlider.borderRadius"] =true;
</script>
<script src="https://static.cdn-website.com/mnlt/production/4382/_dm/s/rt/dist/scripts/d-js-one-runtime-unified-desktop.min.js" id="d-js-core"></script>
<!-- End of HEAD RT JS Include -->
<script src="https://static.cdn-website.com/mnlt/production/4382/_dm/s/rt/dist/scripts/d-js-jquery-migrate.min.js" ></script>
<script>
$(window).bind("orientationchange", function (e) {
$.layoutManager.initLayout();
});
$(document).resize(function () {
});
</script>
<script type="text/javascript" id="d_track_campaign">
(function() {
var campaign = (/utm_campaign=([^&]*)/).exec(window.location.search);
if (campaign && campaign != null && campaign.length > 1) {
campaign = campaign[1];
document.cookie = "_dm_rt_campaign=" + campaign + ";expires=" + new Date().getTime() + 24*60*60*1000 + ";domain=" + window.location.hostname + ";path=/";
}
}());
</script>
<script type="text/javascript" >
var _dm_gaq = {};
var _gaq = _gaq || [];
var _dm_insite = [];
</script>
<div style="display:none;" id="P6iryBW0Wu"></div>
<!-- photoswipe markup -->
<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<!-- Background of PhotoSwipe.
It's a separate element as animating opacity is faster than rgba(). -->
<div class="pswp__bg"></div>
<!-- Slides wrapper with overflow:hidden. -->
<div class="pswp__scroll-wrap">
<!-- Container that holds slides.
PhotoSwipe keeps only 3 of them in the DOM to save memory.
Don't modify these 3 pswp__item elements, data is added later on. -->
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<!-- Controls are self-explanatory. Order can be changed. -->
<div class="pswp__counter"></div>
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
<button class="pswp__button pswp__button--share" title="Share"></button>
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
<!-- element will get class pswp__preloader--active when preloader is running -->
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
</button>
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
</button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<div id="fb-root"
data-locale="en"></div>
<!-- Alias: df308e59 -->
<div class="dmPopupMask" id="dmPopupMask"></div>
<div id="dmPopup" class="dmPopup">
<div class="dmPopupCloseWrapper"> <div class="dmPopupClose dm-common-icons-close oneIcon" onclick="dmHidePopup(event);"></div> </div>
<div class="dmPopupTitle"> <span></span> Share by:</div>
<div class="data"></div>
</div><script id="d_track_personalization">
window?.waitForDeferred?.('dmAjax', () => {
// Collects client data and updates cookies used by smart sites
window.expireDays = 365;
window.visitLength = 30 * 60000;
$.setCookie("dm_timezone_offset", (new Date()).getTimezoneOffset(), window.expireDays);
setSmartSiteCookiesInternal("dm_this_page_view","dm_last_page_view","dm_total_visits","dm_last_visit");
});
</script>
<script type="text/javascript">
Parameters.NavigationAreaParams.MoreButtonText = 'MORE';
Parameters.NavigationAreaParams.LessButtonText = 'LESS';
Parameters.HomeLinkText = 'Home';
</script>
<!-- End Script tags -->
<!-- Site Wide Html Markup -->
<!-- Site Wide Html Markup -->
</body>
</html>