CINXE.COM
Hotel Emporium - Sustainability
<!doctype html> <html class="no-js" id="template-page" lang="en" > <head> <link rel="preload" href="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/blair-itc.woff2?v=1698867458" as="font" type="font/woff2" crossorigin > <link rel="stylesheet" href="https://use.typekit.net/nxc0sje.css"> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PJP97QPX'); </script> <!-- End Google Tag Manager --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-TG2T932D7C"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-TG2T932D7C'); </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <meta name="keywords" content="hotel amenities, hotel services, hospitality, guest experience, luxury accommodations, room service, concierge services, spa facilities, fitness center, swimming pool, fine dining, restaurant, bar, entertainment, business center, conference rooms, meeting facilities, event spaces, wedding venues, leisure activities, sightseeing, local attractions, travel experiences"> <link rel="canonical" href="https://hotelemporium.com/pages/sustainability"> <meta name="theme-color" content=""> <meta name="theme-color" media="(prefers-color-scheme: light)" content="white" > <meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" > <link rel="apple-touch-icon" sizes="180x180" href="//hotelemporium.com/cdn/shop/t/69/assets/apple-touch-icon.png?v=134141111124946234741732479231" > <link rel="icon" type="image/png" sizes="32x32" href="//hotelemporium.com/cdn/shop/t/69/assets/favicon-32x32.png?v=108751989593284254821732479236" > <link rel="icon" type="image/png" sizes="16x16" href="//hotelemporium.com/cdn/shop/t/69/assets/favicon-16x16.png?v=32608290925429925241732479235" > <link rel="manifest" href="//hotelemporium.com/cdn/shop/t/69/assets/site.webmanifest?v=28520019027173394721732479339"> <link rel="mask-icon" href="//hotelemporium.com/cdn/shop/t/69/assets/safari-pinned-tab.svg?v=62411586906175952281732479338" color="#5bbad5" > <meta name="msapplication-TileColor" content="#ffffff"> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin > <!-- UIkit CSS --> <link rel="stylesheet" href="//hotelemporium.com/cdn/shop/t/69/assets/uikit.min.css?v=171331952781618253071732479342"> <link href="//hotelemporium.com/cdn/shop/t/69/assets/theme.css?v=77309294722179285511732479340" rel="stylesheet" type="text/css" media="all" /> <!-- UIkit JS --> <script src="//hotelemporium.com/cdn/shop/t/69/assets/uikit.min.js?v=150789410448052224911732479343"></script> <script src="//hotelemporium.com/cdn/shop/t/69/assets/uikit-icons.min.js?v=181349559953469003521732479342"></script> <!-- js-cookie --> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> <!-- jquery --> <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous" ></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!-- fontawesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"> <title> Hotel Emporium - Sustainability </title> <script src="//hotelemporium.com/cdn/shop/t/69/assets/theme.js?v=111603181540343972631732479340" defer="defer"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/75612750102/digital_wallets/dialog"> <link rel="alternate" hreflang="x-default" href="https://hotelemporium.com/pages/sustainability"> <link rel="alternate" hreflang="en-US" href="https://hotelemporium.com/pages/sustainability"> <link rel="alternate" hreflang="es-US" href="https://hotelemporium.com/es/pages/sustainability"> <link rel="alternate" hreflang="zh-Hans-US" href="https://hotelemporium.com/zh/pages/sustainability"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <script id="shopify-features" type="application/json">{"accessToken":"abde6539fa3610be82a8183da9721e45","betas":["rich-media-storefront-analytics"],"domain":"hotelemporium.com","predictiveSearch":true,"shopId":75612750102,"smart_payment_buttons_url":"https:\/\/hotelemporium.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/hotelemporium.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "store-hotel-emporium.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Restore this after holiday","id":174284734742,"schema_name":"Hotel Emporium-July 2023","schema_version":"1.0.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "hotelemporium.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/cdn.nfcube.com\/instafeed-1e2b1259e59c019323613cb0d7f97886.js?shop=store-hotel-emporium.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":75612750102,"offset":-28800,"reqid":"9230eff9-0716-44c0-b408-b1404d627b54-1732733116","pageurl":"hotelemporium.com\/pages\/sustainability","s":"pages-137642606870","u":"eb21f7a1dc4c","p":"page","rtyp":"page","rid":137642606870};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i=t=>t.elements[r],u=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function a(t){const e=i(t);u().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=i(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){i(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),i=[...c,...r],u={};for(const[o,c]of new FormData(t).entries())i.includes(o)||(u[o]=c);n.setItem(e,JSON.stringify(u))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const m=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{a(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&a(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=u();for(const t of e)m(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&u().includes(t)&&m(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//hotelemporium.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//hotelemporium.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <style data-shopify> :root { --baige: white; --cafe: #50433F; --charcoal: #393939; --orange: #FF9A3E; --grey: #888A86; } </style> <!-- BEGIN app block: shopify://apps/transtore-language-translate/blocks/switcher_embed_block/afeffe82-e563-4f78-90f4-f1e3d96286c3 --><script> (function(){ function logChangesTS(mutations, observer) { let evaluateTS = document.evaluate('//*[text()[contains(.,"trans-money")]]',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null); for (let iTS = 0; iTS < evaluateTS.snapshotLength; iTS++) { let elTS = evaluateTS.snapshotItem(iTS); let innerHtmlTS = elTS?.innerHTML ? elTS.innerHTML : ""; if(innerHtmlTS && !["SCRIPT", "LINK", "STYLE", "NOSCRIPT"].includes(elTS.nodeName)){ elTS.innerHTML = innerHtmlTS.replaceAll("<", "<").replaceAll(">", ">"); } } } const observerTS = new MutationObserver(logChangesTS); observerTS.observe(document.documentElement, { subtree : true, childList: true }); })(); window._transtoreStore = { ...(window._transtoreStore || {}), currenciesEnabled: [], currency: { code: 'USD', symbol: '$', name: 'United States Dollar' }, moneyWithCurrencyFormat: "${{amount}} USD", moneyFormat: "${{amount}}", currencyCodeEnabled: '', shop: "hotelemporium.com", locale: "en", currency: { "active": "USD", "rate": "" }, country: "US", designMode: false, theme: {}, cdnHost: "", routes: { "root": "/" } }; _transtoreStore.currenciesEnabled.push("USD"); </script> <link href="https://cdn.shopify.com/extensions/caf65ee2-364c-43d7-8c44-5db9292d188b/v9.1.9/assets/main.css" rel="stylesheet" id="transtore-stylesheet" /> <script src="https://cdn.shopify.com/extensions/caf65ee2-364c-43d7-8c44-5db9292d188b/v9.1.9/assets/main.js" defer id="transtore-script"></script> <!-- END app app block --><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Hotel_Emporium_Logo.jpg?v=1697647749" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Hotel_Emporium_Logo.jpg?v=1697647749" /> <meta property="og:image:width" content="1726" /> <meta property="og:image:height" content="905" /> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 75612750102,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 75612750102,storefrontBaseUrl: "https://hotelemporium.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Hotel Emporium","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"store-hotel-emporium.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/hotelemporium.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://hotelemporium.com/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":137642606870}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 75612750102, theme_id: 174284734742, app_name: "storefront", context_url: window.location.href, source_url: "//hotelemporium.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//hotelemporium.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//hotelemporium.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":75612750102,"isMerchantRequest":null,"themeId":174284734742,"themeCityHash":"17978319019466845735","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":137642606870}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//hotelemporium.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Hotel Emporium-July 2023"; window.BOOMR.themeVersion = "1.0.0"; window.BOOMR.shopId = 75612750102; window.BOOMR.themeId = 174284734742; })();</script> <script defer src="https://hotelemporium.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="75612750102" data-render-region="gcp-asia-southeast1" data-page-type="page" data-theme-instance-id="174284734742" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="bg-baige"> <div id="he-cookie-alert" class="uk-position-bottom uk-position-fixed uk-hidden"> <div class="he-cookie_alert uk-margin-remove bg-true-white" uk-alert> <div class="uk-flex uk-flex-between"> <div class="uk-flex uk-flex-middle"> <div> <p class="text-proxima-thin text-black uk-margin-remove"> This website uses cookies to ensure you get the best experience on our website. <a class="uk-button-link text-orange" href="/pages/cookie-policy">Learn More</a> </p> </div> </div> <div> <a class="uk-button button-classic uk-button-small uk-visible@m" onclick="closeCookieAlert()">Okay</a> <a class="uk-alert-close uk-hidden@m" uk-close></a> </div> </div> </div> </div> <!-- Google Tag Manager (noscript) --> <noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PJP97QPX" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript> <!-- End Google Tag Manager (noscript) --> <div id="shopify-section-header" class="shopify-section"><div class=""> <div> <div class="uk-cover-container" uk-height-viewport="offset-top: true;" uk-scrollspy="cls: uk-animation-fade; target: .page_hero;"> <img class="collection_hero" data-src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/screen_2x_85069204-9c86-4b97-98ea-ca1bd20dd664.webp?v=1719430658" uk-cover uk-img /> <div class="image_dim uk-position-cover"></div> <div class="uk-overlay uk-position-center-left uk-width-1-1"> <div class="uk-container uk-container-xlarge"> <h1 class="text-blair text-white uk-heading-medium collection_hero-title notranslate">Our planet, our responsibility</h1> </div> </div> </div> </div> <div class="uk-position-top " uk-toggle="target: #navbar; cls: navbar-active-hover; mode: hover"> <div uk-sticky="show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky navbar-nav-active ; cls-inactive: uk-navbar-transparent ;"> <nav id="navbar" class="uk-navbar-container"> <div class="uk-container uk-container-xlarge"> <div uk-navbar="delay-hide: 0"> <div class="uk-navbar-left"> <a id="navbar_logo" href="/" class=""> <img id="navbar_logo-img" src="//hotelemporium.com/cdn/shop/t/69/assets/hotel-emporium-navbar_logo.png?v=26552892042363769121732479333" /> <span id="navbar_logo-text" class="uk-margin-small-left uk-link-reset notranslate" >hotel emporium </span> </a> </div> <div class="uk-navbar-right"> <ul class="uk-navbar-nav uk-visible@m navbar-nav"> <li class="nav-overlay"> <a href="#">Products</a> <div id="navbar_dropdown" class="uk-navbar-dropdown"> <ul class="uk-nav uk-navbar-dropdown-nav"> <li class=""> <a href="/collections" class="">Collections</a> </li> <li class=""> <a href="/pages/dispensers" class="">Dispensers</a> </li> <li class=""> <a href="/pages/refill-options" class="">Refill Options</a> </li> <li class=""> <a href="/pages/innovative-products" class="">Innovations</a> </li> <li class=""> <a href="/pages/accessories" class="">Accessories</a> </li> <li class=""> <a href="/collections/ecopod-collection" class="">Eco Pod</a> </li> <li class=""> <a href="/pages/liquifill" class="">Liquifill</a> </li> <li class=""> <a href="/pages/other-goods" class="">Other Goods</a> </li> <li class=""> <a href="/pages/sustainable-goods" class="">Sustainable Goods</a> </li> </ul> </div> </li> <li class="nav-overlay"> <a class="" href="/pages/liquifill">Liquifill</a> </li> <li class="nav-overlay"> <a class="" href="/pages/sustainability">Sustainability</a> </li> <li class="nav-overlay"> <a class="" href="/pages/about">About Us</a> </li> <li class="nav-overlay"> <a class="" href="/pages/contact">Contact Us</a> </li> <li class="nav-overlay" hidden> <div class="uk-flex uk-flex-middle"> <form class="uk-search uk-search-navbar uk-width-1-1" action="/search"> <input type="hidden" name="resources" value="[collection,page,article]" /> <input class="uk-search-input text-blair" type="search" placeholder="Search" name="q" aria-label="Search" autofocus> </form> <a class="uk-navbar-toggle" uk-close uk-toggle="target: .nav-overlay; animation: uk-animation-fade" href="#"></a> </div> </li> <li class="nav-overlay"> <a class="uk-navbar-toggle" uk-search-icon uk-toggle="target: .nav-overlay; animation: uk-animation-fade" href="#"></a> </li> <li class="nav-overlay"><a href="/account/login" class="uk-icon-link" uk-icon="user"></a></li> </ul> <div class="nav-overlay"> </div> <div class="uk-hidden@m uk-navbar-right"> <div class=""> <a class="uk-navbar-toggle" href uk-search-icon></a> <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; flip: false"> <div class="uk-grid-small uk-flex-middle" uk-grid> <div class="uk-width-expand"> <form class="uk-search uk-search-navbar uk-width-1-1" action="/search"> <input type="hidden" name="resources" value="[collection,page,article]" /> <input class="uk-search-input text-blair" type="search" placeholder="Search" name="q" aria-label="Search" autofocus> </form> </div> <div class="uk-width-auto"> <a class="uk-drop-close" href="#" uk-close></a> </div> </div> </div> </div> <a class="uk-navbar-toggle uk-navbar-toggle-animate" uk-navbar-toggle-icon href="#"></a> <div class="navbar-dropdown uk-navbar-dropdown"> <ul class="uk-nav uk-navbar-dropdown-nav"> <ul class="uk-nav uk-navbar-dropdown-nav"> <li> <a class="" href="/pages/sustainability">Sustainability</a> </li> <li> <a class="" href="/collections">Collections</a> </li> <li> <a class="" href="/pages/dispensers">Dispensers</a> </li> <li> <a class="" href="/pages/refill-options">Refill Options</a> </li> <li> <a class="" href="/pages/innovative-products">Innovative Products</a> </li> <li> <a class="" href="/collections/ecopod-collection">ECO POD</a> </li> <li> <a class="" href="/pages/liquifill">Liquifill</a> </li> <li> <a class="" href="/pages/sustainable-goods">Sustainable Goods</a> </li> <li> <a class="" href="/pages/accessories">Accessories</a> </li> <li> <a class="" href="/pages/other-goods">Other Goods</a> </li> <li> <a class="" href="/pages/about">About Us</a> </li> <li> <a class="" href="/pages/contact">Contact Us</a> </li> <li> <a class="" href="/account/login">Account</a> </li> </ul> </ul> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <style data-shopify> .uk-search-input { height: unset !important; font-family: blair itc,sans-serif; text-transform: uppercase; font-size: .813rem !important; font-weight: 300 !important; line-height: 15px !important; letter-spacing: 0em !important; } .collection_hero { background-color: rgba(0, 0, 0, 1); width: 100%; height: auto; object-fit: cover; } /* Responsive adjustments for larger screens */ @media only screen and (min-width: 1920px) { .collection_hero { width: 100%; max-width: 3840px; /* Ensures proper scaling on 4K screens */ height: 100vh; /* Ensures full viewport height */ object-fit: cover; } } @media only screen and (min-width: 2560px) { /* Specifically for 4K and above */ .collection_hero { width: 100%; max-width: 3840px; /* Ensures appropriate scaling for 4K */ height: 100vh; object-fit: cover; } } @media only screen and (min-width: 1440px) and (max-width: 1919px) { .collection_hero { width: 100%; height: 100vh; object-fit: cover; } } /* Smaller Mobile */ @media only screen and (max-width: 414px) { .hero_icon-title { font-size: 10px; } } .navbar_icon-mobile-menu { color: white !important; } </style> </div> <main> <div id="shopify-section-template--23858142150934__main" class="shopify-section"> <div class="uk-section section-bg-baige"> <div class="uk-container uk-text-center"> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_800_2.webp?v=1719462893" width="250" alt="Hotel Emporium Ecolosophy"> <h1 class="uk-heading-small text-bloack text-proxima-thin uk-text-bold">Our Ecolosophy</h1> <p class="uk-text-center card-p text-proxima-thin"> Hotel Emporium’s commitment to a “green” standard is demonstrated through our eco manufacturing practices, environmentally friendly workplace, promotion of natural and recyclable products, and collaborations with proactive sustainable organizations. </p> </div> </div> <div class="uk-section values-bg"> <div class="uk-container uk-container-small"> <div class="uk-grid-match uk-child-width-1-2@m uk-flex uk-flex-middle uk-flex-center" uk-grid> <div> <h3 class="uk-text-center uk-text-uppercase uk-text-bold"> The values <br> we uphold </h3> <div class="uk-card uk-card-default uk-card-body values-card"> <p class="text-proxima-thin uk-text-center"> At Hotel Emporium, our core values are the foundation of our identity. We are committed to integrity, innovation, and sustainability. These principles guide our decisions and actions, ensuring we always operate responsibly and creatively to meet the needs of our guests, partners, and the planet. </p> </div> </div> <div> <h3 class="uk-text-center uk-text-uppercase uk-text-bold"> The work <br> we do </h3> <div class="uk-card uk-card-default uk-card-body values-card"> <p class="text-proxima-thin uk-text-center"> Our work is centered around providing exceptional, environmentally responsible hospitality products. We strive to innovate continuously, pushing boundaries in eco-friendly manufacturing and ethical sourcing to deliver superior quality and sustainable luxury to our clients globally. </p> </div> </div> </div> </div> </div> <div class=""> <div class=" uk-cover-container uk-height-large"> <img class="" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/s2.jpg?v=1719430658" alt="Hotel Emporium sustainability" uk-cover > <div class="uk-position-left uk-overlay uk-flex uk-flex-middle"> <h1 class="uk-heading-small text-white uk-text-bold text-proxima-thin"> Growing and Building <br> Through The Years </h1> </div> </div> </div> <div class="uk-padding section-bg-baige"> <div class=""> <div class="uk-flex uk-flex-center uk-flex-between flexed-timeline"> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="123" height="123"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_200.webp?v=1719430658" uk-cover alt="Hotel Emporium 2003"> </div> <h6>2003</h6> <p class="text-proxima-thin uk-text-small">Hotel Emporium is incorporated by Andy De Silva & Lalith James</p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="123" height="123"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/thumbnail-1.jpg?v=1719430658" uk-cover alt="Hotel Emporium 2010"> </div> <h6>2010</h6> <p class="text-proxima-thin uk-text-small">Ecolosophy launched, our sustainability awareness program</p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="123" height="123"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_196.webp?v=1719430658" uk-cover alt="Hotel Emporium 2011"> </div> <h6>2011</h6> <p class="text-proxima-thin uk-text-small"> Terra Green is launched, the first eco-friendly collection with braille for the visually impaired. </p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="123" height="123"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/t.jpg?v=1719430658" uk-cover alt="Hotel Emporium 2014"> </div> <h6>2014</h6> <p class="text-proxima-thin uk-text-small"> H.E. Manufacturing (M) SDN BHD is established to focus solely on sustainable soap production. </p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="123" height="123"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_800_3.webp?v=1719608443" uk-cover alt="Hotel Emporium 2015"> </div> <h6>2015</h6> <p class="text-proxima-thin uk-text-small"> Introduced our innovative Elemint collection, featuring a 100% recyclable pouch that uses significantly less plastic than traditional packaging. </p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="123" height="123"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_196_1.webp?v=1719430658" uk-cover alt="Hotel Emporium 2020"> </div> <h6>2020</h6> <p class="text-proxima-thin uk-text-small"> Hotel Emporium launches sustainable and zero-plastic single-use amenities: Eco Pod, an award-winning product recognized twice in recent years </p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="123" height="123"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_800_1.webp?v=1719430658" uk-cover alt="Hotel Emporium 2023"> </div> <h6>2023</h6> <p class="text-proxima-thin uk-text-small"> Hotel Emporium introduces eco-friendly and zero-plastic accessory product line: K-Eco Collection </p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="123" height="123"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_740.webp?v=1719430658" uk-cover alt="Hotel Emporium 2024"> </div> <h6>2024</h6> <p class="text-proxima-thin uk-text-small"> Hotel Emporium joins EcoVadis, the world's largest ESG auditor, enhancing our sustainability and compliance efforts. </p> </div> </div> </div> </div> <div class=""> <div class="uk-cover-container" uk-height-viewport="offset-top: true; bottom: 30"> <img class="" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/9cc127b7-01c0-44f3-8f55-858e0a8b7e33.png?v=1719430658" alt="Hotel Emporium sustainability" uk-cover > <div class="uk-position-center uk-overlay uk-flex uk-flex-middle"> <div class="uk-text-center uk-container"> <svg class="uk-width-small" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" version="1.0" viewBox="0.0 0.0 471.9 500.0" zoomAndPan="magnify" style="fill: rgb(0, 0, 0);" original_string_length="2303" > <g id="__id153_svjpky7gld" style="fill: rgb(37, 125, 56);"><path d="M334.79,446.75c-32.95,24.95-52.42,47.68-53.24,48.63l5.43,4.62c0.78-0.91,79.01-91.54,183.37-106.44 l-1.01-7.05C413.33,394.5,365.25,423.68,334.79,446.75z" style="fill: inherit;"/><path d="M469.85,312.6v-0.03h-62.42v-82.16h41.59c6.48,0,12.53-3.34,16.59-9.16c5.06-7.25,6.25-17.09,3.1-25.67 L423.56,72.52c-3.42-9.33-10.97-15.13-19.69-15.12c-8.72,0-16.26,5.8-19.69,15.12l-45.15,123.05c-3.15,8.59-1.96,18.42,3.1,25.67 c4.06,5.82,10.11,9.16,16.59,9.16h41.59v82.16H239.58v-102.6h51.65c7.66,0,14.82-3.96,19.64-10.86c6.04-8.65,7.46-20.4,3.69-30.67 L259.35,17.97C255.28,6.89,246.35,0,236.02,0c-10.32,0-19.26,6.89-23.33,17.97l-55.21,150.48c-3.76,10.26-2.35,22.01,3.69,30.67 c4.82,6.9,11.98,10.86,19.64,10.86h51.65v102.6H73.6v-82.16h41.59c6.48,0,12.53-3.34,16.59-9.16c5.06-7.25,6.25-17.09,3.1-25.67 L89.73,72.52C86.3,63.2,78.76,57.4,70.04,57.4c-8.72,0-16.27,5.8-19.69,15.12L5.2,195.58c-3.15,8.59-1.96,18.42,3.1,25.67 c4.06,5.82,10.11,9.16,16.59,9.16h41.59v82.16H2.61v7.13h230.38C119.39,366.96,1.24,493.37,0,494.72l5.22,4.85 c1.3-1.4,130.83-140.01,247.84-179.86h195.99c-127.42,28.11-205.47,72.47-249.08,105.54c-50,37.91-66.64,68.94-67.32,70.24 l6.31,3.31c0.16-0.3,16.57-30.92,65.32-67.88c45.27-34.32,128.21-81,266.27-108.45v-9.87H469.85z M66.48,223.28H24.89 c-4.18,0-8-2.17-10.75-6.11c-3.75-5.37-4.61-12.7-2.25-19.14L57.04,74.98c2.37-6.45,7.35-10.45,13-10.45 c5.65,0,10.63,4.01,13,10.45l45.15,123.05c2.36,6.44,1.5,13.77-2.25,19.14c-2.75,3.94-6.57,6.11-10.75,6.11H73.6v-76.7h-7.13 V223.28z M232.46,108.26v94.58h-51.65c-5.38,0-10.28-2.77-13.8-7.81c-4.73-6.77-5.82-16.02-2.84-24.13l55.21-150.48 c3.01-8.21,9.39-13.3,16.64-13.3c7.25,0,13.63,5.1,16.64,13.3l55.21,150.48c2.98,8.11,1.89,17.36-2.85,24.13 c-3.52,5.04-8.42,7.81-13.8,7.81h-51.65v-94.58H232.46z M400.31,223.28h-41.59c-4.18,0-8-2.17-10.75-6.11 c-3.75-5.37-4.61-12.7-2.25-19.14l45.15-123.05c2.37-6.45,7.35-10.45,13-10.45c5.65,0,10.63,4.01,13,10.45l45.15,123.05 c2.36,6.44,1.5,13.77-2.25,19.14c-2.75,3.94-6.57,6.11-10.75,6.11h-41.59v-76.7h-7.13V223.28z" style="fill: inherit;"/></g> </svg> <h1 class="uk-heading-small text-black text-proxima-thin uk-text-bold uk-text-center"> Making a Difference with Our Global <br> Sustainability Partners </h1> <p class="text-proxima-thin card-p"> Preserving the planet is a worldwide endeavor, so we collaborate with organizations across the globe to make a positive impact. </p> </div> </div> </div> </div> <div class="uk-section uk-padding other-bg"> <div class="uk-child-width-1-2@m uk-grid-match uk-flex" uk-grid> <div class=""> <div class="uk-cover-container rounded-card"> <canvas class="uk-hidden@m rounded-card" height="150"></canvas> <canvas class="uk-visible@m rounded-card" height="300"></canvas> <img uk-cover class="rounded-card" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_1360.webp?v=1719430658" alt="Hotel Emporium partnership with One Tree Planted" > </div> </div> <div class=""> <div class="uk-card uk-card-default uk-card-body rounded-card"> <p class="text-proxima-thin card-p"> Hotel Emporium is proud to partner with One Tree Planted, a non-profit organization dedicated to global reforestation. <br> <br> Together, we are contributing to the restoration of forests by planting 3,000 trees worldwide. This partnership aligns with our commitment to environmental stewardship and helps combat climate change while supporting local communities. </p> </div> </div> </div> <div class="uk-child-width-1-2@m uk-grid-match uk-flex" uk-grid> <div> <div class="uk-cover-container rounded-card"> <canvas class="uk-hidden@m rounded-card" height="150"></canvas> <canvas class="uk-visible@m rounded-card" height="300"></canvas> <img uk-cover class="rounded-card" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_1366.webp?v=1719430658" alt="Hotel Emporium partnership with Plastic Oceans" > </div> </div> <div class="uk-flex-first@m"> <div class="uk-card uk-card-default uk-card-body rounded-card"> <p class="text-proxima-thin card-p"> In our ongoing efforts to reduce plastic pollution, Hotel Emporium has partnered with Plastic Oceans, an organization focused on ending plastic pollution and fostering sustainable communities. Through this collaboration, we aim to support initiatives that remove plastic from our oceans, promote recycling, and educate the public on the importance of reducing plastic waste. </p> </div> </div> </div> <div class="uk-child-width-1-2@m uk-grid-match uk-flex" uk-grid> <div class=""> <div class="uk-cover-container rounded-card"> <canvas class="uk-hidden@m rounded-card" height="150"></canvas> <canvas class="uk-visible@m rounded-card" height="300"></canvas> <img uk-cover class="rounded-card" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_1030.webp?v=1719430658" alt="Hotel Emporium partnership with Clean the World" > </div> </div> <div class=""> <div class="uk-card uk-card-default uk-card-body rounded-card"> <p class="text-proxima-thin card-p"> To further our commitment to sustainability and global health, Hotel Emporium has partnered with Clean the World. This organization is dedicated to recycling discarded soap from hotels and distributing it to communities in need. Through our collaboration, we aim to support initiatives that improve hygiene, reduce waste, and promote a healthier, more sustainable planet. </p> </div> </div> </div> <div class="uk-child-width-1-2@m uk-grid-match uk-flex" uk-grid> <div> <div class="uk-cover-container rounded-card"> <canvas class="uk-hidden@m rounded-card" height="150"></canvas> <canvas class="uk-visible@m rounded-card" height="300"></canvas> <img uk-cover class="rounded-card" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/IMG_7313.jpg?v=1719527031" alt="Hotel Emporium partnership with Sri Lanka Wildlife Conservation Society" > </div> </div> <div class="uk-flex-first@m"> <div class="uk-card uk-card-default uk-card-body rounded-card"> <p class="text-proxima-thin card-p"> Hotel Emporium collaborates with the Sri Lanka Wildlife Conservation Society (SLWCS) to aid elephant conservation through the Ecoexist Project, which aims to mitigate human-elephant conflict and enhance species harmony. This partnership supports conservation, human welfare, and economic progress, encouraging coexistence in competitive resource regions. </p> </div> </div> </div> <div class="uk-child-width-1-2@m uk-grid-match uk-flex" uk-grid> <div class=""> <div class="uk-cover-container rounded-card"> <canvas class="uk-hidden@m rounded-card" height="150"></canvas> <canvas class="uk-visible@m rounded-card" height="300"></canvas> <img uk-cover class="rounded-card" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_631.webp?v=1719430658" alt="Hotel Emporium partnership with Project I Am" > </div> </div> <div class=""> <div class="uk-card uk-card-default uk-card-body rounded-card"> <p class="text-proxima-thin card-p"> Hotel Emporium supports Jahkil Jackson's Project I Am, where he creates "Blessing Bags" for the homeless in Chicago. Jahkil exceeded his goal of distributing 5,000 bags last year, reaching 5,140. With Hotel Emporium's backing, he aims to distribute 6,000 bags this year and inspires youth to get involved in community service. </p> </div> </div> </div> </div> <div class="uk-section uk-padding values-bg"> <div class="uk-container uk-container-xlarge"> <div class="uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid> <div class="uk-flex-last@s"> <div class=""> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_800.webp?v=1719430658" alt="Hotel Emporium innovative practices"> </div> </div> <div> <h1 class="uk-heading-small uk-text-bold text-proxima-thin">Innovative Practices and Ethical Sourcing</h1> <ul class="uk-list uk-list-disc"> <li class="text-black card-p"> <strong>Solar energy leadership: </strong>We've dramatically cut our energy use by harnessing the power of solar energy, achieving a 70-80% reduction in electricity usage. </li> <li class="text-black card-p"> <strong>Advanced waste reduction: </strong>Transitioning to bulk dispensers has enabled us to decrease plastic usage by 22%, and we're pushing the boundaries with recycled cardboard and bio-inks for packaging. </li> <li class="text-black card-p"> <strong>Eco-innovative products: </strong>From bamboo-based materials to water-saving dispensers, our products are designed to minimize environmental impact while enhancing guest experiences. </li> </ul> </div> </div> </div> </div> <div class="section-bg-baige"> <div class="uk-container uk-container-xlarge"> <div class="uk-padding uk-padding-remove-bottom uk-flex uk-grid-match uk-child-width-1-2@m" uk-grid> <div> <div class="uk-height-1-1 uk-flex uk-flex-bottom"> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_1600.webp?v=1719430658" alt="Hotel Emporium sustainability"> </div> </div> <div> <div class="uk-padding"> <!-- <h1 class="uk-heading-small uk-text-bold text-proxima-thin">Steps Toward a Sustainable Future</h1> --> <h3 class="text-orange text-proxima-thin uk-text-bold">Pushing for change in small ways</h3> <p class="text-proxima-thin text-black"> At Hotel Emporium, we take pride in our journey towards sustainability and innovation. Each milestone achieved reflects our commitment to environmental stewardship and superior service. From implementing solar energy to reducing plastic waste, our progress sets new standards in the hospitality industry for a greener future. </p> <h3 class="text-orange text-proxima-thin uk-text-bold">Supporting Biodiversity</h3> <p class="text-proxima-thin text-black"> Our initiatives contribute to habitat preservation by using ingredients that encourage biodiversity, such as sustainably sourced essential oils. </p> </div> </div> </div> </div> </div> <div class="uk-padding other-bg"> <div class=""> <h1 class="uk-heading-small uk-text-bold text-proxima-thin">Sustainable Packaging Initiatives</h1> <div class="uk-flex uk-flex-center uk-flex-between flexed-timeline-2"> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="280" height="250"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_800.jpg?v=1719430658" uk-cover alt="Eco-friendly materials"> </div> <h6 class="uk-text-bold uk-text-uppercase">Eco-Friendly Materials</h6> <p class="text-proxima-thin uk-text-small"> We utilize recycled cardboard, biodegradable plastics, and plant-based inks in our packaging. These eco-friendly materials help us minimize waste and lower our carbon footprint. </p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="280" height="250"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Woodbury_Aquamenities_Dispenser_Diagonal_Left.jpg?v=1719596622" uk-cover alt="Reusable and refillable options"> </div> <h6 class="uk-text-bold uk-text-uppercase">Reusable and Refillable Options</h6> <p class="text-proxima-thin uk-text-small"> Our commitment to sustainability includes providing reusable and refillable packaging solutions. These not only reduce waste but also offer cost-effective and environmentally friendly alternatives for our clients. </p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="280" height="250"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Grey_Minimalist_Elegant_Mouse_Pad.png?v=1719596621" uk-cover alt="Minimalist design"> </div> <h6 class="uk-text-bold uk-text-uppercase">Minimalist Design</h6> <p class="text-proxima-thin uk-text-small"> Our packaging is designed to be minimalist, using fewer resources and generating less waste while maintaining the elegance and functionality our clients expect. </p> </div> <div class="uk-text-center uk-padding-small"> <div class="uk-cover-container"> <canvas class="flex-canvas" width="280" height="250"></canvas> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/s.webp?v=1719430658" uk-cover alt="Certified sustainable sources"> </div> <h6 class="uk-text-bold uk-text-uppercase">Certified Sustainable Sources</h6> <p class="text-proxima-thin uk-text-small"> All our packaging materials come from certified sustainable suppliers, ensuring that our products support responsible environmental practices. </p> </div> </div> </div> </div> <div class="uk-section values-bg"> <div class="uk-padding"> <h1 class="uk-heading-small uk-text-bold text-proxima-thin">Sustainable Products</h1> </div> <div class="uk-cover-container "> <canvas height="300"></canvas> <img uk-cover src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_1600_1.webp?v=1719430657" alt="Sustainable products"> </div> <div class="uk-padding"> <h1 class="uk-text-bold text-proxima-thin">ECO POD</h1> <p class="text-proxima-thin text-black"> ECO POD is a pioneer against the single-use plastic pollution, heavy liquid formulations, and bacteria contamination that arise in dispensers. Easy to use, easy to ship, and easy to compost. Together, we can have a stronger impact on the road to a zero plastic future. The fully compostable paper packaging and is made with bamboo, sugarcane, and wood fibers, and printed with soy-based ink printing. A concentrated, waterless powder formula allows lighter transportation, less water consumption, and an overall lower carbon footprint. Each pod has up to 4 uses per pod depending on hair length and use. The pod design ensures easy disposal and a bacteria-free environment. Pour some powder into hand, add water, and rub hands together to turn powder to creamy lather. Apply to wet hair or wet skin, then rinse well! </p> </div> <div class="uk-padding"> <div class="uk-visible@m uk-flex uk-flex-middle"> <div class="uk-margin-right"> <img style="height: 65px" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_200_3.webp?v=1719430658" alt="Eco-friendly product" > </div> <div> <img style="height: 65px" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/194504193_329481145405993_1807844663295626687_n.png?v=1719608338" alt="Eco-friendly product" > </div> </div> <div class="uk-hidden@m uk-text-center"> <div class="uk-margin"> <img style="" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/width_200_3.webp?v=1719430658" alt="Eco-friendly product" > </div> <div> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/194504193_329481145405993_1807844663295626687_n.png?v=1719608338" alt="Eco-friendly product" > </div> </div> </div> </div> <div class="section-bg-baige"> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/eco-banner.png?v=1719516333" alt="Eco banner"> <div class="uk-padding"> <h1 class="uk-heading-small uk-text-bold text-proxima-thin">K. ECO ACCESSORIES</h1> <p class="text-proxima-thin text-black"> K. was created in Los Angeles with a sole intention to rethink accessory packaging. As a mover-and-shaker, it makes its way strong into hotel bathrooms, dropping loud statements to awaken and shift mindsets. As an essential element for the body, K. is also friendly for the planet and becomes a sustainable companion to your single-use necessities using zero plastic, just kraft paper. </p> <div class="uk-padding"> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/eco-icons.png?v=1719516082" alt="Eco icons"> </div> </div> </div> <div class="uk-section uk-padding values-bg"> <div class="uk-margin-medium uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid> <div> <h1 class="uk-heading-medium uk-text-bold text-proxima-thin"> Advocating for <br> Sustainability </h1> </div> <div> <p class="text-black text-proxima-thin"> At Hotel Emporium, we actively promote sustainable practices. We lead advocacy efforts to raise industry standards and influence policies, fostering a commitment to environmental responsibility. Through global partnerships, we aim to inspire sustainable advancements in hospitality and beyond. </p> </div> </div> <div class="uk-flex"> <div class="uk-margin-small-right"> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/s.jpg?v=1719430658" alt="Sustainability image 1"> </div> <div class="uk-margin-small-right"> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/s_1.jpg?v=1719430658" alt="Sustainability image 2"> </div> <div class="uk-margin-small-right"> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/s_2.jpg?v=1719430658" alt="Sustainability image 3"> </div> <div class="uk-margin-small-right"> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/s_3.jpg?v=1719430658" alt="Sustainability image 4"> </div> </div> <p class="text-proxima-thin uk-text-right text-black uk-padding"> <i>Engaging the local community is a vital component of our work.</i> </p> </div> <div class=""> <div class=" uk-cover-container uk-height-large"> <img class="" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/s2.webp?v=1719430658" alt="hotel emporium sustainability" uk-cover > <div class="uk-position-center uk-overlay uk-flex uk-flex-middle"> <div> <h1 class="uk-heading-small text-white uk-text-bold text-proxima-thin uk-text-center"> Join us in shaping<br> eco-conscious hospitality </h1> <p class="text-white text-proxima-thin uk-text-center"> Together, let's forge a brighter, more sustainable future for our world and future generations. </p> </div> </div> </div> </div> <div class="uk-section" uk-toggle="cls:; mode: media; media: @m"> <div class="uk-container uk-container-xlarge"> <div class="uk-section uk-padding-remove bg-baige" uk-scrollspy="cls: uk-animation-fade;"> <div class="uk-container uk-container-xlarge uk-padding-remove uk-margin-remove"> <div class="uk-grid-match uk-grid-large uk-flex uk-flex-middle" uk-grid> <div class="uk-width-1-3@m"> <img data-src="//hotelemporium.com/cdn/shop/t/69/assets/he-section-contact-image.png?v=42949376355484183531732479311" uk-img> </div> <div class="uk-width-expand@m"> <div class=""> <h1 class="text-blair">GET A QUOTE</h1> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="uk-margin uk-grid-small uk-grid"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" /> <div class="uk-width-1-2@s"> <label class="uk-form-label" for="form-stacked-text">First Name *</label> <div class="uk-form-controls"> <input class="uk-input uk-form-blank form_input" id="" name="contact[first_name]" type="text" placeholder="" autocomplete="off" required> </div> </div> <div class="uk-width-1-2@s"> <label class="uk-form-label" for="form-stacked-text">Property Name</label> <div class="uk-form-controls"> <input class="uk-input uk-form-blank form_input" id="" name="contact[property_name]" type="text" placeholder="" autocomplete="off"> </div> </div> <div class="uk-width-1-2@s"> <label class="uk-form-label" for="form-stacked-text">Last Name *</label> <div class="uk-form-controls"> <input class="uk-input uk-form-blank form_input" id="" name="contact[last_name]" type="text" placeholder="" autocomplete="off" required> </div> </div> <div class="uk-width-1-2@s"> <label class="uk-form-label" for="form-stacked-text">Property Website</label> <div class="uk-form-controls"> <input class="uk-input uk-form-blank form_input" id="" name="contact[property_website]" type="text" placeholder="" autocomplete="off"> </div> </div> <div class="uk-width-1-2@s"> <label class="uk-form-label" for="form-stacked-text">Email *</label> <div class="uk-form-controls"> <input class="uk-input uk-form-blank form_input" id="" name="contact[email]" type="text" placeholder="" autocomplete="off" required> </div> </div> <div class="uk-width-1-2@s"> <label class="uk-form-label" for="form-stacked-text">Desired Number of Products</label> <div class="uk-form-controls"> <input class="uk-input uk-form-blank form_input" id="" name="contact[desired_number_of_products]" type="text" placeholder="" autocomplete="off"> </div> </div> <div class="uk-width-1-1@s"> <label class="uk-form-label" for="form-stacked-text">Message *</label> <div class="uk-form-controls"> <textarea class="uk-textarea uk-form-blank form_input" rows="5" placeholder="" name="contact[message]" autocomplete="off" aria-label="Textarea" required></textarea> </div> </div> <div class="uk-width-1-1@s uk-margin-medium-top uk-text-center uk-text-left@m"> <button type="submit" class="uk-button button-classic">Contact Us</button> </div> </form> </div> </div> </div> </div> </div> </div> </div> <style> .card-p{ font-size: 20px; } .rounded-card{ border-radius: 30px; } #sus-hero{ } .other-bg{ background: rgb(235, 233, 229); } .flexed-timeline > div{ width: 200px; } .flexed-timeline-2 > div{ width: 280px; } .section-bg-baige{ background: rgb(248, 246, 241); } .values-bg{ background: rgb(239, 234, 221); } .values-card{ background: rgb(248, 246, 241); } @media only screen and (max-width: 900px){ .flexed-timeline, .flexed-timeline-2{ flex-direction: column; align-items:center; } .flex-canvas{ width: 100% } } </style> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.7/axios.min.js" integrity="sha512-NQfB/bDaB8kaSXF8E77JjhHG5PM6XVRxvHzkZiwl3ddWCEPBa23T76MuWSwAJdMGJnmQqM0VeY9kFszsrBEFrQ==" crossorigin="anonymous" referrerpolicy="no-referrer" ></script> <a href="#modal-center" uk-toggle> <div class="FABholder"> <div class="calcFAB"> <img src="//hotelemporium.com/cdn/shop/t/69/assets/bulk_calc_FAB.png?v=178466413966578753261732479234"> </div> </div> </a> <div id="modal-center" class="uk-flex-top uk-modal-container" uk-modal> <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical uk-border-rounded" style="background:#FBF6EC;" > <button class="uk-modal-close-default" type="button" uk-close></button> <div> <div x-data=" { organizerEmail: '', bottlesToShow: Array.from(document.querySelectorAll('[data-bottleshow]')).map(element => element.getAttribute('data-bottleshow')).join(','), propertyName: '', signup: true, canContinue: false, showShampoo: false, numOfRooms: 100, occRate: .50, totalRoomsPerMonth: null, totalBottlesPerMonth: null, annualBottlesCount: null, totalCasesPerMonth: null, annualCaseCount: null, finalWebhook: null, emailToReport: null, bottles:[ { products:[ { name: 'Shampoo', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 2}, { name: 'Conditioner', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.75}, { name: 'Body Wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.75}, { name: 'Body Lotion',bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.75}, { name: 'Hand wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.75}], name: 'Cap Lock Dispenser', url: 'https://hotelemporium.com/pages/dispensers#base-lock', by: 40, image: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Untitled-2_2.png?v=1705196890', imageSel: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/bg9_1.png?v=1705196829', show: false, bottleUsage: 1, object: null}, { products:[ { name: 'Shampoo', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.75}, { name: 'Conditioner', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.25}, { name: 'Body Wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Body Lotion',bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Hand wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}], name: 'Snap Dispenser', by: 40, url: 'https://hotelemporium.com/pages/dispensers#snap', image: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Untitled-5_1.png?v=1705196890', imageSel: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/bg6_1.png?v=1705196829', show: false, bottleUsage: 1, object: null}, { products:[ { name: 'Shampoo', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Conditioner', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.25}, { name: 'Body Wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Body Lotion',bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Hand wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}], name: 'V-Top Dispenser', by: 40, url: 'https://hotelemporium.com/pages/dispensers#v-top', image: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Untitled-4_1.png?v=1705196890', imageSel: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/bg7_1.png?v=1705196829', show: false, bottleUsage: 1, object: null}, { products:[ { name: 'Shampoo', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Conditioner', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.25}, { name: 'Body Wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 2}, { name: 'Body Lotion',bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Hand wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}], name: 'Floating Dispenser', by: 40, url: 'https://hotelemporium.com/pages/dispensers#floating', image: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Untitled3_1.png?v=1705196890', imageSel: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/bg8_1.png?v=1705196829', show: false, bottleUsage: 1, object: null}, { products:[ { name: 'Shampoo', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.25}, { name: 'Conditioner', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1}, { name: 'Body Wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Body Lotion',bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1}, { name: 'Hand wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.25}], name: 'Magic Magnet Dispenser', by: 20, url: 'https://hotelemporium.com/pages/dispensers#magic-magnet', image: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Untitled-9_1.png?v=1705196890', imageSel: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/og2_1.png?v=1705196829', show: false, bottleUsage: 1, object: null}, { products:[ { name: 'Shampoo', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Conditioner', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.25}, { name: 'Body Wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Body Lotion',bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}, { name: 'Hand wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.5}], name: 'Magnet Squeeze Dispenser', by: 20, url: 'https://hotelemporium.com/pages/dispensers#magnet-squeeze', image: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Untitled-8_1.png?v=1705196890', imageSel: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/og3_1.png?v=1705196829', show: false, bottleUsage: 1, object: null}, { products:[ { name: 'Shampoo', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1}, { name: 'Conditioner', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.75}, { name: 'Body Wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1.25}, { name: 'Body Lotion',bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.75}, { name: 'Hand wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 1}], name: 'Edison Dispenser', by: 40, url: 'https://hotelemporium.com/pages/dispensers#edison', image: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Untitled-6_1.png?v=1705196890', imageSel: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/bg5_1.png?v=1705196829', show: false, bottleUsage: 1, object: null}, { products:[ { name: 'Shampoo', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.16}, { name: 'Conditioner', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.12}, { name: 'Body Wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.2}, { name: 'Body Lotion',bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.12}, { name: 'Hand wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.12}], name: '1 Gallon', by: 4, image: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Untitled-7_1.png?v=1705196890', imageSel: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/og4_1.png?v=1705196829', show: false, bottleUsage: 1, object: null}, { products:[ { name: 'Shampoo', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.12}, { name: 'Conditioner', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.09}, { name: 'Body Wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.15}, { name: 'Body Lotion',bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.09}, { name: 'Hand wash', bottleUsage: 1, subObject: null, amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ], preset: 0.09}], name: '5 Liter', by: 2, image: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/Untitled-10_1.png?v=1705196875', imageSel: 'https://cdn.shopify.com/s/files/1/0756/1275/0102/files/og1_1.png?v=1705196829', show: false, bottleUsage: 1, object: null}], amounts:[ 0.75 , 1.0 , 1.25 , 1.5 , 1.75 , 2 ] } " > <div class="uk-padding uk-flex uk-flex-column" uk-toggle="cls: uk-padding-small; mode: media; media: @m;" > <div class="uk-margin-small"> <img id="navbar_logo-img" class="uk-display-block uk-margin-auto" src="//hotelemporium.com/cdn/shop/t/69/assets/hotel-emporium-navbar_logo.png?v=26552892042363769121732479333" > <H1 id="calc_h1" class="text-blair uk-text-center">Hotel Bulk Liquid Calculator</H1> <h6 class="text-blair uk-text-center uk-margin-remove">Estimate your dispenser volume needs!</h6> </div> <div class="uk-margin-small"> <div class="uk-grid-small" uk-grid> <div class="uk-width-1-3@m"> <span></span> <label class="uk-form-label">Property Name</label ><input placeholder="Enter property name" class="uk-input form_input" type="text" x-model="propertyName" > </div> <div class="uk-width-1-3@m"> <span></span> <label class="uk-form-label">Number of Rooms *</label ><input placeholder="100" x-model.number="numOfRooms" class="uk-input form_input" type="number" min="0" value="" > </div> <div class="uk-width-1-3@m"> <label class="uk-form-label">Occupancy Rate *</label> <select class="uk-select form_input" x-model="occRate"> <template x-for="(rate,index) in [ .50 , .55 , .60 , .65 , .70 , .75 , .80 , .85 , .90 , .95 , 1 ]" :key="index" > <option :selected="index == 0 && 'selected'" x-bind:value="rate" x-text="Math.round(rate * 100) + '%'" ></option> </template> </select> </div> <div class="uk-width-1-1"> <label class="uk-form-label">Select your desired bottles below *</label> <div class="uk-margin uk-margin-auto uk-child-width-auto uk-grid-small uk-flex uk-flex-middle uk-flex-center" uk-grid > <template x-for="(bottle, index) in bottles" :key="index"> <div> <div class="bottleCard uk-text-center" x-on:click="bottle.show = !bottle.show;" > <img class="" x-bind:src="bottle.show ? bottle.imageSel : bottle.image" uk-contain > </div> </div> </template> </div> </div> <div class="uk-width-1-1 " x-show="bottles.some(bot => bot.show)" x-transition > <div class="uk-margin uk-width-1-1 uk-overflow-auto uk-hidden"> <label class="uk-form-label uk-text-center uk-display-block" >Here's your generated report! Feel free to add more bottles and change your usage!</label > <table class="calc-table uk-table uk-table-divider uk-table-middle uk-width-1-1" style="border: 1px solid #e5e5e5" > <tbody> <tr class="text-proxima bg-orange"> <th class="uk-width-auto"><span class="">Bottle</span></th> <th class="uk-width-auto"> <span class="">Report <i>* Preformatted to HE standard liquid usage</i></span> </th> </tr> <template x-for="(bottle, index) in bottles" :key="index"> <tr x-show="bottle.show" class="uk-text-right" x-transition :data-bottleshow="bottle.show ? bottle.name : ''" > <td> <div class="bottleCard uk-text-center"> <div> <div class="uk-margin"> <a class="button-text text-black" :href="bottle.url" ><small class="" x-text="bottle.name"></small ></a> </div> <img class="" x-bind:src="bottle.imageSel" uk-contain > <div class="uk-margin"> <small class="button-text text-black">Case Quantity = <span x-text="bottle.by"></span> / case</small > </div> </div> <input x-bind:class="bottle.show ? 'object uk-hidden uk-input' : 'uk-input uk-hidden'" x-bind:value=" encodeURIComponent(JSON.stringify({ name: bottle.name, totalRooms: Math.round(numOfRooms * occRate), totalBottlesPerMonth: Math.round(bottle.bottleUsage * numOfRooms * occRate), annualBottlesCount: Math.round(bottle.bottleUsage * numOfRooms * occRate * 12), totalCasesPerMonth: isNaN(parseFloat(bottle.bottleUsage * numOfRooms * occRate / bottle.by)) ? 0 : parseFloat(bottle.bottleUsage * numOfRooms * occRate / bottle.by), annualCaseCount: isNaN(parseFloat(bottle.bottleUsage * numOfRooms * occRate * 12 / bottle.by)) ? 0 : parseFloat(bottle.bottleUsage * numOfRooms * occRate * 12 / bottle.by), })) " > </div> </td> <td colspan="7"> <table class="calc-table uk-table uk-table-divider uk-table-middle uk-width-1-1" style="border: 1px solid #e5e5e5" > <thead class="" style=""> <tr class="text-proxima"> <th class="uk-width-auto"><span style="color: #666">Product</span></th> <th class="uk-width-auto"><span style="color: #666">Bottle Usage</span></th> <th class="uk-width-auto"> <span style="color: #666">Total Rooms Per Month</span> </th> <th class="uk-width-auto"> <span style="color: #666">Total Bottles Per Month</span> </th> <th class="uk-width-auto"><span style="color: #666">Annual Bottles Count</span></th> <th class="uk-width-auto"> <span style="color: #666">Total Cases per Month</span> </th> <th class="uk-width-auto"><span style="color: #666">Annual Case Count</span></th> </tr> </thead> <tbody> <template x-for="(product) in bottle.products"> <tr x-show="bottle.show" class="uk-text-left" x-transition> <td> <div class="bottleCard uk-text-left"> <small class="" x-text="product.name"></small> <input x-bind:class="bottle.show ? 'subObject-' + index + ' uk-hidden uk-input' : 'uk-input uk-hidden'" x-bind:value=" encodeURIComponent(JSON.stringify({ name: product.name, totalRooms: Math.round(numOfRooms * occRate), totalBottlesPerMonth: Math.round(product.bottleUsage * numOfRooms * occRate), annualBottlesCount: Math.round(product.bottleUsage * numOfRooms * occRate * 12), totalCasesPerMonth: isNaN(parseFloat(product.bottleUsage * numOfRooms * occRate / bottle.by)) ? 0 : parseFloat(product.bottleUsage * numOfRooms * occRate / bottle.by), annualCaseCount: isNaN(parseFloat(product.bottleUsage * numOfRooms * occRate * 12 / bottle.by)) ? 0 : parseFloat(product.bottleUsage * numOfRooms * occRate * 12 / bottle.by), })) " > </div> </td> <td> <small x-model="product.preset" x-text="product.preset"></small> </td> <td><small x-text="Math.round(numOfRooms * occRate)"></small></td> <td> <small x-text="Math.round(product.preset * numOfRooms * occRate)"></small> </td> <td> <small x-text="Math.round(parseFloat(product.preset * numOfRooms * occRate * 12))" ></small> </td> <td> <small x-text="isNaN(parseFloat(product.preset * numOfRooms * occRate / bottle.by)) ? 0 : parseFloat(product.preset * numOfRooms * occRate / bottle.by).toFixed(1)" ></small> </td> <td> <small x-text="isNaN(parseFloat(product.preset * numOfRooms * occRate * 12 / bottle.by).toFixed(1)) ? 0 : parseFloat(product.preset * numOfRooms * occRate * 12 / bottle.by).toFixed(1)" ></small> </td> <td> <input x-bind:class="bottle.show ? 'uk-hidden uk-input' : 'uk-input uk-hidden'" x-bind:value=" encodeURIComponent(JSON.stringify({ name: bottle.name, products: Array.from(document.getElementsByClassName('subObject-'+ index)).map(subObj => subObj.value).join(',') })) " > </td> </tr> </template> </tbody> </table> </td> </tr> </template> </tbody> </table> </div> <form method="post" action="/contact#quoteForm" id="quoteForm" accept-charset="UTF-8" class="uk-width-1-1 uk-text-center"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div> <label id="validationForEmail" class="uk-form-label" for="usageEmail" >Enter your email to get the report *</label > </div> <div> <input id="emailToReport" x-model="emailToReport" class="uk-input form_input uk-width-1-2@m" type="email" name="contact[email]" placeholder="Enter your email" required > </div> <div class="uk-text-center uk-flex uk-flex-center uk-flex-middle uk-width-1-1 uk-margin uk-margin-auto" > <div class="uk-margin-small-right"> <label><input type="checkbox" id="checkbox" x-model="signup"></label> </div> <div> <label id="calc_signmeuplabel" class="text-proxima-thin text-black" >Please also sign me up for your newsletter.</label > </div> </div> <input type="hidden" name="return_to" value="/?signup=true"> <div class="uk-margin"> <input class="uk-hidden" type="text" name="customer[tags]" x-bind:value="signup ? 'newsletter' : ''" > <input type="hidden" name="customer[accepts_marketing]" x-bind:value="signup"> <button id="guestSubmitButton" type="submit" class="uk-margin uk-button uk-button-small button-classic uk-text-center" x-on:click.prevent=" getReport(`https://hotelemporium.com/pages/usage-report?propertyName=${propertyName}&numOfRooms=${numOfRooms}&occRate=${occRate}&bottlesToShow=${Array.from(document.querySelectorAll('[data-bottleshow]')) .map(element => element.getAttribute('data-bottleshow')) .filter(value => value !== null && value !== undefined && value !== '') .join(',')}`, signup) " > Get Usage Report! </button> <div id="guestSpinner" class="uk-text-center" uk-spinner style="display:none"></div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <div id="modal-center-finished" class="uk-flex-top" uk-modal> <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical uk-border-rounded" style="background:#FBF6EC;" > <button class="uk-modal-close-default" type="button" uk-close></button> <h5 class="text-blair uk-text-center">Your submission has been recieved!</h5> </div> </div> <!-- https://hotelemporium.com/pages/usage-report?propertyName=Abel&numOfRooms=100&occRate=0.75&bottlesToShow=Cap%20Lock%20Dispenser,Snap%20Dispenser,V-Top%20Dispenser,Floating%20Dispenser,Magic%20Magnet%20Dispenser,Magnet%20Squeeze%20Dispenser,Edison%20Dispenser,1%20Gallon,5%20Liter --> <style> .FABholder{ position: fixed; bottom: 2.5rem; right: 2.5rem; } .calcFAB { cursor: pointer; } .calcFAB img{ transition: transform .2s ease-in-out; width: 97px; } .calcFAB img:hover { transform: scale(1.15); } .calc-table th { color: white !important; font-size: 12px; text-transform: capitalize; } .bottleCard{ padding: 5px; } .bottleCard img{ height: 180px; } .bottleDiv{ /* border: 1px solid black; border-radius: 5px; */ } @media only screen and (max-width: 600px){ #calc_h1{ font-size: 1.4rem; } .bottleCard img{ height: 100px; } #calc_signmeuplabel{ font-size: 13px; } .FABholder{ position: fixed; bottom: 1.5rem; right: 1.5rem; } .calcFAB img{ transition: transform .2s ease-in-out; width: 64px; } } </style> <script> function getReport(hook, isSigningUp) { const form = document.getElementById('quoteForm'); const formValid = document.getElementById('validationForEmail'); const toEmail = document.getElementById('emailToReport').value; const encodedURL = encodeURI(hook); if (isSigningUp){ if (form.checkValidity()) { document.getElementById('guestSubmitButton').style.display = "none"; document.getElementById('guestSpinner').style.display = "block"; const apiUrl = "https://he-mailer.chamlimedialab.com/api/process_link" const linkData = { link: encodedURL, email: toEmail } axios.post(apiUrl, linkData, { headers: { 'Content-Type': 'application/json', }, }) .then(response => { if (response.status == 200){ UIkit.modal("#modal-center-finished").show(); form.submit(); console.log("Response from Flask Server:", response.data.message) } else { console.log("Response from Flask Server:", response.data.message) } }) .catch(error => { console.log("You fucked up:", error) }) } else{ formValid.innerHTML = "Please enter a valid email." } } else { // const linkData = { // link: hook, // email: toEmail // } // if (form.checkValidity()) { // $.ajax({ // url: 'https://he-mailer.chamlimedialab.com/api/process_link', // method: "POST", // contentType: 'application/json', // Set the content type to JSON // data: JSON.stringify(linkData), // success: function (response) { // if (response.status == "success") { // UIkit.modal("#modal-center-finished").show(); // } else { // alert('error') // } // }, // error: function (error) { // // Handle error // console.log(error); // } // }); if (form.checkValidity()) { document.getElementById('guestSubmitButton').style.display = "none"; document.getElementById('guestSpinner').style.display = "block"; const apiUrl = "https://he-mailer.chamlimedialab.com/api/process_link" const linkData = { link: encodedURL, email: toEmail } axios.post(apiUrl, linkData, { headers: { 'Content-Type': 'application/json', }, }) .then(response => { if (response.status == 200){ UIkit.modal("#modal-center-finished").show(); document.getElementById('guestSubmitButton').style.display = "inline-block"; document.getElementById('guestSpinner').style.display = "none"; console.log("Response from Flask Server:", response.data.message) } else { console.log("Response from Flask Server:", response.data.message) } }) .catch(error => { console.log("You fucked up:", error) }) } else{ formValid.innerHTML = "Please enter a valid email." } } } function getReportOrganizer(hook) { const toEmail = document.getElementById('organizerEmail').value; const encodedURL = encodeURI(hook); document.getElementById('organizerSubmitButton').style.display = "none"; document.getElementById('organizerSpinner').style.display = "block"; const apiUrl = "https://he-mailer.chamlimedialab.com/api/process_link" const linkData = { link: encodedURL, email: toEmail } axios.post(apiUrl, linkData, { headers: { 'Content-Type': 'application/json', }, }) .then(response => { if (response.status == 200){ UIkit.modal("#modal-center-finished").show(); document.getElementById('organizerSubmitButton').style.display = "inline-block"; document.getElementById('organizerSpinner').style.display = "none"; console.log("Response from Flask Server:", response.data.message) } else { console.log("Response from Flask Server:", response.data.message) } }) .catch(error => { console.log("You fucked up:", error) }) } </script> </main> <div id="slide-cart" uk-offcanvas="flip: true; overlay: true"> <div id="slide-cart_view" class="uk-offcanvas-bar"> <button class="uk-offcanvas-close" type="button" uk-close></button> <h3 class="text-blair">CART <span class='text-grey cart_count'>0</span> </h3> <div> <h3 class="text-blair uk-text-center">Your Cart Is Empty</h3> </div> </div> </div> <script></script> <style> .cart_count { font-size: 1.25rem; } #slide-cart_view { background-color: white; width: 480px; } #slide-cart_view > * { color: black !important; } .quantity-input { font-family: 'proxima-thin', sans-serif; font-size: 16px; font-weight: 700; line-height: 19px; letter-spacing: 0; text-align: left; letter-spacing: 0; color: black; width: 20px; border: none; } .slide-cart_qty-button { width: 14px; height: 14px; } </style> <div id="shopify-section-footer" class="shopify-section"><section class="uk-section uk-section-medium bg-true-white"> <div class="uk-container uk-container-xlarge"> <div class="uk-margin uk-grid-match uk-grid-large" uk-grid> <div class="uk-width-1-3@m"> <div> <div class="uk-flex uk-flex-column uk-flex-between uk-height-1-1"> <div class="uk-margin uk-text-center uk-text-left@m"> <a id="footer_logo" href="/" class="text-black" > <img id="footer_logo-img" src="//hotelemporium.com/cdn/shop/t/69/assets/hotel-emporium-navbar_logo.png?v=26552892042363769121732479333"> <span id="footer_logo-text" class="uk-margin-small-left uk-link-reset notranslate">hotel emporium</span> </a> <p class="footer_address worldwide-content">13724 Harvard Place Gardena, CA 90249, USA</p> <p class="footer_address do-content" style="display: none;"> Boulevard Turistico del Este, Naves Torma<br> Local #6, Bavaro, La Altagracia, Rep. Dominicana </p> <!-- <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script> <script> hbspt.forms.create({ region: "na1", portalId: "23375629", formId: "adbadd80-ba07-4493-a971-9f4abf26af4a" }); </script> --> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" name="contact[tags]" value="newsletter" > <div class="uk-margin uk-flex uk-hidden@s"> <input class="uk-input footer_input text-proxima-thin uk-margin-small-right" id="" type="email" name="contact[email]" placeholder="Enter your email" > <button type="submit" class="uk-button button-classic_footer">Subscribe</button> </div> <div class="uk-margin uk-flex uk-visible@s"> <input class="uk-input footer_input text-proxima-thin uk-margin-small-right" id="" type="email" name="contact[email]" placeholder="Enter your email" > <button type="submit" class="uk-button button-classic_footer">Subscribe</button> </div> </form> </div> </div> </div> </div> <div class="uk-width-expand@m"> <div class="uk-visible@l uk-child-width-expand@m" uk-grid> <div class="uk-text-center uk-text-left@m"> <div> <h4 class="text-blair uk-text-uppercase text-black">Website</h4> <ul class="uk-list"> <li class="uk-margin-remove"> <a href="/" class="footer_sublinks notranslate" >Hotel Emporium</a> </li> <li class="uk-margin-remove"> <a href="/pages/sustainability" class="footer_sublinks " >Sustainability</a> </li> <li class="uk-margin-remove"> <a href="/pages/about" class="footer_sublinks " >About</a> </li> <li class="uk-margin-remove"> <a href="/pages/contact" class="footer_sublinks " >Contact </a> </li> <li class="uk-margin-remove"> <a href="/pages/cookie-policy" class="footer_sublinks " >Cookie Policy</a> </li> <li class="uk-margin-remove"> <a href="/pages/privacy-policy" class="footer_sublinks " >Privacy Policy</a> </li> <li class="uk-margin-remove"> <a href="/pages/ccpa-opt-out" class="footer_sublinks " >CCPA/CRPA Opt-out</a> </li> <li class="uk-margin-remove"> <a href="/pages/safety-warnings-faq" class="footer_sublinks " >Safety Warnings & FAQ</a> </li> </ul> </div> </div> <div class="uk-text-center uk-text-left@m"> <div> <h4 class="text-blair uk-text-uppercase text-black">Products</h4> <ul class="uk-list"> <li class="uk-margin-remove"> <a href="/collections" class="footer_sublinks notranslate" >Collections</a> </li> <li class="uk-margin-remove"> <a href="/pages/dispensers" class="footer_sublinks " >Dispensers</a> </li> <li class="uk-margin-remove"> <a href="/pages/innovative-products" class="footer_sublinks " >Innovative Products</a> </li> <li class="uk-margin-remove"> <a href="/collections/ecopod-collection" class="footer_sublinks " >Eco Pod</a> </li> <li class="uk-margin-remove"> <a href="/pages/liquifill" class="footer_sublinks " >Liquifill</a> </li> <li class="uk-margin-remove"> <a href="/pages/sustainable-goods" class="footer_sublinks " >Sustainable Products</a> </li> <li class="uk-margin-remove"> <a href="/pages/accessories" class="footer_sublinks " >Accessories</a> </li> <li class="uk-margin-remove"> <a href="/pages/other-goods" class="footer_sublinks " >Other Goods</a> </li> </ul> </div> </div> <div class="uk-text-center uk-text-left@m"> <div> <h4 class="text-blair uk-text-uppercase text-black">Social</h4> <ul class="uk-list"> <li class="uk-margin-remove"> <a href="https://www.instagram.com/hotelemporium/" class="footer_sublinks notranslate" >Instagram</a> </li> <li class="uk-margin-remove"> <a href="https://www.facebook.com/HotelEmporium/" class="footer_sublinks " >Facebook</a> </li> <li class="uk-margin-remove"> <a href="https://www.linkedin.com/company/hotel-emporium-inc/" class="footer_sublinks " >LinkedIn</a> </li> </ul> </div> </div> <div class="uk-text-center uk-text-left@m"> <div> <h4 class="text-blair uk-text-uppercase text-black">Media</h4> <ul class="uk-list"> <li class="uk-margin-remove"> <a href="/pages/brandbook" class="footer_sublinks notranslate" >Brandbook</a> </li> <li class="uk-margin-remove"> <a href="/blogs/press" class="footer_sublinks " >Press</a> </li> </ul> </div> </div> </div> <div class="uk-hidden@l"> <ul uk-accordion> <li class=""> <a class="uk-accordion-title text-blair uk-text-uppercase text-black">Website</a> <div class="uk-accordion-content"> <ul class="uk-list"> <li class="uk-margin-remove"> <a href="/" class="footer_sublinks notranslate" >Hotel Emporium</a> </li> <li class="uk-margin-remove"> <a href="/pages/sustainability" class="footer_sublinks " >Sustainability</a> </li> <li class="uk-margin-remove"> <a href="/pages/about" class="footer_sublinks " >About</a> </li> <li class="uk-margin-remove"> <a href="/pages/contact" class="footer_sublinks " >Contact </a> </li> <li class="uk-margin-remove"> <a href="/pages/cookie-policy" class="footer_sublinks " >Cookie Policy</a> </li> <li class="uk-margin-remove"> <a href="/pages/privacy-policy" class="footer_sublinks " >Privacy Policy</a> </li> <li class="uk-margin-remove"> <a href="/pages/ccpa-opt-out" class="footer_sublinks " >CCPA/CRPA Opt-out</a> </li> <li class="uk-margin-remove"> <a href="/pages/safety-warnings-faq" class="footer_sublinks " >Safety Warnings & FAQ</a> </li> </ul> </div> </li> <li class=""> <a class="uk-accordion-title text-blair uk-text-uppercase text-black">Products</a> <div class="uk-accordion-content"> <ul class="uk-list"> <li class="uk-margin-remove"> <a href="/collections" class="footer_sublinks notranslate" >Collections</a> </li> <li class="uk-margin-remove"> <a href="/pages/dispensers" class="footer_sublinks " >Dispensers</a> </li> <li class="uk-margin-remove"> <a href="/pages/innovative-products" class="footer_sublinks " >Innovative Products</a> </li> <li class="uk-margin-remove"> <a href="/collections/ecopod-collection" class="footer_sublinks " >Eco Pod</a> </li> <li class="uk-margin-remove"> <a href="/pages/liquifill" class="footer_sublinks " >Liquifill</a> </li> <li class="uk-margin-remove"> <a href="/pages/sustainable-goods" class="footer_sublinks " >Sustainable Products</a> </li> <li class="uk-margin-remove"> <a href="/pages/accessories" class="footer_sublinks " >Accessories</a> </li> <li class="uk-margin-remove"> <a href="/pages/other-goods" class="footer_sublinks " >Other Goods</a> </li> </ul> </div> </li> <li class=""> <a class="uk-accordion-title text-blair uk-text-uppercase text-black">Social</a> <div class="uk-accordion-content"> <ul class="uk-list"> <li class="uk-margin-remove"> <a href="https://www.instagram.com/hotelemporium/" class="footer_sublinks notranslate" >Instagram</a> </li> <li class="uk-margin-remove"> <a href="https://www.facebook.com/HotelEmporium/" class="footer_sublinks " >Facebook</a> </li> <li class="uk-margin-remove"> <a href="https://www.linkedin.com/company/hotel-emporium-inc/" class="footer_sublinks " >LinkedIn</a> </li> </ul> </div> </li> <li class=""> <a class="uk-accordion-title text-blair uk-text-uppercase text-black">Media</a> <div class="uk-accordion-content"> <ul class="uk-list"> <li class="uk-margin-remove"> <a href="/pages/brandbook" class="footer_sublinks notranslate" >Brandbook</a> </li> <li class="uk-margin-remove"> <a href="/blogs/press" class="footer_sublinks " >Press</a> </li> </ul> </div> </li> </ul> </div> </div> </div> <hr class="uk-hidden@m"> <div class="uk-margin uk-text-center uk-text-left@m"> <span class="footer_copy notranslate"></span> </div> <div class="uk-text-right uk-hidden"> <p id="contact-socials" class="uk-margin-remove"> <a href="https://www.facebook.com/HotelEmporium/" ><img class="contact_social-icon" src="//hotelemporium.com/cdn/shop/t/69/assets/he-facebook-dark.png?v=56775535599860222211732479266" ></a> <a href="https://www.instagram.com/hotelemporium/" ><img class="contact_social-icon" src="//hotelemporium.com/cdn/shop/t/69/assets/he-instagram-dark.png?v=99728020768485238211732479286" ></a> <a href="https://www.linkedin.com/company/hotel-emporium-inc/" ><img class="contact_social-icon" src="//hotelemporium.com/cdn/shop/t/69/assets/he-linkedin-dark.png?v=65850607315050593171732479288" ></a> </p> </div> </div> </section> <style> .contact_social-icon { padding: 4px; width: 32px; height: 32px; } .footer_address { color: #6D6D6D; font-size: 0.90rem; font-weight: 200; line-height: 145%; font-family: 'proxima-nova', sans-serif; } .footer_sublinks { color: #6D6D6D; font-weight: 200; line-height: 145%; font-family: 'proxima-nova', sans-serif; } .footer_sublinks:hover { text-decoration: none; color: black; } .footer_copy { color: #6D6D6D; font-size: 0.90rem; font-weight: 200; line-height: 145%; font-family: 'proxima-nova', sans-serif; } </style> <script> document.addEventListener('DOMContentLoaded', function () { fetch('https://api.seeip.org/geoip') .then(response => response.json()) .then(data => { const country = data.country_code; if (country === 'DO') { // document.getElementById('worldwide-content').style.display = 'none'; // Get all elements with the class 'worldwide-content' using querySelectorAll const elements = document.querySelectorAll('.worldwide-content'); const elementstwo = document.querySelectorAll('.do-content'); // Check if any elements are found if (elements.length > 0) { // Iterate through the NodeList and apply the style to each element elements.forEach(element => { element.style.display = 'none'; }); } else { console.error('No elements found with the class name worldwide-content'); } // Check if any elements are found if (elementstwo.length > 0) { // Iterate through the NodeList and apply the style to each element elementstwo.forEach(elementtwo => { elementtwo.style.display = 'block'; }); } else { console.error('No elements found with the class name worldwide-content'); } } else { // document.getElementById('worldwide-content').style.display = 'block'; } }) .catch(error => console.error('Error fetching geolocation data:', error)); }); getYear() function getYear() { // Creating Date Object var dateobj = new Date(); // Year from the above object // is being fetched using getFullYear() var dateObject = dateobj.getFullYear(); // Printing current year const footerCopy = document.querySelectorAll(".footer_copy"); footerCopy.forEach((copy) => { copy.innerHTML = "Copyright © " + dateObject + " Hotel Emporium. All Rights Reserved."; }); } </script> </div> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/23375629.js"></script> <!-- End of HubSpot Embed Code --> <head> <!-- Include Alpine.js library --> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@2.8.2/dist/alpine.min.js" defer></script> </head> </body> <script> // Get the URL parameters const urlParams = new URLSearchParams(window.location.search); // Check if the 'success' parameter exists and has the value 'true' if (urlParams.has('signup') || urlParams.get('signup') === 'true') { // Run your function here UIkit.modal("#modal-center-finished").show(); } if (urlParams.has('form_type') || urlParams.get('form_type') === 'customer') { // Run your function here UIkit.modal("#modal-center-finished").show(); } document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); if (Shopify.designMode) { document.documentElement.classList.add('shopify-design-mode'); } function closeCookieAlert() { UIkit.alert('.he-cookie_alert').close(); } var cookieAlert = Cookies.get('he_alerts'); if (cookieAlert !== 'alerted') { setTimeout(function() { $('#he-cookie-alert').removeClass('uk-hidden'); Cookies.set('he_alerts', 'alerted', {expires: 7}); }, 5000); } </script> <style> #he-cookie-alert { z-index: 999; } .he-cookie_alert { color: white; } .he-cookie_link {} .uk-alert-close { color: var(--orange); } a.he-cookie_link:hover { text-decoration: none; color: #E8214F !important; } </style> </html>