CINXE.COM
Best Hotels in Estes Park, Colorado, United States from 62US$/night
<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="description" content="Are you planning a trip to Estes Park, Colorado? If so, one of the most important decisions you'll need to make is where to stay. With so many"> <title>Best Hotels in Estes Park, Colorado, United States from 62US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/estes-park-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Estes Park, Colorado, United States from 62US$/night" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/estes-park-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/estes-park-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/estes-park-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/estes-park-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/estes-park-hotels" title="Français"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "123US$", "address": { "@type": "PostalAddress", "streetAddress": "1450 Big Thompson Ave" }, "name": "Quality Inn Near Rocky Mountain National Park" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "99US$", "address": { "@type": "PostalAddress", "streetAddress": "101 S Saint Vrain Avenue" }, "name": "Holiday Inn Estes Park, An Ihg Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "62US$", "address": { "@type": "PostalAddress", "streetAddress": "1650 Big Thompson Avenue" }, "name": "Murphy'S Resort" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "120US$", "address": { "@type": "PostalAddress", "streetAddress": "1888 Fall River Rd" }, "name": "Woodlands On Fall River" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "93US$", "address": { "@type": "PostalAddress", "streetAddress": "1240 Big Thompson Avenue" }, "name": "Hotel Estes" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "104US$", "address": { "@type": "PostalAddress", "streetAddress": "701 Riverside Drive" }, "name": "Worldmark Estes Park" } ] } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/en-us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/gb/estes-park-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/estes-park-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/de/estes-park-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/de.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">DE</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr/estes-park-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/fr.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">FR</span> <span class="text-secondary-950 text-base ">Français</span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/data/images//1920x1080/12813/1281311/1281311338.JPEG" media="(min-width: 767px)"> <img class="zoom-in-and-out object-cover z-[-2] md:h-[540px]" width="100%" height="100%" src="https://images.touristvr.com/data/images//450x450/12813/1281311/1281311338.JPEG" alt=""/> </picture> </div> <div class="relative flex items-center justify-center h-[540px]"> <div class="flex flex-col items-center justify-center p-3 rounded-md bg-black bg-opacity-20 md:h-full md:bg-opacity-10 md:rounded-none"> <h1 class="text-6xl text-white font-bold mb-2 px-5 text-center md:text-4xl">Estes Park Hotels</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best Estes Park Hotels, Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">Estes Park</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Feb 19, 2025 - Feb 20, 2025 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-500 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full px-9 pb-5 md:px-5 "> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/united-states-hotels/'>United States Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/hotels-colorado/'>Colorado Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Estes Park Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to 100$</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">From $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Excellent 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#7bdfb5] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Very good 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#fed169] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="coyote-mountain-lodge" data-bhotel-id="coyote-mountain-lodge" data-name = "Coyote Mountain Lodge" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10390/1039025/1039025320.JPEG" data-lat="40.38275" data-lng="-105.4998" data-price = "59US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10390/1039025/1039025320.JPEG" alt="" loading="lazy" data-bhotel-id="406275" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (145)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/coyote-mountain-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Coyote Mountain Lodge</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">59US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="406275" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="discovery-lodge" data-bhotel-id="discovery-lodge" data-name = "Discovery Lodge" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/10102/1010264/1010264854.JPEG" data-lat="40.3809965" data-lng="-105.5113102" data-price = "59US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10102/1010264/1010264854.JPEG" alt="" loading="lazy" data-bhotel-id="369950" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (149)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/discovery-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Discovery Lodge</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">59US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="369950" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-estes-park-an-ihg-hotel" data-bhotel-id="holiday-inn-estes-park-an-ihg-hotel" data-name = "Holiday Inn Estes Park, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15767/1576735/1576735706.JPEG" data-lat="40.374773" data-lng="-105.509703" data-price = "99US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15767/1576735/1576735706.JPEG" alt="" loading="lazy" data-bhotel-id="319956" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (288)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holiday-inn-estes-park-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Estes Park, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">99US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="319956" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="idlewilde-by-the-river" data-bhotel-id="idlewilde-by-the-river" data-name = "Idlewilde By The River" data-rating = "8.8" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/7551/755197/755197000.JPEG" data-lat="40.35167" data-lng="-105.56527" data-price = "319US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7551/755197/755197000.JPEG" alt="" loading="lazy" data-bhotel-id="4550387" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (36)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/idlewilde-by-the-river-hotel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Idlewilde By The River</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">319US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4550387" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="quality-inn-near-rocky-mountain-national-park" data-bhotel-id="quality-inn-near-rocky-mountain-national-park" data-name = "Quality Inn Near Rocky Mountain National Park" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12813/1281316/1281316534.JPEG" data-lat="40.382355" data-lng="-105.498184" data-price = "123US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12813/1281316/1281316534.JPEG" alt="" loading="lazy" data-bhotel-id="622056" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (112)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/quality-inn-near-rocky-mountain-national-park-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Quality Inn Near Rocky Mountain National Park</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">123US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="622056" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="boulder-brook-on-fall-river" data-bhotel-id="boulder-brook-on-fall-river" data-name = "Boulder Brook On Fall River" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7039/703915/703915855.JPEG" data-lat="40.38717" data-lng="-105.55738" data-price = "209US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7039/703915/703915855.JPEG" alt="" loading="lazy" data-bhotel-id="2791861" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (59)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/boulder-brook-on-fall-river-hotel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Boulder Brook On Fall River</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">209US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2791861" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="silver-moon-inn" data-bhotel-id="silver-moon-inn" data-name = "Silver Moon Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/1158/115806/115806581.JPEG" data-lat="40.377222" data-lng="-105.527725" data-price = "127US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/1158/115806/115806581.JPEG" alt="" loading="lazy" data-bhotel-id="503660" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (79)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/silver-moon-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Silver Moon Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">127US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="503660" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="blue-door-inn" data-bhotel-id="blue-door-inn" data-name = "Blue Door Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/5204/520427/520427106.JPEG" data-lat="40.38315" data-lng="-105.50299" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/5204/520427/520427106.JPEG" alt="" loading="lazy" data-bhotel-id="528074" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (331)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/blue-door-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Blue Door Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">67US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="528074" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="swiftcurrent-lodge" data-bhotel-id="swiftcurrent-lodge" data-name = "Swiftcurrent Lodge" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9410/941059/941059840.JPEG" data-lat="40.34925" data-lng="-105.56871" data-price = "206US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9410/941059/941059840.JPEG" alt="" loading="lazy" data-bhotel-id="4235328" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (46)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/swiftcurrent-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Swiftcurrent Lodge</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">206US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4235328" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="alpine-trail-ridge-inn" data-bhotel-id="alpine-trail-ridge-inn" data-name = "Alpine Trail Ridge Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7445/744559/744559057.JPEG" data-lat="40.36402512" data-lng="-105.54595184" data-price = "70US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7445/744559/744559057.JPEG" alt="" loading="lazy" data-bhotel-id="528043" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (144)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/alpine-trail-ridge-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Alpine Trail Ridge Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">70US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="528043" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="saddle-surrey-motel" data-bhotel-id="saddle-surrey-motel" data-name = "Saddle & Surrey Motel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/4363/436390/436390281.JPEG" data-lat="40.35902003" data-lng="-105.5041965" data-price = "144US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/4363/436390/436390281.JPEG" alt="" loading="lazy" data-bhotel-id="2416042" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (72)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/saddle-surrey-motel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Saddle & Surrey Motel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">144US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2416042" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="appenzell-inn" data-bhotel-id="appenzell-inn" data-name = "Appenzell Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16156/1615671/1615671057.JPEG" data-lat="40.3836" data-lng="-105.50478" data-price = "93US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16156/1615671/1615671057.JPEG" alt="" loading="lazy" data-bhotel-id="503659" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (93)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/appenzell-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Appenzell Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">93US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="503659" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="columbine-inn-adults-only" data-bhotel-id="columbine-inn-adults-only" data-name = "Columbine Inn (Adults Only)" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16030/1603006/1603006158.JPEG" data-lat="40.38157" data-lng="-105.49728" data-price = "139US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16030/1603006/1603006158.JPEG" alt="" loading="lazy" data-bhotel-id="3177183" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (64)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/columbine-inn-adults-only-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Columbine Inn (Adults Only)</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">139US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3177183" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="estes-mountain-inn" data-bhotel-id="estes-mountain-inn" data-name = "Estes Mountain Inn" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/11467/1146749/1146749017.JPEG" data-lat="40.38299" data-lng="-105.50414" data-price = "73US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11467/1146749/1146749017.JPEG" alt="" loading="lazy" data-bhotel-id="1016687" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (68)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/estes-mountain-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Estes Mountain Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">73US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1016687" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-landing-at-estes-park" data-bhotel-id="the-landing-at-estes-park" data-name = "The Landing At Estes Park" data-rating = "" data-rating-label = "" data-img = "https://images.touristvr.com/data/images/450x450/5265/526551/526551201.JPEG" data-lat="40.36045" data-lng="-105.55532" data-price = "291US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/5265/526551/526551201.JPEG" alt="" loading="lazy" data-bhotel-id="2062542" data-type="photo" data-open-passive> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-landing-at-estes-park-villa" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Landing At Estes Park</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">291US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2062542" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="streamside-on-fall-river" data-bhotel-id="streamside-on-fall-river" data-name = "Streamside On Fall River" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6772/677268/677268741.JPEG" data-lat="40.38396" data-lng="-105.5456" data-price = "262US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6772/677268/677268741.JPEG" alt="" loading="lazy" data-bhotel-id="2599583" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (92)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/streamside-on-fall-river-hotel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Streamside On Fall River</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">262US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2599583" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="worldmark-estes-park" data-bhotel-id="worldmark-estes-park" data-name = "Worldmark Estes Park" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/11032/1103207/1103207637.JPEG" data-lat="40.36525" data-lng="-105.536736" data-price = "104US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11032/1103207/1103207637.JPEG" alt="" loading="lazy" data-bhotel-id="478765" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (50)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/worldmark-estes-park-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Worldmark Estes Park</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="478765" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="mountain-shadows-resort" data-bhotel-id="mountain-shadows-resort" data-name = "Mountain Shadows Resort" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16164/1616457/1616457112.JPEG" data-lat="40.36021" data-lng="-105.53844" data-price = "150US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16164/1616457/1616457112.JPEG" alt="" loading="lazy" data-bhotel-id="4636451" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (64)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/mountain-shadows-resort-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Mountain Shadows Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">150US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4636451" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-historic-crags-lodge" data-bhotel-id="the-historic-crags-lodge" data-name = "The Historic Crag'S Lodge" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/8475/847535/847535129.JPEG" data-lat="40.3701" data-lng="-105.52354" data-price = "269US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8475/847535/847535129.JPEG" alt="" loading="lazy" data-bhotel-id="275479" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (65)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-historic-crag-s-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Historic Crag'S Lodge</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">269US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="275479" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ponderosa-lodge" data-bhotel-id="ponderosa-lodge" data-name = "Ponderosa Lodge" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16237/1623701/1623701230.JPEG" data-lat="40.38301721" data-lng="-105.5555951" data-price = "97US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16237/1623701/1623701230.JPEG" alt="" loading="lazy" data-bhotel-id="509042" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (60)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/ponderosa-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ponderosa Lodge</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">97US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="509042" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="estes-park-adventure-hostel" data-bhotel-id="estes-park-adventure-hostel" data-name = "Estes Park Adventure Hostel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/8666/866676/866676032.JPEG" data-lat="40.37319565" data-lng="-105.52406311" data-price = "52US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8666/866676/866676032.JPEG" alt="" loading="lazy" data-bhotel-id="4201402" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (12)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/estes-park-adventure-hostel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Estes Park Adventure Hostel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">1</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">52US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4201402" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="expedition-lodge-estes-park-adults-only" data-bhotel-id="expedition-lodge-estes-park-adults-only" data-name = "Expedition Lodge Estes Park (Adults Only)" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9481/948164/948164875.JPEG" data-lat="40.381572" data-lng="-105.493356" data-price = "70US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9481/948164/948164875.JPEG" alt="" loading="lazy" data-bhotel-id="4453929" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (247)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/expedition-lodge-estes-park-at-rocky-mtn-national-park-adults-only" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Expedition Lodge Estes Park (Adults Only)</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">70US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4453929" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-estes-park-resort" data-bhotel-id="the-estes-park-resort" data-name = "The Estes Park Resort" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9712/971290/971290651.JPEG" data-lat="40.378601" data-lng="-105.493568" data-price = "179US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9712/971290/971290651.JPEG" alt="" loading="lazy" data-bhotel-id="380231" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (95)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-estes-park-resort" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Estes Park Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">179US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="380231" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-inn-on-fall-river-fall-river-cabins" data-bhotel-id="the-inn-on-fall-river-fall-river-cabins" data-name = "The Inn On Fall River & Fall River Cabins" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/8939/893901/893901157.JPEG" data-lat="40.382554" data-lng="-105.553015" data-price = "77US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8939/893901/893901157.JPEG" alt="" loading="lazy" data-bhotel-id="1798804" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (107)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-inn-on-fall-river-fall-river-cabins-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Inn On Fall River & Fall River Cabins</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">77US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1798804" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="kokopelli-inn" data-bhotel-id="kokopelli-inn" data-name = "Kokopelli Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16417/1641763/1641763043.JPEG" data-lat="40.3239" data-lng="-105.42039" data-price = "119US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16417/1641763/1641763043.JPEG" alt="" loading="lazy" data-bhotel-id="2242502" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (54)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/kokopelli-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Kokopelli Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">119US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2242502" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-maxwell-inn" data-bhotel-id="the-maxwell-inn" data-name = "The Maxwell Inn" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/3791/379102/379102096.JPEG" data-lat="40.37829" data-lng="-105.53247" data-price = "181US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/3791/379102/379102096.JPEG" alt="" loading="lazy" data-bhotel-id="510146" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (67)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-maxwell-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Maxwell Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">181US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="510146" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="kinnikinnik-motor-lodge" data-bhotel-id="kinnikinnik-motor-lodge" data-name = "Kinnikinnik Motor Lodge" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/13736/1373657/1373657474.JPEG" data-lat="40.36671" data-lng="-105.50299" data-price = "72US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13736/1373657/1373657474.JPEG" alt="" loading="lazy" data-bhotel-id="300627" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (264)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/kinnikinnik-motor-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Kinnikinnik Motor Lodge</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">72US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="300627" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="woodlands-on-fall-river" data-bhotel-id="woodlands-on-fall-river" data-name = "Woodlands On Fall River" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9889/988995/988995958.JPEG" data-lat="40.38564" data-lng="-105.55726" data-price = "120US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9889/988995/988995958.JPEG" alt="" loading="lazy" data-bhotel-id="6388219" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (38)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/woodlands-on-fall-river-hotel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Woodlands On Fall River</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">120US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6388219" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="estes-lake-lodge" data-bhotel-id="estes-lake-lodge" data-name = "Estes Lake Lodge" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/11384/1138422/1138422532.JPEG" data-lat="40.3734" data-lng="-105.49057" data-price = "247US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11384/1138422/1138422532.JPEG" alt="" loading="lazy" data-bhotel-id="3500363" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (58)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/estes-lake-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Estes Lake Lodge</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">247US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3500363" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="rams-horn-village-resort" data-bhotel-id="rams-horn-village-resort" data-name = "Rams Horn Village Resort" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/7618/761818/761818384.JPEG" data-lat="40.36279" data-lng="-105.55137" data-price = "194US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7618/761818/761818384.JPEG" alt="" loading="lazy" data-bhotel-id="3279600" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (72)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/rams-horn-village-resort-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Rams Horn Village Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">194US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3279600" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="romantic-riversong-inn" data-bhotel-id="romantic-riversong-inn" data-name = "Romantic Riversong Inn" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/8298/829839/829839872.JPEG" data-lat="40.35707" data-lng="-105.55479" data-price = "414US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8298/829839/829839872.JPEG" alt="" loading="lazy" data-bhotel-id="5346401" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (84)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/romantic-riversong-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Romantic Riversong Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">414US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5346401" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="misty-mountain-lodge" data-bhotel-id="misty-mountain-lodge" data-name = "Misty Mountain Lodge" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12500/1250087/1250087650.JPEG" data-lat="40.3742" data-lng="-105.52198" data-price = "182US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12500/1250087/1250087650.JPEG" alt="" loading="lazy" data-bhotel-id="8670351" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (37)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/misty-mountain-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Misty Mountain Lodge</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">182US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8670351" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="4-seasons-inn-on-fall-river" data-bhotel-id="4-seasons-inn-on-fall-river" data-name = "4 Seasons Inn On Fall River" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9941/994120/994120552.JPEG" data-lat="40.38277" data-lng="-105.5424" data-price = "136US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9941/994120/994120552.JPEG" alt="" loading="lazy" data-bhotel-id="388090" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (82)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/4-seasons-inn-on-fall-river-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">4 Seasons Inn On Fall River</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">136US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="388090" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="wildwood-inn" data-bhotel-id="wildwood-inn" data-name = "Wildwood Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15437/1543708/1543708456.JPEG" data-lat="40.40076" data-lng="-105.57418" data-price = "89US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15437/1543708/1543708456.JPEG" alt="" loading="lazy" data-bhotel-id="519877" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (89)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/wildwood-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Wildwood Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">89US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="519877" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="trailborn-rocky-mountains-outpost" data-bhotel-id="trailborn-rocky-mountains-outpost" data-name = "Trailborn Rocky Mountains Outpost" data-rating = "7.6" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16037/1603741/1603741691.JPEG" data-lat="40.38334" data-lng="-105.50596" data-price = "75US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16037/1603741/1603741691.JPEG" alt="" loading="lazy" data-bhotel-id="386091" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (54)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/trailborn-rocky-mountains-outpost-hotel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Trailborn Rocky Mountains Outpost</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">75US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="386091" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="olympus-lodge" data-bhotel-id="olympus-lodge" data-name = "Olympus Lodge" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10328/1032879/1032879632.JPEG" data-lat="40.37706" data-lng="-105.48189" data-price = "164US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10328/1032879/1032879632.JPEG" alt="" loading="lazy" data-bhotel-id="6775169" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (7)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/olympus-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Olympus Lodge</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">164US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6775169" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="pine-haven-resort" data-bhotel-id="pine-haven-resort" data-name = "Pine Haven Resort" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/8300/830089/830089367.JPEG" data-lat="40.38247" data-lng="-105.55165" data-price = "95US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8300/830089/830089367.JPEG" alt="" loading="lazy" data-bhotel-id="1192480" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (52)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/pine-haven-resort-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Pine Haven Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">95US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1192480" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="nickys-resort" data-bhotel-id="nickys-resort" data-name = "Nicky'S Resort" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15470/1547072/1547072749.JPEG" data-lat="40.38187" data-lng="-105.5475" data-price = "69US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15470/1547072/1547072749.JPEG" alt="" loading="lazy" data-bhotel-id="334407" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (131)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/nicky-s-resort-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Nicky'S Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">69US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="334407" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="castle-mountain-lodge" data-bhotel-id="castle-mountain-lodge" data-name = "Castle Mountain Lodge" data-rating = "7.4" data-rating-label = "Good" data-img = "https://images.touristvr.com/data/images/450x450/14024/1402428/1402428791.JPEG" data-lat="40.38306" data-lng="-105.54927" data-price = "149US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14024/1402428/1402428791.JPEG" alt="" loading="lazy" data-bhotel-id="9918459" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (2)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/castle-mountain-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Castle Mountain Lodge</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">149US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="9918459" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="stonebrook-resort-adult-only" data-bhotel-id="stonebrook-resort-adult-only" data-name = "Stonebrook Resort - Adult Only" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/14994/1499465/1499465527.JPEG" data-lat="40.382" data-lng="-105.55413" data-price = "259US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14994/1499465/1499465527.JPEG" alt="" loading="lazy" data-bhotel-id="3111932" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (55)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/stonebrook-resort-adult-only-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Stonebrook Resort - Adult Only</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">259US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3111932" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="murphys-resort" data-bhotel-id="murphys-resort" data-name = "Murphy'S Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/4050/405093/405093504.JPEG" data-lat="40.38058" data-lng="-105.49444" data-price = "62US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/4050/405093/405093504.JPEG" alt="" loading="lazy" data-bhotel-id="532419" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (175)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/murphy-s-resort-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Murphy'S Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">62US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="532419" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-haber-motel" data-bhotel-id="the-haber-motel" data-name = "The Haber Motel" data-rating = "6.8" data-rating-label = "Good" data-img = "https://images.touristvr.com/data/images/450x450/14009/1400958/1400958185.JPEG" data-lat="40.37848" data-lng="-105.51788" data-price = "140US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14009/1400958/1400958185.JPEG" alt="" loading="lazy" data-bhotel-id="387307" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 6.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (1)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-haber-motel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Haber Motel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">140US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="387307" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="beaver-brook-on-the-river" data-bhotel-id="beaver-brook-on-the-river" data-name = "Beaver Brook On The River" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/1948/194830/194830834.JPEG" data-lat="40.36118" data-lng="-105.55377" data-price = "315US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/1948/194830/194830834.JPEG" alt="" loading="lazy" data-bhotel-id="1345274" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (36)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/beaver-brook-on-the-river-hotel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Beaver Brook On The River</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">315US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1345274" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="murphys-river-lodge" data-bhotel-id="murphys-river-lodge" data-name = "Murphy'S River Lodge" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/4050/405093/405093327.JPEG" data-lat="40.37676" data-lng="-105.53077" data-price = "95US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/4050/405093/405093327.JPEG" alt="" loading="lazy" data-bhotel-id="359961" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (59)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/murphy-s-river-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Murphy'S River Lodge</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">95US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="359961" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="trailborn-rocky-mountains" data-bhotel-id="trailborn-rocky-mountains" data-name = "Trailborn Rocky Mountains" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15374/1537418/1537418581.JPEG" data-lat="40.37642" data-lng="-105.51224" data-price = "84US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15374/1537418/1537418581.JPEG" alt="" loading="lazy" data-bhotel-id="365895" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (84)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/trailborn-rocky-mountains-hotel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Trailborn Rocky Mountains</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">84US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="365895" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-estes" data-bhotel-id="hotel-estes" data-name = "Hotel Estes" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15509/1550949/1550949496.JPEG" data-lat="40.38276" data-lng="-105.50171" data-price = "93US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15509/1550949/1550949496.JPEG" alt="" loading="lazy" data-bhotel-id="386519" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (143)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-estes-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Estes</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">93US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="386519" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-baldpate-inn" data-bhotel-id="the-baldpate-inn" data-name = "The Baldpate Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6796/679648/679648359.JPEG" data-lat="40.30855" data-lng="-105.53408" data-price = "150US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6796/679648/679648359.JPEG" alt="" loading="lazy" data-bhotel-id="1767129" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (28)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-baldpate-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Baldpate Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">150US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1767129" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="river-retreat-permit-3517" data-bhotel-id="river-retreat-permit-3517" data-name = "River Retreat - Permit #3517" data-rating = "" data-rating-label = "" data-img = "https://images.touristvr.com/data/images/450x450/7222/722257/722257402.JPEG" data-lat="40.3676" data-lng="-105.53166" data-price = "378US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7222/722257/722257402.JPEG" alt="" loading="lazy" data-bhotel-id="4008260" data-type="photo" data-open-passive> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/river-retreat-permit-3517-apartment-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">River Retreat - Permit #3517</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">378US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4008260" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-stanley-hotel" data-bhotel-id="the-stanley-hotel" data-name = "The Stanley Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/4017/401727/401727750.JPEG" data-lat="40.3829551701931" data-lng="-105.518994637469" data-price = "185US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/4017/401727/401727750.JPEG" alt="" loading="lazy" data-bhotel-id="28211" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (153)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-stanley-hotel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Stanley Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">185US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="28211" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="best-western-plus-silver-saddle-inn" data-bhotel-id="best-western-plus-silver-saddle-inn" data-name = "Best Western Plus Silver Saddle Inn" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/14429/1442942/1442942254.JPEG" data-lat="40.383095" data-lng="-105.500925" data-price = "135US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14429/1442942/1442942254.JPEG" alt="" loading="lazy" data-bhotel-id="507456" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (43)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/best-western-plus-silver-saddle-inn-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Plus Silver Saddle Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">135US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="507456" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="anniversary-inn-bed-and-breakfast" data-bhotel-id="anniversary-inn-bed-and-breakfast" data-name = "Anniversary Inn Bed And Breakfast" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/2758/275816/275816465.JPEG" data-lat="40.3617210388184" data-lng="-105.542686462402" data-price = "237US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/2758/275816/275816465.JPEG" alt="" loading="lazy" data-bhotel-id="" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (2)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/anniversary-inn-bed-and-breakfast-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Anniversary Inn Bed And Breakfast</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">237US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="estes-park-condos" data-bhotel-id="estes-park-condos" data-name = "Estes Park Condos" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10087/1008767/1008767704.JPEG" data-lat="40.39545" data-lng="-105.56541" data-price = "357US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10087/1008767/1008767704.JPEG" alt="" loading="lazy" data-bhotel-id="6622891" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (21)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/estes-park-condos" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Estes Park Condos</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">357US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6622891" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="taharaa-mountain-lodge" data-bhotel-id="taharaa-mountain-lodge" data-name = "Taharaa Mountain Lodge" data-rating = "8.8" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15984/1598459/1598459308.JPEG" data-lat="40.332" data-lng="-105.52917" data-price = "261US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15984/1598459/1598459308.JPEG" alt="" loading="lazy" data-bhotel-id="6199809" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (19)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/taharaa-mountain-lodge-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Taharaa Mountain Lodge</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">261US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6199809" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="pine-view" data-bhotel-id="pine-view" data-name = "Pine View" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12398/1239808/1239808285.JPEG" data-lat="40.35323" data-lng="-105.50458" data-price = "196US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12398/1239808/1239808285.JPEG" alt="" loading="lazy" data-bhotel-id="2031487" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (6)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/pine-view-hotel-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Pine View</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">196US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2031487" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="quiet-in-the-pines-permit-3120" data-bhotel-id="quiet-in-the-pines-permit-3120" data-name = "Quiet In The Pines - Permit #3120" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9081/908165/908165440.JPEG" data-lat="40.37001" data-lng="-105.52589" data-price = "118US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9081/908165/908165440.JPEG" alt="" loading="lazy" data-bhotel-id="4008254" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/quiet-in-the-pines-permit-3120-apartment-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Quiet In The Pines - Permit #3120</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">118US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4008254" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="camelot-on-deer-mountain-permit-3109" data-bhotel-id="camelot-on-deer-mountain-permit-3109" data-name = "Camelot On Deer Mountain - Permit #3109" data-rating = "7" data-rating-label = "Good" data-img = "https://images.touristvr.com/data/images/450x450/9081/908142/908142868.JPEG" data-lat="40.38743" data-lng="-105.56559" data-price = "354US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9081/908142/908142868.JPEG" alt="" loading="lazy" data-bhotel-id="4008213" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (1)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/camelot-on-deer-mountain-permit-3109-apartment-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Camelot On Deer Mountain - Permit #3109</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">354US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4008213" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-pine-cone-permit-3255" data-bhotel-id="the-pine-cone-permit-3255" data-name = "The Pine Cone - Permit #3255" data-rating = "9" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/9083/908373/908373586.JPEG" data-lat="40.3606" data-lng="-105.50424" data-price = "74US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9083/908373/908373586.JPEG" alt="" loading="lazy" data-bhotel-id="2237016" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-pine-cone-permit-3255-apartment-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Pine Cone - Permit #3255</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">74US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2237016" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="loft-of-estes-park-permit-6059" data-bhotel-id="loft-of-estes-park-permit-6059" data-name = "Loft Of Estes Park - Permit #6059" data-rating = "9" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15802/1580249/1580249871.JPEG" data-lat="40.37602" data-lng="-105.52438" data-price = "161US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15802/1580249/1580249871.JPEG" alt="" loading="lazy" data-bhotel-id="4008240" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/loft-of-estes-park-permit-6059-apartment" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Loft Of Estes Park - Permit #6059</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">161US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4008240" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="eagle-view-g2" data-bhotel-id="eagle-view-g2" data-name = "Eagle View G2" data-rating = "" data-rating-label = "" data-img = "https://images.touristvr.com/data/images/450x450/13408/1340802/1340802362.JPEG" data-lat="40.36206" data-lng="-105.50249" data-price = "147US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13408/1340802/1340802362.JPEG" alt="" loading="lazy" data-bhotel-id="4182396" data-type="photo" data-open-passive> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/eagle-view-g2-apartment-estes-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Eagle View G2</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">147US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4182396" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="40.382355" data-lng="-105.498184"></div> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <div data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </div> </template> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Are you planning a trip to Estes Park, Colorado? If so, one of the most important decisions you'll need to make is where to stay. With so many options available, it can be overwhelming to choose the right accommodation for your needs. While there are certainly a variety of options including vacation rentals and bed and breakfasts, there are many reasons to choose hotels when traveling to Estes Park.</p><p>Hotels in Estes Park offer a level of convenience and comfort that may be hard to find in other types of lodging. With amenities such as on-site dining, room service, and concierge services, you can rest assured that your needs will be taken care of during your stay. Additionally, many hotels in Estes Park are located in close proximity to popular tourist attractions, making it easy to explore the area without spending too much time commuting.</p><p>Another reason to choose hotels in Estes Park is the level of professionalism and service provided by hotel staff. From check-in to check-out, you can expect to be treated with the utmost care and attention. Whether you have questions about local activities or need assistance with anything else, hotel staff are typically trained to provide excellent customer service and ensure that your stay is as pleasant as possible.</p><p>Finally, hotels in Estes Park often offer a range of room options to suit your individual needs and budget. Whether you're traveling solo, with a partner, or with a larger group, there are typically accommodations available to meet your specific requirements. With a variety of room types and rates to choose from, you can find the perfect hotel for your trip to Estes Park. Stay tuned to learn more about the benefits of choosing hotels over other lodging options in Estes Park.</p></div> </div> </div> <div class="container"> <div class="flex items-start lg:flex-wrap"> <article class="w-full mb-10 trawell-post-article post-311347" data-langcode="en" data-bcity-id="20017437" data-city-name="Estes Park" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Name of hotel</span> </td> <td style="width: 135px;"> <span>Accommodation Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#quality-inn-near-rocky-mountain-national-park" class="js-clk-open" data-type="table" data-bhotel-id="622056" data-open-once data-open-passive>Quality Inn Near Rocky Mountain National Park</a> </td> <td> <p> 8.9 / 10 </p> <p> (470 Reviews)</p> </td> <td> <span>From 123US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="622056">Check Price</button> </td> </tr> <tr> <td> <a href="#holiday-inn-estes-park-an-ihg-hotel" class="js-clk-open" data-type="table" data-bhotel-id="319956" data-open-once data-open-passive>Holiday Inn Estes Park, An Ihg Hotel</a> </td> <td> <p> 8.1 / 10 </p> <p> (300 Reviews)</p> </td> <td> <span>From 99US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="319956">Check Price</button> </td> </tr> <tr> <td> <a href="#murphys-resort" class="js-clk-open" data-type="table" data-bhotel-id="532419" data-open-once data-open-passive>Murphy'S Resort</a> </td> <td> <p> 8.5 / 10 </p> <p> (985 Reviews)</p> </td> <td> <span>From 62US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="532419">Check Price</button> </td> </tr> <tr> <td> <a href="#woodlands-on-fall-river" class="js-clk-open" data-type="table" data-bhotel-id="6388219" data-open-once data-open-passive>Woodlands On Fall River</a> </td> <td> <p> 9.3 / 10 </p> <p> (202 Reviews)</p> </td> <td> <span>From 120US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="6388219">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-estes" class="js-clk-open" data-type="table" data-bhotel-id="386519" data-open-once data-open-passive>Hotel Estes</a> </td> <td> <p> 9.0 / 10 </p> <p> (825 Reviews)</p> </td> <td> <span>From 93US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="386519">Check Price</button> </td> </tr> </tbody> </table> </div> <div class="my-14 grid grid-cols-2 gap-4 lg:grid-cols-1"> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="quality-inn-near-rocky-mountain-national-park" data-id="586521" data-lat="40.382355" data-lng="-105.498184"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281316/1281316534.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12813/1281316/1281316534.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13976/1397634/1397634845.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13976/1397637/1397637581.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11546/1154680/1154680506.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11546/1154681/1154681685.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11546/1154681/1154681766.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11546/1154680/1154680185.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14130/1413053/1413053303.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13976/1397634/1397634119.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281311/1281311338.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281311/1281311404.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281311/1281311608.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281311/1281311776.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281312/1281312007.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281312/1281312583.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281312/1281312814.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281312/1281312931.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281313/1281313081.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281313/1281313222.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281313/1281313306.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281313/1281313414.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281313/1281313759.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281313/1281313819.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314107.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314179.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314326.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314437.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314710.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314806.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281315/1281315319.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281315/1281315409.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281315/1281315487.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281315/1281315541.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281315/1281315877.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281315/1281315961.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281316/1281316186.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281316/1281316264.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281316/1281316312.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281316/1281316393.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281316/1281316585.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281313/1281313165.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314245.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281315/1281315232.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12277/1227790/1227790079.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12277/1227790/1227790178.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12277/1227790/1227790358.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12352/1235215/1235215481.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12352/1235215/1235215535.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12352/1235216/1235216054.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218319/1218319366.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218319/1218319750.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218319/1218319789.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218319/1218319876.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218319/1218319885.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218319/1218319948.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218320/1218320101.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218321/1218321541.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218321/1218321727.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218321/1218321838.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218321/1218321928.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218322/1218322216.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218322/1218322303.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218322/1218322411.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218322/1218322744.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218323/1218323047.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218323/1218323329.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218323/1218323455.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218323/1218323785.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218324/1218324214.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218324/1218324769.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218325/1218325402.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218325/1218325741.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11546/1154678/1154678499.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218319/1218319690.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314992.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218317/1218317953.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281312/1281312628.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281313/1281313372.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314599.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281316/1281316111.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12813/1281314/1281314059.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12183/1218322/1218322048.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847553/847553681.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847553/847553774.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847554/847554029.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847554/847554158.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847554/847554296.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847554/847554401.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847554/847554527.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847554/847554632.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847554/847554764.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847554/847554848.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847555/847555049.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847555/847555145.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847555/847555250.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847555/847555340.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847555/847555520.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847555/847555601.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8475/847555/847555808.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/975/97565/97565696.JPEG" data-image-gallery="galleryquality-inn-near-rocky-mountain-national-park" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-near-rocky-mountain-national-park" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (470)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="622056">Quality Inn Near Rocky Mountain National Park</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1450 Big Thompson Ave</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Situated 5 minutes by car from Estes Park Aerial Tramway, the lovely Quality Inn Near Rocky Mountain National Park Estes Park offers a fitness centre, spa therapy, and various recreational opportunities. Located a minute away from Sombrero Ranch as well as Estes Ark Toy Store, this 3-star inn includes hiking, horse riding, and cycling.</p><p>The property is nestled within a 10-minute drive of Lake Estes. The comfortable hotel is also about 2.8 km from such natural sights as the 14255 - foot Longs Peak Mountain. The accommodation is a 10-minute ride from Lake Estes Marina. Quality Inn Near Rocky Mountain National Park is set within 125 km of Denver International airport.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">123US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="622056" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="holiday-inn-estes-park-an-ihg-hotel" data-id="586522" data-lat="40.374773" data-lng="-105.509703"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735706.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15767/1576735/1576735706.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15443/1544345/1544345347.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735145.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15443/1544345/1544345719.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589567/1589567517.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589567/1589567529.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589567/1589567532.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589567/1589567554.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735235.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735157.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735343.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735007.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735037.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735094.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735106.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735142.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735148.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735151.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735166.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735175.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735184.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735196.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735205.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735220.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735223.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735238.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735253.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735265.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735268.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735388.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735394.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735427.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735430.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735454.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735472.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735475.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735487.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735490.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735496.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735517.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735532.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735541.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735547.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735550.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735574.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735589.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735619.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735652.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15443/1544345/1544345695.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15443/1544344/1544344309.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15550/1555054/1555054984.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15550/1555054/1555054999.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15550/1555055/1555055005.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15550/1555055/1555055095.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15443/1544345/1544345764.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735274.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576734/1576734968.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735058.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735244.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735529.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735202.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735232.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13625/1362566/1362566069.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13625/1362567/1362567338.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15443/1544345/1544345563.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735592.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735298.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735262.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735280.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13487/1348729/1348729202.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589567/1589567513.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735247.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13184/1318495/1318495384.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15443/1544344/1544344942.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735379.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735463.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735154.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735286.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735457.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735256.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735121.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735307.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735397.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735199.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15550/1555054/1555054900.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15767/1576735/1576735139.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13642/1364260/1364260097.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281425/1281425461.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281421/1281421147.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281421/1281421576.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281421/1281421678.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281422/1281422200.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281422/1281422713.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281422/1281422929.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281423/1281423259.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281423/1281423487.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281424/1281424318.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281424/1281424381.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281424/1281424837.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12814/1281421/1281421732.JPEG" data-image-gallery="galleryholiday-inn-estes-park-an-ihg-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-estes-park-an-ihg-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (300)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="319956">Holiday Inn Estes Park, An Ihg Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">101 S Saint Vrain Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Surrounded by a forest and a mountain, the 3-star Ridgeline Hotel, Estes Park, Ascend Hotel Collection offers a hot tub, billiards, and a garden. Boasting a convenient location 5 minutes on foot from Lily Lake, this Estes Park hotel includes a swimming pool.</p><p>The chic accommodation is located within 5 minutes' stroll of the 14255 - foot Longs Peak Mountain, and nearly 25 minutes on foot from Estes Lake Trail. At the Ridgeline Hotel, Estes Park, Ascend Hotel Collection Estes Park, guests will be a walk from Rocky Mountains. Visit Lake Estes, within a 1.4-km distance of this pet-friendly property, and feel complete harmony with the nature of United States. MacGregor Ranch Living Museum is within 2.6 km of The Ridgeline Hotel, Estes Park, Ascend Hotel Collection.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">99US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="319956" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="cheap-hotels">Cheap Hotels</h2> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="murphys-resort" data-id="586523" data-lat="40.38058" data-lng="-105.49444"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093504.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/4050/405093/405093504.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750807.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750759.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750669.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750681.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750699.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750714.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750747.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750768.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750798.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750810.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750813.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750816.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750825.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750828.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750849.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750852.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750864.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750867.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750876.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750879.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750762.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750657.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750672.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750705.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750789.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750846.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750717.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750753.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750771.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750822.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750729.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574761/1574761121.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750843.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750687.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11696/1169645/1169645662.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750783.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750786.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750774.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750894.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750795.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750858.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750837.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6301/630142/630142308.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6301/630143/630143322.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6303/630378/630378669.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6303/630398/630398268.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750738.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750750.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4226/422663/422663700.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4226/422663/422663691.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4041/404150/404150628.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4041/404152/404152233.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4041/404152/404152470.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093447.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093480.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093543.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093645.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093651.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093663.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093666.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3981/398182/398182947.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6301/630143/630143403.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695686/695686449.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695689/695689002.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3791/379153/379153693.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6301/630143/630143805.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3194/319401/319401093.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3194/319401/319401101.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3194/319401/319401105.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3278/327847/327847864.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3278/327847/327847888.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4226/422666/422666085.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4226/422666/422666079.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4226/422666/422666091.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093456.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4226/422664/422664582.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4226/422666/422666097.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093519.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4226/422642/422642385.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093525.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093639.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3981/398189/398189703.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4174/417463/417463740.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3200/320055/320055101.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4041/404162/404162244.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4050/405093/405093537.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3981/398181/398181762.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15747/1574750/1574750804.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3981/398183/398183244.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1150/115070/115070537.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1150/115070/115070387.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1150/115070/115070384.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4032/403290/403290012.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/695/69520/69520001.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1150/115070/115070390.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/694/69484/69484508.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6301/630143/630143097.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1661/166101/166101360.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5785/578528/578528979.JPEG" data-image-gallery="gallerymurphys-resort" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="murphys-resort" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (985)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="532419">Murphy'S Resort</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1650 Big Thompson Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>The 3-star Murphy'S Resort Estes Park, located a 5-minute stroll from Elkins Distilling Co, offers a swimming pool, Wi Fi throughout the property. Located in a national park and a mountain, this Estes Park resort is approximately 2.8 km from Lake Estes Marina.</p><p>The grand property has a quiet location a few minutes' drive from Estes Park Ride-A-Kart, while shopping venues like Estes Ark Toy Store are nearly a 7-minute walk away. The Murphy'S Resort Estes Park is about a 5-minute walk from ESTES ARK Antique Pavilion and 125 km from Denver International airport. Nature lovers will appreciate the proximity to Lake Estes, which is around 3.3 km away. Murphy'S Resort stands 20 minutes' walk from Our Lady of the Mountains Catholic Church, popular with pilgrims and tourists alike.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">62US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="532419" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="woodlands-on-fall-river" data-id="586524" data-lat="40.38564" data-lng="-105.55726"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988995/988995958.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/9889/988995/988995958.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988995/988995967.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988996/988996033.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988996/988996342.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988996/988996357.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9898/989804/989804353.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9898/989804/989804437.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988995/988995952.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988995/988995754.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988995/988995943.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988996/988996018.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9889/988995/988995769.JPEG" data-image-gallery="gallerywoodlands-on-fall-river" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="woodlands-on-fall-river" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (202)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="6388219">Woodlands On Fall River</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1888 Fall River Rd</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Located around a 10-minute ride from Tiny Town Miniature Golf, which is highly appreciated by sports lovers, Woodlands On Fall River Estes Park includes 16 rooms. Guests at this 5-star hotel can enjoy Wi-Fi in public areas.</p><p>Riverwalk in Downtown Estes Park is nearly a 25-minute walk away, while Moraine Park Discovery Center is within 3.8 km of the property. The hotel offers proximity to natural sights like Bond Public Park (3.2 km) and Mrs. Walsh's Garden (2.1 km). Downtown Estes Park is approximately a 10-minute drive from the accommodation. Denver International airport is 130 km from Woodlands On Fall River.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">120US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="6388219" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="pet-friendly-hotels">Pet Friendly Hotels</h2> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-estes" data-id="586525" data-lat="40.38276" data-lng="-105.50171"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949496.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15509/1550949/1550949496.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15374/1537416/1537416598.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15374/1537417/1537417120.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15374/1537417/1537417165.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15374/1537416/1537416700.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550891/1550891923.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550892/1550892067.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550893/1550893297.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550893/1550893339.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550893/1550893393.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550893/1550893426.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550895/1550895574.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550895/1550895601.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550896/1550896066.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550896/1550896072.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550896/1550896111.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550897/1550897428.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550897/1550897548.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949178.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949205.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949217.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949265.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949271.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949343.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550891/1550891980.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550893/1550893348.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550893/1550893354.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550895/1550895649.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550896/1550896117.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550897/1550897608.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15374/1537416/1537416694.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949424.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949490.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949613.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949172.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949262.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15881/1588130/1588130329.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949226.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15846/1584603/1584603862.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550893/1550893726.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13295/1329561/1329561365.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13295/1329570/1329570200.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949244.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10874/1087489/1087489129.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10874/1087490/1087490587.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10874/1087498/1087498834.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087508/1087508275.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087514/1087514890.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10875/1087517/1087517932.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550895/1550895628.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6665/666512/666512385.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949106.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6322/632287/632287332.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7497/749762/749762423.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6456/645630/645630288.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7279/727959/727959304.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7279/727959/727959277.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15509/1550949/1550949127.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6322/632290/632290182.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6606/660698/660698121.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7279/727958/727958947.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550896/1550896018.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6606/660698/660698052.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1226/122606/122606371.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550897/1550897605.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15508/1550891/1550891971.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6665/666512/666512379.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12939/1293982/1293982675.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15374/1537417/1537417111.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193696.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6325/632556/632556858.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7277/727714/727714933.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708192/708192118.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708192/708192208.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708192/708192784.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708192/708192304.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193045.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708192/708192859.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708192/708192958.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708191/708191758.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708191/708191926.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193204.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193363.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193594.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193105.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193462.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708192/708192376.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193306.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708191/708191851.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708191/708191992.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193516.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193897.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708194/708194704.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708194/708194038.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708194/708194215.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708193/708193966.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708194/708194089.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708194/708194338.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7081/708194/708194458.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2463/246315/246315577.JPEG" data-image-gallery="galleryhotel-estes" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-estes" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (825)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="386519">Hotel Estes</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1240 Big Thompson Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Hotel Estes Estes Park offers 73 rooms, situated within a 10-minute drive of Lake Estes. Guests can swim in a heated swimming pool, while this hotel provides views of the mountain.</p><p>The accommodation is around 0.6 km from Our Lady of the Mountains Catholic Church and 5 minutes' drive from MacGregor Ranch Living Museum. It is also approximately 10 minutes by car from the 14255-foot Longs Peak Mountain and near a national park and a mountain. This 3-star hotel is also not very far from Rocky Mountain National Park. Sport fans will appreciate the vicinity of Tiny Town Miniature Golf, which is 10 minutes away by car.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">93US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="386519" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="worldmark-estes-park" data-id="586526" data-lat="40.36525" data-lng="-105.536736"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8300/830052/830052800.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/8300/830052/830052800.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600235/1600235468.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600235/1600235465.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600235/1600235505.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15881/1588148/1588148294.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103215/1103215110.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103200/1103200989.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103215/1103215008.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103207/1103207652.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103220/1103220567.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103235/1103235177.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103201/1103201007.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103207/1103207622.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103230/1103230938.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103225/1103225376.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103225/1103225388.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103215/1103215125.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103207/1103207637.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103215/1103215140.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10926/1092607/1092607560.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103230/1103230287.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103213/1103213568.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8300/830056/830056241.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103200/1103200767.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103230/1103230953.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8300/830056/830056061.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103230/1103230266.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103225/1103225364.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5050/505046/505046502.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1371/137176/137176698.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1371/137176/137176713.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1371/137176/137176719.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1371/137176/137176749.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452811/452811822.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600235/1600235499.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5578/557893/557893257.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452812/452812398.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5578/557893/557893230.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5578/557893/557893173.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5578/557893/557893149.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1371/137176/137176716.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5578/557893/557893305.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1914/191455/191455318.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11032/1103215/1103215068.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839321/839321444.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839321/839321486.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839321/839321573.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839321/839321750.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839321/839321867.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839321/839321921.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452812/452812329.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7725/772568/772568305.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452811/452811777.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6906/690636/690636912.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6906/690636/690636972.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6906/690637/690637014.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6906/690637/690637107.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6906/690637/690637140.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6906/690637/690637233.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600235/1600235478.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452811/452811948.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1914/191455/191455270.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6906/690637/690637074.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452811/452811906.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839322/839322002.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3452/345206/345206968.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839322/839322500.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4304/430450/430450395.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8393/839322/839322545.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4528/452812/452812479.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4280/428021/428021766.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2885/288587/288587736.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3452/345206/345206980.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3452/345206/345206983.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3452/345206/345206986.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2299/229977/229977337.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2299/229977/229977358.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1388/138871/138871044.JPEG" data-image-gallery="galleryworldmark-estes-park" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="worldmark-estes-park" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (59)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="478765">Worldmark Estes Park</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">701 Riverside Drive</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Located within a 10-minute drive of Estes Lake Trail, the 3-star Worldmark Estes Park offers amenities such as a fitness centre and a hot tub. The hotel is a good starting point to Estes Park's sports attractions, including Tiny Town Miniature Golf, which is a 5-minute ride away.</p><p>The property boasts a central location 5 minutes by car from Red Rose Rock Shop and Dick's Rock Museum and 10 minutes' drive from Fun City Amusement Park. The charming area gives access to Bond Public Park (2.2 km) and Mrs. Walsh's Garden (2.9 km). Visit Spruce Lake, around 1.5 km from this Estes Park hotel, and feel complete harmony with the nature of United States. Standing about 3 km away, Our Lady of the Mountains Catholic Church is a hard-to-miss divine tourist destination.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">104US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="478765" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in Country</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/bridgeport-hotels-wv">Bridgeport</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/midland-hotels-tx">Midland</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/pittsburgh-hotels">Pittsburgh</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/glasgow-hotels">Glasgow</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carmel-hotels">Carmel</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/grand-island-hotels-ne">Grand Island</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/conway-hotels-ar">Conway</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carlsbad-hotels-nm">Carlsbad</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/jackson-hotels-tn">Jackson</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/temple-hotels">Temple</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/jackson-hotels">Jackson</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/lava-hot-springs-hotels">Lava Hot Springs</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in World</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/interlaken-hotels">Interlaken</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/chiang-mai-hotels">Chiang Mai</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/st-moritz-hotels">St. Moritz</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/san-pedro-ambergris-caye-hotels">San Pedro (Ambergris Caye)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/grindelwald-hotels">Grindelwald</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/cork-hotels">Cork</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/jeju-hotels">Jeju</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/seoul-hotels">Seoul</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/windermere-hotels">Windermere</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/scarborough-hotels-north-yorkshire">Scarborough</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/marseille-hotels">Marseille</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/playa-del-carmen-hotels">Playa del Carmen</a> </div> </div> </div> </div> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Estes Park</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-regions/">Popular Regions</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-countries/">Popular Countries</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Estes Park</p> <div class="columns-2 text-white md:columns-1"> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/estes-park-bed-and-breakfast">bed and breakfast estes park colorado</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/estes-park-motels">motels in estes park colorado</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/estes-park-hostels">hostel estes park</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/estes-park-resorts">estes park colorado resorts</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/estes-park-pet-friendly-hotels">hotels in estes park that allow dogs</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/estes-park-cheap-hotels">cheap hotels in estes park</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/estes-park-central-hotels">downtown estes park hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/estes-park-hotels-with-pool">hotels in estes park co with indoor pool</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/estes-park-spa-hotels">estes park spa hotels</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer> <!-- Hotjar --> <!-- End Hotjar Code --> <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"nf1bFnZR7wDOBCHo"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"20017437","dest_name":"Estes Park","city_id":3437,"pid":311347,"page":"post","bid":"20017437"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DD67ELos.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>