Hotel Emporium - 404 Not Found

<!doctype html> <html class="no-js" id="template-404" 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/404"> <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 - 404 Not Found </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"> <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":"404"}</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":"22ffc5ea-b267-40a5-ab38-8dd5abf89079-1732723795","pageurl":"hotelemporium.com\/404","u":"5184a32bc550"};</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: "404"};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":{}}; 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,{}); 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="404" 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=""> <div class="" 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--23858141102358__main" class="shopify-section"></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 - 404 Not Found