Bombardier Landing Page

<!DOCTYPE html> <html class="no-js" lang="en"> <head>  <script src="/Scripts/NewRelic/BrowserMonitoringNR_Prod.min.js"></script>  <script src="/bundles/jquery?v=brvkvpKIMlvf23HGfjv1mtiJfPpdjviXSAqVjDmBFnw1"></script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=1.0" /> <title>Bombardier Landing Page</title> <meta property="og:image" content="" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <link href="https://spponeimages.azureedge.net/prod/2118f317-d639-4f55-b44b-18d3ea537bbffavicon.ico" rel="shortcut icon" type="image/x-icon" onerror="this.onerror = null; this.src = 'favicon.ico'"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="robots" content="" /> <link rel="canonical" href="https://bombardieraviationstore.corpmerchandise.com/" /> <link href="/Views/Themes/RedPanda/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> <link href="/Views/Themes/SoloSalamander/Content/css/site.css?v=20241113094254" rel="stylesheet" /> <style> @font-face { font-family: 'bbd-bold'; src: url('https://spponeimages.azureedge.net/prod/adb7e94a-77c8-42cc-aaa6-4f97be2a3c88bombardier-medium.ttf?v=0') format('ttf'), url('https://spponeimages.azureedge.net/prod/db7fddc6-4c05-4916-bced-42401020e9dfbombardier-medium.woff2?v=0') format('woff2'); } @font-face { font-family: 'bbd-bold-italic'; src: url('https://spponeimages.azureedge.net/prod/36693baa-16ab-463f-b84c-b05acf2b2b07bombardier-mediumitalic.ttf?v=0') format('ttf'), url('https://spponeimages.azureedge.net/prod/8b7874a9-2923-40d4-af25-dae0506bea58bombardier-mediumitalic.woff2?v=0') format('woff2'); } @font-face { font-family: 'bbd-regular'; src: url('https://spponeimages.azureedge.net/prod/0e1d775a-b912-4cc4-b890-02c6595231c5bombardier-regular.ttf?v=0') format('ttf'), url('https://spponeimages.azureedge.net/prod/d844236b-e536-4142-aee5-6977924aba33bombardier-regular.woff2?v=0') format('woff2'); } @font-face { font-family: 'bbd-italic'; src: url('https://spponeimages.azureedge.net/prod/4493cb88-c974-4a03-a183-d4671f229003bombardier-regularitalic.ttf?v=0') format('ttf'), url('https://spponeimages.azureedge.net/prod/d96fe645-a5db-45ae-b29e-420285c1e77dbombardier-regularitalic.woff2?v=0') format('woff2'); } html { background: #000; } #standard-footer-solo-salamander { margin: 0; padding: 2rem; background-color: transparent; } #standard-footer-solo-salamander a { color: #000; } /*--- MOBILE ---*/ @media only screen and (max-width: 600px) { #mobile_bg { display: flex !important; width: 100% !important; height: auto !important; } #mobile_bg img{ width: 100%; } #desktop_bg { display: none !important; } .header { justify-content: center !important; padding: 3% 0 !important; } .logo { width: 70% !important; } .bbd_landing { width: 100% !important; margin: 0 auto !important; } .bbd_title { font-size: 4vw !important; padding-top: 8%; } .bbd_landing_link { font-size: 3vw !important; } } /*--- DESKTOP ---*/ .header { display: flex; width: 100%; overflow: hidden; padding: 1% 0; background-color: #fff; } .logo { padding: 0 5%; width: 30%; } .copyright { position: absolute; bottom: 0 !important; width: 100%; text-align: center; padding: 2% 0; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; letter-spacing: 1px; } /*--- new style ---*/ .modal { position: relative !important; display: none !important; } #mobile_bg { display: none; } #desktop_bg { display: flex; } #desktop_bg img { width: 100%; height: auto; } .bbd_landing { position: absolute; width: 40%; margin: 8% 0; } .bbd_title { font-family: 'bbd-bold', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size: 2vw; color: #fff; text-align: center; padding-bottom: 5%; } .bbd_location { display: flex; flex-direction: row; } .bbd_landing_left img, .bbd_landing_right img { width: 100%; } .bbd_landing .vl{ border-left: 2px solid #89674a; height:auto; } .bbd_landing_link { position: absolute; font-family: Arial, "sans-serif"; font-size: 1vw; font-weight: bold; } .bbd_landing_left .bbd_landing_link { margin: 80% 0 0 55%; } .bbd_landing_right .bbd_landing_link { margin: 75% 0 0 15%;; } .bbd_landing_link a { color: #fff; position: relative; text-decoration: none; } .bbd_landing_link a::before { content: ""; position: absolute; display: block; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #fff; transform: scaleX(0); transform-origin: top left; transition: transform 0.3s ease; } .bbd_landing_link a:hover::before { transform: scaleX(1); } /* --- animation ---*/ .fade-in { height: 100%; width: 100%; margin-bottom: 0; opactiy:0; transform: translateY(40%); transition: all 2s ease-out; } .active { opacity: 4; transform: translateY(0); } @media all and (-ms-high-contrast:none) /*--- FOR I.E. ---*/ { } @media only screen and (max-width: 900px) { } </style> <script src="/Views/Themes/RedPanda/Content/bootstrap/js/bootstrap.min.js" async></script> <script src="/Views/Themes/RedPanda/Scripts/lib/event.min.js"></script> <script> window.addEventListener('pageshow', function (event) { if (event.persisted || (window.performance && window.performance.navigation.type === 2)) { window.location.reload(true); } }); </script> <script src='/bundles/CoreJs?v=l7v9ofHPEZBiLRYKYJBIgrNbAepYPdKwF6F9poZhHj41' ></script> <script src='/bundles/ZnodeCoreJs?v=jRCSPeNcy18Z00RoJ2RG_vunOkFvmaE8Rduu6wECuyk1' ></script> <script src='/bundles/SPPCustomJs?v=NNxCfnlW1wyypyZ28G9pq10dtuodwgvTQ5JF_AbSHco1' ></script> </head> <body id="Home" class="Index" pageType="home" data-controller="Home" data-view="Index" data-portalID="1065" data-culture="en-US" data-txtSelectedBrandProductName="" data-selectedbrandname="">  <input type="hidden" id="currentThemePath" value="SoloSalamander"> <input id="ws" name="ws" type="hidden" value="00" /> <section class="site-message-block">    <style></style>   <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> </div> </z-widget> </section> <header> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> </div> </z-widget> </header> <div id="SuccessMessage"> </div>  <div class="container padding-none"> <div class="row"> <div class="notification-msg" id="body" data-test-selector="ValNotificationMessage"> <div class="messageBoxContainer" id="messageBoxContainerId" data-message=""></div> </div> </div> </div> <main id="layout-home" data-test-selector="divHomeMain"> <main> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> <div class="header"> <div class="logo"><img src="https://spponeimages.azureedge.net/prod/484752dc-8b35-4eba-9b53-47cbb4e58c2bbbd_us_logo_fr.svg?v=0" /></div> </div> <div class="bbd_main_landing"> <div class="bbd_landing"> <div class="bbd_title">Select your location</div> <div class="bbd_location"> <div class="bbd_landing_left"> <div class="fade-in"> <div class="bbd_landing_link"><a href="https://boutiqueaviateur.corpmerchandise.com">CANADA ⟶</a></div> <img src="https://spponeimages.azureedge.net/prod/355341e4-452d-46fd-a849-ac8377332bb1bbd_landing_left.png?v=0" /></div> </div> <div class="vl"></div> <div class="bbd_landing_right"> <div class="fade-in"> <div class="bbd_landing_link"><a href="https://bombardieraviationstoreus.corpmerchandise.com">US | INTERNATIONAL ⟶</a></div> <img src="https://spponeimages.azureedge.net/prod/8ddaa3bc-4d50-4a5c-84c5-5f50f7f85798bbd_landing_right.png?v=0" /></div> </div> </div> </div> <div class="copyright"> <script type="text/javascript">// <![CDATA[ copyright=new Date(); update=copyright.getFullYear(); document.write("© "+ update + " Staples Promotional Products"); // ]]></script> </div> </div> <class id="desktop_bg"><img src="https://spponeimages.azureedge.net/prod/866f874a-58d0-4f5b-9649-a573424880fcbbd_landingpage_bg.jpg?v=0" /></class> <class id="mobile_bg"><img src="https://spponeimages.azureedge.net/prod/b6edecb9-0bf8-4d95-b4e2-5d239ded87cbbbd_landingpage_mobile.jpg?v=0" /></class> <script>// <![CDATA[ const elements = document.querySelectorAll('.fade-in'); const options = { root: null, rootMargin: '0px', threshold: .4 } const callbacks = (entries) => { entries.forEach(entry => { if (entry.isIntersecting){ entry.target.classList.add('active'); } }); } let observer = new IntersectionObserver(callbacks, options); elements.forEach(element => { observer.observe(element); }); // ]]></script> </div> </z-widget> </main> </main> <footer> <z-widget> <div class="layout-contentpage" data-test-selector="divContentPage"> </div> </z-widget> </footer> <div class="modal fade preview-popup" id="preview-popup-popup-ipad" tabindex="-1" role="dialog" aria-label="preview pop up"> <div class="popup-container modal-dialog modal-lg"> <div class="modal-body" data-test-selector="popPreviewMessage"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-test-selector="popBtnPreviewClose"><span id="close-preview-popup-ipad" aria-hidden="true" data-test-selector="spnClose"><i class="zf-close"></i></span></button> <div id="preview-popup-content"> Loading.... </div> </div> </div> </div> <div id="brand-popup-ipad" class="modal fade brand-popup" tabindex="-1" role="dialog" aria-label="brand pop up"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body brandPopupBody"> <button type="button" class="close nopadding" data-dismiss="modal" aria-label="Close" data-test-selector="popBtnBrandClose"> <span id="close-preview-popup-ipad" aria-hidden="true" data-test-selector="spnClose"><i class="zf-close"></i></span> </button> <div class="brand-popup-main"> <h2 data-test-selector="hdgBrand">Select your brand/logo to start shopping</h2> <p class="brand-details" data-test-selector="paraBrandDetails">Select a brand for a list of products tailored specifically to your needs.</p> <p id="brandSearchLabelText" class="select-brand" data-test-selector="paraBrandSearch">Search for your brand/logo</p> <div class="brand-search"> <i class="zf-search"></i> <input id="txtSearchBrandList" type="text" class="search" aria-labelledby="brandSearchLabelText" data-test-selector="txtBrandSearch" /> </div> <div class="error-msg" style="display:none;"><p data-test-selector="paraBrandError">The brand you have selected does not apply to this item(s). You will be redirected to the home page</p></div> <div class="error-msg error-msg-required" style="display:none;"><p data-test-selector="paraBrandError">Please select any brand.</p></div> <div id="brand-content" data-test-selector="btnSelectBrand"> <input id="isFromPopUp" name="isFromPopUp" type="hidden" value="True" /> <div id="brandPopUpPage"> <img src="/Views/Themes/RedPanda/Images/loading.gif" alt="Loading" /> </div> </div> </div> </div> <div class="modal-footer"> <a href="#" id="idShowBrand" class="btn btn-primary">Show Brand</a> </div> </div> </div> </div> <script src="/Scripts/Core/Znode/_BrandList.js?v=20241120225013"></script> <script id="tmpl-typeahead-results" nonce="X0lubGluZVRlbXBsYXRlcy10bXBsLXR5cGVhaGVhZC1yZXN1bHRz" type="text/template"> <a href="#" class="close" data-test-selector="linkClose"><i class="zf-close close"></i></a> <ul data-test-selector="listSearchTermContainer"> {{#matches}} <li><a href="/search?searchterm={{term}}&category={{category}}" data-test-selector="linkTerm"><strong>{{product}}</strong> {{suffix}}</a></li> {{/matches}} </ul> </script> <script id="tmpl-alertmessage" nonce="X0lubGluZVRlbXBsYXRlcy10bXBsLWFsZXJ0bWVzc2FnZQ" type="text/template"> <div id="status-message" class="{{style}} alert alert-info text-center">{{message}}</div> </script> <input id="hdnWebStoreUrl" name="hdnWebStoreUrl" type="hidden" value="https://bombardieraviationstore.corpmerchandise.com" /> <input id="loggedInStatus" name="loggedInStatus" type="hidden" value="GuestUser" /> <div class="modal fade quick-view-popup" id="quick-view-popup-ipad" tabindex="-1" role="dialog" aria-label="quick view pop up"> <div class="popup-container modal-dialog"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span id="close-quick-view-popup-ipad" aria-hidden="true"><i class="zf-close"></i></span></button> <div id="quick-view-content" data-test-selector="divQuickViewContent"> </div> </div> </div> <div id="divAddedForCompare" class="modal fade comparepopup" role="dialog" aria-label="compare pop up"> <div class="compare-product-popup" id="popUp_content" data-test-selector="popCompareMessage"> </div> </div> <button id="btnAddCompare" style="display:none" data-toggle="modal" data-target=".comparepopup" data-test-selector="popBtnCompare">Compare</button> <script src="/Scripts/Core/Znode/LayoutScripts.js?v=20241120225013"></script>  <style></style> <epro_only> </epro_only> <sso_only> </sso_only> <div id="standard-footer-solo-salamander" class="footerCopyright">  <div class="footerAbove"> Copyright <span id="currentYear"></span> Staples, Inc. All Rights Reserved. </div> <div class="footerBelow"> <a href="https://spponeimages.azureedge.net/prod/a0a97d40-c357-4f21-a90e-6cb929bf686aVulnerability-Disclosure-Policy-v1.0.pdf?v=0" target="_blank">Vulnerability Disclosure Policy</a><a href="https://staplespromo.com/accessibility-statement" target="_blank">Accessibility Statement</a><a href="https://staplespromo.com/privacy" target="_blank">Privacy Notice</a><a href="https://staplespromo.com/california-notice" target="_blank" class="has-gtm">California Notice</a> <div style="display: inline;" id="teconsent"></div> <div style="display: inline;" id="irmlink" title="Do not Sell"></div> </div> <div id="consent_blackbar"></div> <script>// <![CDATA[ let hasGtm; //check for TagManager script reference document.querySelectorAll('script').forEach((item) => { if (item.src.includes("https://www.googletagmanager.com")) { hasGtm = true }; }); if (hasGtm) { document.querySelectorAll('.has-gtm').forEach((item) => { item.style.borderRight = "1px solid"; }); //populate TrustArc reference to DOM const js = document.createElement("script"); js.async = "async"; js.src = "//consent.trustarc.com/notice?domain=spp.com&c=teconsent&js=nj&noticeType=bb&text=true&irmc=irmlink&gtm=1"; document.querySelector('head').appendChild(js); }; // ]]></script> <script type="text/javascript">// <![CDATA[ const theDate = new Date(); document.getElementById("currentYear").innerHTML = theDate.getFullYear(); // ]]></script> <style></style> <style></style> <style></style> </div> </body> </html>

CINXE.COM

Bombardier Landing Page