Hotel Emporium - Hotel Emporium

<!doctype html> <html class="no-js" id="template-index" 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">  <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>   <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/"> <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 >  <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" />  <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>  <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>  <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>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"> <title> Hotel Emporium - Hotel Emporium </title> <meta name="description" content="Hotel Emporium is a direct manufacturer of premium hotel amenities that strives to elevate the standards of the hospitality industry."> <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/"> <link rel="alternate" hreflang="en-US" href="https://hotelemporium.com/"> <link rel="alternate" hreflang="es-US" href="https://hotelemporium.com/es"> <link rel="alternate" hreflang="zh-Hans-US" href="https://hotelemporium.com/zh"> <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":"index"}</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":"455c2499-71d4-4332-a49a-67ed3dbaabbf-1732733274","pageurl":"hotelemporium.com\/","u":"8e31ce6f0346","p":"home"};</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> <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> <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: "index"};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":"home"}}; 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":"home"}); 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="index" 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>  <noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PJP97QPX" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript>  <div id="shopify-section-header" class="shopify-section"><div class="uk-position-relative"> <a href="/pages/liquifill" class="uk-link-reset"> <div class="uk-visible@s uk-cover-container" uk-height-viewport="offset-top: true;" uk-scrollspy="cls: uk-animation-fade; target: .homepage_hero;"> <img class="collection_hero" width="3840" height="2160" data-src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/LiquiFill_Hero_Image_1920x1080_2.png?v=1729361302" uk-cover uk-img /> </div> <div class="uk-hidden@s uk-cover-container" uk-height-viewport="offset-top: true;" uk-scrollspy="cls: uk-animation-fade; target: .homepage_hero;"> <img class="collection_hero" width="750" height="1334" data-src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/LiquiFill_Hero_Image_750x1334_6b29c31a-3bbc-4ba9-9cf6-aeda39bb8424.png?v=1728367467" uk-cover uk-img /> </div> </a> <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--23858141528342__index" class="shopify-section"><div class="uk-section bg-baige" uk-scrollspy="cls: uk-animation-fade;"> <div class="uk-container uk-container-xlarge uk-text-center"> <h3 class="text-blair">OUR EXPERIENCE</h3> <p class="text-proxima-thin p-experience">Since inception, <span class="notranslate">Hotel Emporium</span> strives to elevate hospitality standards, manufacture premium amenities, and passionately care for the Earth's environment to shape a sustainable future.</p> <div class="uk-margin-large"> <div class="uk-child-width-1-3" uk-grid> <div> <div class="uk-margin"> <img class="icon-experience" src="//hotelemporium.com/cdn/shop/t/69/assets/he-icon-palette-orange.png?v=30094891342689804051732479280" alt="Design Icon"> </div> <div class="uk-margin"> <p class="p-experience">DESIGN</p> </div> </div> <div> <div class="uk-margin"> <img class="icon-experience" src="//hotelemporium.com/cdn/shop/t/69/assets/he-icon-develop-orange.png?v=158263033840783332111732479276" alt="Develop Icon"> </div> <div class="uk-margin"> <p class="p-experience">DEVELOP</p> </div> </div> <div> <div class="uk-margin"> <img class="icon-experience" src="//hotelemporium.com/cdn/shop/t/69/assets/he-icon-deliver-orange.png?v=178286302743676111131732479275" alt="Deliver Icon"> </div> <div class="uk-margin"> <p class="p-experience">DELIVER</p> </div> </div> </div> </div> <a href="/pages/about/#about_experience" class="uk-button button-text text-black">Learn More</a> </div> </div> <div class="uk-section uk-section-large bg-baige" uk-scrollspy="cls: uk-animation-fade;"> <div class="uk-container uk-container-xlarge"> <div class="uk-grid-match uk-flex-middle uk-child-width-1-1" uk-grid> <div class="uk-width-1-4@m"> <div class="panel"> <p class="uk-margin-remove panel_title text-black">Collection</p> <p class="uk-margin-remove panel_subtitle">ECOPOD</p> <p class="uk-margin-remove panel_p">Revolutionary zero plastic powder based amenities.</p> <a href="/collections/ecopod-collection" class="uk-button button-classic">Learn More</a> </div> </div> <div class="uk-width-expand@m"> <div class="uk-position-relative uk-dark" tabindex="-1" uk-slider="finite: false"> <ul class="uk-slider-items" uk-toggle="cls: uk-grid-large; mode: media; media: @m" uk-scrollspy="cls: uk-animation-fade; target: .uk-inline-clip; delay: 500;"> <li class="uk-width-1-1 uk-width-1-3@m"> <div class="uk-inline-clip uk-transition-toggle" tabindex="0"> <img class="bg-baige" src="//hotelemporium.com/cdn/shop/t/69/assets/he-ecopod-blue.png?v=172951659190723861471732479263" alt="Ecopod Blue"> <img class="bg-baige uk-transition-fade uk-position-cover" src="//hotelemporium.com/cdn/shop/t/69/assets/he-ecopod-blue-side.png?v=147304910429066158331732479263" alt="Ecopod Blue Side"> </div> <p class="text-blair text-brown uk-text-center uk-margin-small-top">BODY WASH</p> </li> <li class="uk-width-1-1 uk-width-1-3@m"> <div class="uk-inline-clip uk-transition-toggle" tabindex="0"> <img class="bg-baige" src="//hotelemporium.com/cdn/shop/t/69/assets/he-ecopod-pink.png?v=107304719014390394511732479265" alt="Ecopod Pink"> <img class="bg-baige uk-transition-fade uk-position-cover" src="//hotelemporium.com/cdn/shop/t/69/assets/he-ecopod-pink-side.png?v=167968077612513753881732479265" alt="Ecopod Pink Side"> </div> <p class="text-blair text-brown uk-text-center uk-margin-small-top">CONDITIONER</p> </li> <li class="uk-width-1-1 uk-width-1-3@m"> <div class="uk-inline-clip uk-transition-toggle" tabindex="0"> <img class="bg-baige" src="//hotelemporium.com/cdn/shop/t/69/assets/he-ecopod-green.png?v=20136584681843676241732479264" alt="Ecopod Green"> <img class="bg-baige uk-transition-fade uk-position-cover" src="//hotelemporium.com/cdn/shop/t/69/assets/he-ecopod-green-side.png?v=68733205977696982481732479264" alt="Ecopod Green Side"> </div> <p class="text-blair text-brown uk-text-center uk-margin-small-top">SHAMPOO</p> </li> </ul> <a class="uk-position-center-left uk-position-small uk-link-reset" uk-slider-item="previous"> <span class="uk-icon uk-icon-image" style="transform: rotate(180deg);width:44px; height:44px; background-image: url(//hotelemporium.com/cdn/shop/t/69/assets/he-button-arrow.png?v=71397962840746102181732479239);" alt="Previous"></span> <span class="slider-item_prev-title text-blue uk-hidden"></span> </a> <a class="uk-position-center-right uk-position-small uk-link-reset" uk-slider-item="next"> <span class="slider-item_next-title text-blue uk-hidden"></span> <span class="uk-icon uk-icon-image" style="width:44px; height:44px; background-image: url(//hotelemporium.com/cdn/shop/t/69/assets/he-button-arrow.png?v=71397962840746102181732479239);" alt="Next"></span> </a> </div> </div> </div> </div> </div> <div class="bg-baige" uk-scrollspy="cls: uk-animation-fade;"> <div class="uk-container uk-container-xlarge"> <div class="uk-cover-container" uk-height-viewport="offset-top: true;"> <video class="video_dim" autoplay loop muted playsinline uk-video="autoplay: inview" uk-cover> <source src="//hotelemporium.com/cdn/shop/t/69/assets/he-hero-video-three.mp4?v=74018067211015729361732479272" type="video/mp4" /> </video> <div class="uk-overlay uk-position-center-left uk-width-1-1"> <div class="uk-container uk-container-xlarge"> <div class="uk-flex uk-flex-between uk-flex-middle" uk-toggle="cls: uk-padding-large; mode: media; media: @m"> <div> <div class="panel bg-opaque-2 uk-padding"> <p class="uk-margin-remove panel_title text-white">Collection</p> <p class="uk-margin-remove panel_subtitle text-white">TERRA GREEN</p> <p class="uk-margin-remove panel_p text-white">20-year legacy of luxurious, eco-<br/>friendly personal care products<br/>with tea extracts.</p> <a href="/collections/terra-green-collection" class="uk-button button-classic">Learn More</a> </div> </div> <div class="uk-visible@m"> <div class="uk-text-center"> <div class=""> <div class="uk-position-relative"> <img class="uk-position-relative" data-src="//hotelemporium.com/cdn/shop/t/69/assets/he-terra-green-hero.png?v=169849199241550232621732479316" uk-img width="250" style="z-index: 2;" alt="Terra Green Hero"> <img class="uk-position-absolute" style="z-index: 0;top: 110px;left: -150px;" data-src="//hotelemporium.com/cdn/shop/t/69/assets/he-terra-green-hero-flower1.png?v=180482901961336540381732479315" uk-img width="443" alt="Terra Green Hero Flower"> <img class="uk-position-absolute" style="z-index: 3; bottom:-40px; right: -130px;" data-src="//hotelemporium.com/cdn/shop/t/69/assets/he-terra-green-hero-orange1.png?v=103971186147434750711732479316" uk-img width="400" alt="Terra Green Hero Orange"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="uk-section uk-section-large bg-baige" uk-scrollspy="cls: uk-animation-fade;"> <div class="uk-container uk-container-xlarge"> <div class="uk-margin-medium panel"> <p class="uk-margin-remove panel_title text-black">Collection</p> <p class="uk-margin-remove panel_subtitle">FLOATING DISPENSER</p> <p class="uk-margin-remove panel_p">Modern floating soap dispenser: convenient, clutter-free, reduces product and plastic waste.</p> </div> <div class="uk-margin-medium"> <div class="uk-position-relative" tabindex="-1" uk-slider="draggable:true;"> <ul class="uk-slider-items uk-child-width-1-3@m" uk-toggle="cls: uk-grid-small; mode: media; media: @m" uk-scrollspy="cls: uk-animation-fade; target: .uk-inline-clip; delay: 500;"> <li> <div class="uk-inline-clip uk-transition-toggle" tabindex="0"> <img class="bg-baige" src="//hotelemporium.com/cdn/shop/t/69/assets/he-dispenser-terra-green.png?v=36555411292548711821732479262" alt="Terra Green Dispenser"> <img class="bg-baige uk-transition-fade uk-position-cover" src="//hotelemporium.com/cdn/shop/t/69/assets/he-dispenser-terra-green-side.png?v=73241649614488289941732479262" alt="Terra Green Dispenser Side"> </div> <p class="text-blair text-black uk-text-center uk-margin-top uk-margin-remove-bottom">TERRA GREEN</p> <p class="text-blair text-black uk-text-center uk-text-small uk-margin-remove">CONDITIONER</p> </li> <li> <div class="uk-inline-clip uk-transition-toggle" tabindex="0"> <img class="bg-baige" src="//hotelemporium.com/cdn/shop/t/69/assets/he-dispenser-kenneth-cole.png?v=166155657807737657461732479261" alt="Kenneth Cole Dispenser"> <img class="bg-baige uk-transition-fade uk-position-cover" src="//hotelemporium.com/cdn/shop/t/69/assets/he-dispenser-kenneth-cole-side.png?v=35079081873629722541732479261" alt="Kenneth Cole Dispenser Side"> </div> <p class="text-blair text-brown uk-text-center uk-margin-top uk-margin-remove-bottom">KENNETH COLE</p> <p class="text-blair text-black uk-text-center uk-text-small uk-margin-remove">CONDITIONER</p> </li> <li> <div class="uk-inline-clip uk-transition-toggle" tabindex="0"> <img class="bg-baige" src="//hotelemporium.com/cdn/shop/t/69/assets/he-dispenser-hawaiian-tropic.png?v=180191169844164183101732479259" alt="Hawaiian Tropic Dispenser"> <img class="bg-baige uk-transition-fade uk-position-cover" src="//hotelemporium.com/cdn/shop/t/69/assets/he-dispenser-hawaiian-tropic-side.png?v=183238631440017619601732479258" alt="Hawaiian Tropic Dispenser Side"> </div> <p class="text-blair text-brown uk-text-center uk-margin-top uk-margin-remove-bottom">HAWAIIAN TROPIC</p> <p class="text-blair text-black uk-text-center uk-text-small uk-margin-remove">CONDITIONER</p> </li> </ul> <a class="uk-position-center-left uk-position-small uk-link-reset" uk-slider-item="previous"> <span class="uk-icon uk-icon-image" style="transform: rotate(180deg);width:44px; height:44px; background-image: url(//hotelemporium.com/cdn/shop/t/69/assets/he-button-arrow.png?v=71397962840746102181732479239);" alt="Previous"></span> <span class="slider-item_prev-title text-blue uk-hidden"></span> </a> <a class="uk-position-center-right uk-position-small uk-link-reset" uk-slider-item="next"> <span class="slider-item_next-title text-blue uk-hidden"></span> <span class="uk-icon uk-icon-image" style="width:44px; height:44px; background-image: url(//hotelemporium.com/cdn/shop/t/69/assets/he-button-arrow.png?v=71397962840746102181732479239);" alt="Next"></span> </a> </div> </div> </div> </div> <div class="uk-section uk-section-large bg-baige" uk-scrollspy="cls: uk-animation-fade;"> <div class="uk-container uk-container-xlarge"> <div class="uk-grid-match uk-flex-middle uk-child-width-1-1" uk-grid> <div class="uk-width-1-4@m"> <div class="panel"> <p class="uk-margin-remove panel_title text-black">Collection</p> <p class="uk-margin-remove panel_subtitle">Kenneth Cole</p> <p class="uk-margin-remove panel_p">The ability to heal, energize, and nourish our physical being with a unisex fresh scent.</p> <a href="/collections/kenneth-cole-collection" class="uk-button button-classic">Learn More</a> </div> </div> <div class="uk-width-expand@m"> <div class="uk-position-relative" tabindex="-1" uk-slider="draggable:true;"> <ul class="uk-slider-items" uk-toggle="cls: uk-grid-small; mode: media; media: @m" uk-scrollspy="cls: uk-animation-fade; target: .uk-inline-clip; delay: 500;"> <li class="uk-width-1-3@m"> <a href="/collections/kenneth-cole-collection" class="uk-link-toggle"> <div class="uk-inline-clip uk-transition-toggle uk-margin-auto "> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/he-collection-kenneth-cole-1-new.png?v=1699578531" alt="Kenneth Cole Collection Kit"> <img class="uk-transition-scale-up uk-position-cover" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/he-collection-kenneth-cole-1-new.png?v=1699578531" alt="Kenneth Cole Collection Kit"> <div class="image_dim uk-position-cover"></div> <div class="uk-overlay uk-position-bottom-left"> <div class="panel"> <p class="uk-margin-remove panel_subtitle text-white">Collection Kit</p> <a href="/collections/kenneth-cole-collection" class="button-link">More Info </a> </div> </div> </div> </a> </li> <li class="uk-width-1-3@m"> <a href="/collections/kenneth-cole-collection" class="uk-link-toggle"> <div class="uk-inline-clip uk-transition-toggle uk-margin-auto "> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/he-collection-kenneth-cole-2-new.png?v=1699578531" alt="Kenneth Cole Facial Cleanser"> <img class="uk-transition-scale-up uk-position-cover" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/he-collection-kenneth-cole-2-new.png?v=1699578531" alt="Kenneth Cole Facial Cleanser"> <div class="image_dim uk-position-cover"></div> <div class="uk-overlay uk-position-bottom-left"> <div class="panel"> <p class="uk-margin-remove panel_subtitle text-white">Facial Cleanser</p> <a href="/collections/kenneth-cole-collection" class="button-link">More Info </a> </div> </div> </div> </a> </li> <li class="uk-width-1-3@m"> <a href="/collections/kenneth-cole-collection" class="uk-link-toggle"> <div class="uk-inline-clip uk-transition-toggle uk-margin-auto "> <img src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/he-collection-kenneth-cole-3-new.png?v=1699578531" alt="Kenneth Cole Body Lotion"> <img class="uk-transition-scale-up uk-position-cover" src="https://cdn.shopify.com/s/files/1/0756/1275/0102/files/he-collection-kenneth-cole-3-new.png?v=1699578531" alt="Kenneth Cole Body Lotion"> <div class="image_dim uk-position-cover"></div> <div class="uk-overlay uk-position-bottom-left"> <div class="panel"> <p class="uk-margin-remove panel_subtitle text-white">Body Lotion</p> <a href="/collections/kenneth-cole-collection" class="button-link">More Info </a> </div> </div> </div> </a> </li> </ul> <a class="uk-position-center-left uk-position-small uk-link-reset" uk-slider-item="previous"> <span class="uk-icon uk-icon-image" style="transform: rotate(180deg);width:44px; height:44px; background-image: url(//hotelemporium.com/cdn/shop/t/69/assets/he-button-arrow.png?v=71397962840746102181732479239);" alt="Previous"></span> <span class="slider-item_prev-title text-blue uk-hidden"></span> </a> <a class="uk-position-center-right uk-position-small uk-link-reset" uk-slider-item="next"> <span class="slider-item_next-title text-blue uk-hidden"></span> <span class="uk-icon uk-icon-image" style="width:44px; height:44px; background-image: url(//hotelemporium.com/cdn/shop/t/69/assets/he-button-arrow.png?v=71397962840746102181732479239);" alt="Next"></span> </a> </div> </div> </div> </div> </div> <div class="uk-section bg-baige" uk-scrollspy="cls: uk-animation-fade;"> <div class="uk-container uk-container-xlarge"> <div class="uk-margin"> <h3 class="text-blair text-black uk-text-center uk-text-left@m">SHOP OUR AMAZON STORE FRONT</h3> </div> <div> <a class="uk-visible@s"href="https://www.amazon.com/stores/page/0DAE0A73-DD9C-434F-B8A4-2D7BD9D59DC9?ingress=2&visitId=e782e2b3-368a-40bf-91e2-d9d62607fb0a"> <img data-src="//hotelemporium.com/cdn/shop/t/69/assets/he-page-home-amazon-shop.png?v=122838189523032797801732479308" uk-img alt="Amazon Store Front"> <a class="uk-hidden@s" href="https://www.amazon.com/stores/page/0DAE0A73-DD9C-434F-B8A4-2D7BD9D59DC9?ingress=2&visitId=e782e2b3-368a-40bf-91e2-d9d62607fb0a"> <img data-src="//hotelemporium.com/cdn/shop/t/69/assets/he-page-home-amazon-shop-mobile.png?v=159336578442485631391732479307" uk-img alt="Amazon Store Front Mobile"></a> </div> </div> </div> <div class="uk-section 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 class="uk-section bg-baige" uk-scrollspy="cls: uk-animation-fade;"> <div class="uk-container uk-container-xlarge"> <div class="uk-margin"> <h3 class="text-blair text-black uk-text-center uk-text-left@m">FOLLOW US ON INSTAGRAM</h3> </div> <div class="uk-padding-remove" id="insta-feed" uk-scrollspy="cls: uk-animation-fade; target: .slide-page; delay: 500;"></div> </div> </div></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>  <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>  <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>  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/23375629.js"></script>  <head>  <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>

CINXE.COM

Hotel Emporium - Hotel Emporium