CINXE.COM
Best Hotels in Colorado Springs, Colorado, United States from 55US$/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="Many people are under the impression that when travelling to Colorado Springs, they must choose between staying in a hotel or camping. While camping is"> <title>Best Hotels in Colorado Springs, Colorado, United States from 55US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/colorado-springs-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Colorado Springs, Colorado, United States from 55US$/night" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Virtual Tourist" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/colorado-springs-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/colorado-springs-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/colorado-springs-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/colorado-springs-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/colorado-springs-hotels" title="Français"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/colorado-springs-hoteles" title="Español"> <link rel="alternate" hreflang="es-MX" type="text/html" href="https://touristvr.com/mx/colorado-springs-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/colorado-springs-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/colorado-springs-hotels" title="Nederlands"> <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-Bby2Xo7-.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-Bby2Xo7-.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": "2" }, "priceRange" : "79US$", "address": { "@type": "PostalAddress", "streetAddress": "2922 West Colorado Avenue" }, "name": "Garden Of The Gods Motel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "109US$", "address": { "@type": "PostalAddress", "streetAddress": "411 Lakewood Circle" }, "name": "Satellite Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "146US$", "address": { "@type": "PostalAddress", "streetAddress": "6450 N Academy Blvd" }, "name": "Mcm Elegante Suites (Adults Only)" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "1" }, "priceRange" : "55US$", "address": { "@type": "PostalAddress", "streetAddress": "1231 S. Nevada Ave." }, "name": "Howard Johnson By Wyndham Colorado Springs" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "55US$", "address": { "@type": "PostalAddress", "streetAddress": "2625 Ore Mill Rd" }, "name": "Rodeway Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "70US$", "address": { "@type": "PostalAddress", "streetAddress": "3228 N Chestnut St" }, "name": "Motel 6-Colorado Springs, Co" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "59US$", "address": { "@type": "PostalAddress", "streetAddress": "2750 Geyser Drive" }, "name": "La Quinta By Wyndham Colorado Springs South Airport Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "114US$", "address": { "@type": "PostalAddress", "streetAddress": "4760 Centennial Blvd" }, "name": "Towneplace Suites Colorado Springs" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "572US$", "address": { "@type": "PostalAddress", "streetAddress": "1225 Tenderfoot Hill Rd" }, "name": "Home2 Suites By Hilton Colorado Springs South, Co" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "126US$", "address": { "@type": "PostalAddress", "streetAddress": "2886 South Circle Drive" }, "name": "Alta Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "119US$", "address": { "@type": "PostalAddress", "streetAddress": "8110 N Academy Blvd" }, "name": "The Academy Hotel Colorado Springs" } ] ,"includesAttraction": [ { "@type": "TouristAttraction", "name": "Garden of the Gods" }, { "@type": "TouristAttraction", "name": "Red Rock Canyon" }, { "@type": "TouristAttraction", "name": "Cheyenne Mountain Zoo" }, { "@type": "TouristAttraction", "name": "United States Air Force Academy" }, { "@type": "TouristAttraction", "name": "North Cheyenne Canon Park and Starsmore Discovery Center" } ] } </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">Virtual Tourist</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/colorado-springs-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/colorado-springs-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/colorado-springs-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/colorado-springs-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> <a href="https://touristvr.com/es/colorado-springs-hoteles" 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/es.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">ES</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/mx/colorado-springs-hoteles" 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/mx.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">MX</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/it/colorado-springs-hotel" 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/it.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IT</span> <span class="text-secondary-950 text-base ">Italiano</span> </a> <a href="https://touristvr.com/nl/colorado-springs-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/nl.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NL</span> <span class="text-secondary-950 text-base ">Nederlands</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; } .mob-map-toggle-btn.show { .mob-map-toggle-btn-show { display: none; } .mob-map-toggle-btn-hide { display: flex; } } </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/city/1920x1080/177.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/city/450x450/177.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">Colorado Springs 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 Colorado Springs 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">Colorado Springs</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"> Mar 18, 2025 - Mar 19, 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">Colorado Springs 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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="park-inn-by-radisson-colorado-springs" data-bhotel-id="park-inn-by-radisson-colorado-springs" data-name = "Park Inn By Radisson, Colorado Springs" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16060/1606055/1606055498.JPEG" data-lat="38.88039" data-lng="-104.837189" data-price = "78US$" data-link = "https://touristvr.com/en-us/park-inn-by-radisson-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="366249" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16060/1606055/1606055498.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16209/1620990/1620990874.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16209/1620990/1620990870.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16060/1606055/1606055498.JPEG" alt="" loading="lazy" data-bhotel-id="366249" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (71)</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/park-inn-by-radisson-colorado-springs" 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">Park Inn By Radisson, Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">78US$</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="366249" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hilton-garden-inn-colorado-springs" data-bhotel-id="hilton-garden-inn-colorado-springs" data-name = "Hilton Garden Inn Colorado Springs" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16191/1619171/1619171137.JPEG" data-lat="38.96554" data-lng="-104.79441" data-price = "108US$" data-link = "https://touristvr.com/en-us/hilton-garden-inn-colorado-springs-north" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="42419" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16191/1619171/1619171137.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16191/1619171/1619171121.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16191/1619171/1619171122.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16191/1619171/1619171137.JPEG" alt="" loading="lazy" data-bhotel-id="42419" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (76)</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/hilton-garden-inn-colorado-springs-north" 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">Hilton Garden Inn Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">9.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 ">108US$</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="42419" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="embassy-suites-by-hilton-colorado-springs" data-bhotel-id="embassy-suites-by-hilton-colorado-springs" data-name = "Embassy Suites By Hilton Colorado Springs" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15519/1551981/1551981838.JPEG" data-lat="38.936645" data-lng="-104.81441" data-price = "137US$" data-link = "https://touristvr.com/us/embassy-suites-by-hilton-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="42386" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15519/1551981/1551981838.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15485/1548562/1548562711.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15485/1548562/1548562639.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15519/1551981/1551981838.JPEG" alt="" loading="lazy" data-bhotel-id="42386" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/us/embassy-suites-by-hilton-colorado-springs" 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">Embassy Suites By Hilton Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">137US$</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="42386" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hyatt-place-colorado-springs-garden-of-the-gods" data-bhotel-id="hyatt-place-colorado-springs-garden-of-the-gods" data-name = "Hyatt Place Colorado Springs Garden Of The Gods" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15903/1590378/1590378938.JPEG" data-lat="38.89507" data-lng="-104.8321" data-price = "105US$" data-link = "https://touristvr.com/en-us/hyatt-place-colorado-springs-garden-of-the-gods-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="519259" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15903/1590378/1590378938.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15903/1590378/1590378923.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15903/1590378/1590378933.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15903/1590378/1590378938.JPEG" alt="" loading="lazy" data-bhotel-id="519259" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (121)</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/hyatt-place-colorado-springs-garden-of-the-gods-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">Hyatt Place Colorado Springs Garden Of The Gods</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">105US$</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="519259" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="kinship-landing" data-bhotel-id="kinship-landing" data-name = "Kinship Landing" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12489/1248903/1248903235.JPEG" data-lat="38.82753" data-lng="-104.82161" data-price = "209US$" data-link = "https://touristvr.com/us/kinship-landing-hotel-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="6655751" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12489/1248903/1248903235.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16154/1615421/1615421997.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16154/1615421/1615421995.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12489/1248903/1248903235.JPEG" alt="" loading="lazy" data-bhotel-id="6655751" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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/kinship-landing-hotel-colorado-springs" 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">Kinship Landing</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">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="6655751" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="great-wolf-lodge-colorado-springs" data-bhotel-id="great-wolf-lodge-colorado-springs" data-name = "Great Wolf Lodge Colorado Springs" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7077/707774/707774560.JPEG" data-lat="38.99599" data-lng="-104.81105" data-price = "180US$" data-link = "https://touristvr.com/en-us/great-wolf-lodge-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2727671" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/7077/707774/707774560.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15305/1530545/1530545773.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15305/1530545/1530545734.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/7077/707774/707774560.JPEG" alt="" loading="lazy" data-bhotel-id="2727671" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/great-wolf-lodge-colorado-springs" 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">Great Wolf Lodge Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">11.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 ">180US$</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="2727671" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hyatt-place-colorado-springs-downtown" data-bhotel-id="hyatt-place-colorado-springs-downtown" data-name = "Hyatt Place Colorado Springs Downtown" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12023/1202347/1202347894.JPEG" data-lat="38.835139" data-lng="-104.821046" data-price = "197US$" data-link = "https://touristvr.com/en-us/hyatt-place-colorado-springs-downtown-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="7422157" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12023/1202347/1202347894.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12023/1202350/1202350561.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12023/1202351/1202351230.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12023/1202347/1202347894.JPEG" alt="" loading="lazy" data-bhotel-id="7422157" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (35)</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/hyatt-place-colorado-springs-downtown-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">Hyatt Place Colorado Springs Downtown</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">197US$</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="7422157" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-colorado-springs-south" data-bhotel-id="quality-inn-colorado-springs-south" data-name = "Quality Inn Colorado Springs South" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12786/1278694/1278694651.JPEG" data-lat="38.796184" data-lng="-104.800173" data-price = "76US$" data-link = "https://touristvr.com/us/quality-inn-colorado-springs-south" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="55607" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12786/1278694/1278694651.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15893/1589339/1589339504.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15893/1589339/1589339508.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12786/1278694/1278694651.JPEG" alt="" loading="lazy" data-bhotel-id="55607" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (121)</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/quality-inn-colorado-springs-south" 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 Colorado Springs South</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">76US$</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="55607" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="satellite-hotel" data-bhotel-id="satellite-hotel" data-name = "Satellite Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/8456/845607/845607047.JPEG" data-lat="38.823486" data-lng="-104.759114" data-price = "87US$" data-link = "https://touristvr.com/en-us/satellite-hotel-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="5451473" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8456/845607/845607047.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16097/1609763/1609763908.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9593/959360/959360284.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/8456/845607/845607047.JPEG" alt="" loading="lazy" data-bhotel-id="5451473" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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/satellite-hotel-colorado-springs" 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">Satellite 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">87US$</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="5451473" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hampton-inn-colorado-springs-i-25-central" data-bhotel-id="hampton-inn-colorado-springs-i-25-central" data-name = "Hampton Inn Colorado Springs I-25 Central" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12851/1285188/1285188199.JPEG" data-lat="38.947174" data-lng="-104.804958" data-price = "156US$" data-link = "https://touristvr.com/en-us/hampton-inn-colorado-springs-i-25-central" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="6384501" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12851/1285188/1285188199.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15570/1557095/1557095863.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15570/1557095/1557095602.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12851/1285188/1285188199.JPEG" alt="" loading="lazy" data-bhotel-id="6384501" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (30)</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/hampton-inn-colorado-springs-i-25-central" 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">Hampton Inn Colorado Springs I-25 Central</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">156US$</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="6384501" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="rodeway-inn-suites" data-bhotel-id="rodeway-inn-suites" data-name = "Rodeway Inn & Suites" data-rating = "7.4" data-rating-label = "Good" data-img = "https://images.touristvr.com/data/images/450x450w/12754/1275493/1275493225.JPEG" data-lat="38.810505" data-lng="-104.82215" data-price = "87US$" data-link = "https://touristvr.com/en-us/rodeway-inn-suites-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="489348" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275493/1275493225.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275492/1275492664.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275493/1275493552.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12754/1275493/1275493225.JPEG" alt="" loading="lazy" data-bhotel-id="489348" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/rodeway-inn-suites-colorado-springs" 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">Rodeway Inn & Suites</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">87US$</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="489348" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="flying-horse-resort-club" data-bhotel-id="flying-horse-resort-club" data-name = "Flying Horse Resort & Club" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/16111/1611132/1611132010.JPEG" data-lat="39.017513" data-lng="-104.791222" data-price = "249US$" data-link = "https://touristvr.com/us/flying-horse-resort-club-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1332348" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16111/1611132/1611132010.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15960/1596076/1596076474.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16360/1636015/1636015694.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16111/1611132/1611132010.JPEG" alt="" loading="lazy" data-bhotel-id="1332348" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (17)</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/flying-horse-resort-club-colorado-springs" 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">Flying Horse Resort & Club</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">12.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 ">249US$</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="1332348" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-suites-garden-of-the-gods" data-bhotel-id="quality-inn-suites-garden-of-the-gods" data-name = "Quality Inn & Suites Garden Of The Gods" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15407/1540744/1540744942.JPEG" data-lat="38.896563" data-lng="-104.833396" data-price = "56US$" data-link = "https://touristvr.com/en-us/quality-inn-suites-garden-of-the-gods-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="489296" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15407/1540744/1540744942.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16410/1641021/1641021096.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15407/1540744/1540744903.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15407/1540744/1540744942.JPEG" alt="" loading="lazy" data-bhotel-id="489296" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (137)</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-suites-garden-of-the-gods-colorado-springs" 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 & Suites Garden Of The Gods</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">56US$</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="489296" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="alta-hotel" data-bhotel-id="alta-hotel" data-name = "Alta Hotel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14343/1434323/1434323458.JPEG" data-lat="38.79743" data-lng="-104.79545" data-price = "126US$" data-link = "https://touristvr.com/us/alta-hotel-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="184686" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14343/1434323/1434323458.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11752/1175204/1175204129.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9263/926393/926393350.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14343/1434323/1434323458.JPEG" alt="" loading="lazy" data-bhotel-id="184686" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (63)</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/alta-hotel-colorado-springs" 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">Alta 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">126US$</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="184686" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="econo-lodge-north-academy" data-bhotel-id="econo-lodge-north-academy" data-name = "Econo Lodge North Academy" data-rating = "8.8" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12753/1275369/1275369532.JPEG" data-lat="38.947834" data-lng="-104.80619" data-price = "50US$" data-link = "https://touristvr.com/us/econo-lodge-north-academy-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="489288" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12753/1275369/1275369532.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15893/1589339/1589339547.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15893/1589339/1589339585.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12753/1275369/1275369532.JPEG" alt="" loading="lazy" data-bhotel-id="489288" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (41)</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/econo-lodge-north-academy-colorado-springs" 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">Econo Lodge North Academy</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">50US$</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="489288" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="sonesta-es-suites-colorado-springs" data-bhotel-id="sonesta-es-suites-colorado-springs" data-name = "Sonesta Es Suites Colorado Springs" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15462/1546267/1546267351.JPEG" data-lat="38.8872105" data-lng="-104.7576999" data-price = "103US$" data-link = "https://touristvr.com/en-us/sonesta-es-suites-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="267005" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15462/1546267/1546267351.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15388/1538824/1538824549.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15462/1546266/1546266961.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15462/1546267/1546267351.JPEG" alt="" loading="lazy" data-bhotel-id="267005" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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/sonesta-es-suites-colorado-springs" 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">Sonesta Es Suites Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.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 ">103US$</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="267005" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="home2-suites-by-hilton-colorado-springs-south-co" data-bhotel-id="home2-suites-by-hilton-colorado-springs-south-co" data-name = "Home2 Suites By Hilton Colorado Springs South, Co" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/15523/1552305/1552305871.JPEG" data-lat="38.792745" data-lng="-104.804909" data-price = "298US$" data-link = "https://touristvr.com/en-us/home2-suites-by-hilton-colorado-springs-south-co" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="4989533" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15523/1552305/1552305871.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15523/1552305/1552305676.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15523/1552305/1552305682.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15523/1552305/1552305871.JPEG" alt="" loading="lazy" data-bhotel-id="4989533" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/home2-suites-by-hilton-colorado-springs-south-co" 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">Home2 Suites By Hilton Colorado Springs South, Co</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">298US$</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="4989533" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="radisson-hotel-colorado-springs-airport" data-bhotel-id="radisson-hotel-colorado-springs-airport" data-name = "Radisson Hotel Colorado Springs Airport" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15252/1525249/1525249114.JPEG" data-lat="38.80714" data-lng="-104.72679" data-price = "98US$" data-link = "https://touristvr.com/en-us/radisson-hotel-colorado-springs-airport" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="462855" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15252/1525249/1525249114.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16263/1626362/1626362765.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16263/1626362/1626362766.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15252/1525249/1525249114.JPEG" alt="" loading="lazy" data-bhotel-id="462855" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (101)</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/radisson-hotel-colorado-springs-airport" 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">Radisson Hotel Colorado Springs Airport</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.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 ">98US$</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="462855" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="howard-johnson-by-wyndham-colorado-springs" data-bhotel-id="howard-johnson-by-wyndham-colorado-springs" data-name = "Howard Johnson By Wyndham Colorado Springs" data-rating = "7.4" data-rating-label = "Good" data-img = "https://images.touristvr.com/data/images/450x450w/12755/1275567/1275567877.JPEG" data-lat="38.8167" data-lng="-104.822" data-price = "65US$" data-link = "https://touristvr.com/en-us/howard-johnson-by-wyndham-colorado-springs-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="323555" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12755/1275567/1275567877.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6428/642857/642857385.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6303/630323/630323505.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12755/1275567/1275567877.JPEG" alt="" loading="lazy" data-bhotel-id="323555" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/howard-johnson-by-wyndham-colorado-springs-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">Howard Johnson By Wyndham Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">65US$</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="323555" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="courtyard-by-marriott-colorado-springs-south" data-bhotel-id="courtyard-by-marriott-colorado-springs-south" data-name = "Courtyard By Marriott Colorado Springs South" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13926/1392609/1392609518.JPEG" data-lat="38.796621564681814" data-lng="-104.81398535714722" data-price = "126US$" data-link = "https://touristvr.com/en-us/courtyard-by-marriott-colorado-springs-south-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="267002" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13926/1392609/1392609518.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16322/1632231/1632231994.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16322/1632232/1632232019.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13926/1392609/1392609518.JPEG" alt="" loading="lazy" data-bhotel-id="267002" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (62)</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/courtyard-by-marriott-colorado-springs-south-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">Courtyard By Marriott Colorado Springs South</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">126US$</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="267002" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="my-place-hotel-colorado-springsco" data-bhotel-id="my-place-hotel-colorado-springsco" data-name = "My Place Hotel-Colorado Springs,Co" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16410/1641065/1641065107.JPEG" data-lat="39.0305595397949" data-lng="-104.831687927246" data-price = "81US$" data-link = "https://touristvr.com/us/my-place-hotel-colorado-springs-co" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="3208712" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16410/1641065/1641065107.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12817/1281764/1281764953.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12817/1281763/1281763882.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16410/1641065/1641065107.JPEG" alt="" loading="lazy" data-bhotel-id="3208712" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (61)</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/my-place-hotel-colorado-springs-co" 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">My Place Hotel-Colorado Springs,Co</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">13.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 ">81US$</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="3208712" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="comfort-inn-north-air-force-academy-area" data-bhotel-id="comfort-inn-north-air-force-academy-area" data-name = "Comfort Inn North - Air Force Academy Area" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15001/1500166/1500166822.JPEG" data-lat="38.92467" data-lng="-104.81446" data-price = "76US$" data-link = "https://touristvr.com/en-us/comfort-inn-north-air-force-academy-area-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="489290" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15001/1500166/1500166822.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15194/1519494/1519494931.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15194/1519495/1519495075.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15001/1500166/1500166822.JPEG" alt="" loading="lazy" data-bhotel-id="489290" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (199)</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/comfort-inn-north-air-force-academy-area-colorado-springs" 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">Comfort Inn North - Air Force Academy Area</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">76US$</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="489290" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="rad-hostel" data-bhotel-id="rad-hostel" data-name = "Rad Hostel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/14995/1499537/1499537683.JPEG" data-lat="38.88837" data-lng="-104.81977" data-price = "49US$" data-link = "https://touristvr.com/en-us/rad-hostel-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="4034965" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14995/1499537/1499537683.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14995/1499514/1499514625.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15063/1506300/1506300841.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14995/1499537/1499537683.JPEG" alt="" loading="lazy" data-bhotel-id="4034965" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (44)</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/rad-hostel-colorado-springs" 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">Rad 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">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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">49US$</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="4034965" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-airport" data-bhotel-id="quality-inn-airport" data-name = "Quality Inn Airport" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12786/1278685/1278685699.JPEG" data-lat="38.799953" data-lng="-104.732052" data-price = "58US$" data-link = "https://touristvr.com/en-us/quality-inn-airport-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="489287" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12786/1278685/1278685699.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12786/1278684/1278684997.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12786/1278685/1278685135.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12786/1278685/1278685699.JPEG" alt="" loading="lazy" data-bhotel-id="489287" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (75)</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-airport-colorado-springs" 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 Airport</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.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 ">58US$</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="489287" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="modern-motel" data-bhotel-id="modern-motel" data-name = "Modern Motel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/4346/434623/434623347.JPEG" data-lat="38.82727" data-lng="-104.82077" data-price = "72US$" data-link = "https://touristvr.com/en-us/modern-motel-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="8586035" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4346/434623/434623347.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16154/1615449/1615449536.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16154/1615449/1615449546.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/4346/434623/434623347.JPEG" alt="" loading="lazy" data-bhotel-id="8586035" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (34)</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/modern-motel-colorado-springs" 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">Modern 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">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="8586035" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="doubletree-by-hilton-colorado-springs" data-bhotel-id="doubletree-by-hilton-colorado-springs" data-name = "Doubletree By Hilton Colorado Springs" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15521/1552164/1552164667.JPEG" data-lat="38.794304" data-lng="-104.800125" data-price = "131US$" data-link = "https://touristvr.com/us/doubletree-by-hilton-colorado-springs-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="49427" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15521/1552164/1552164667.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15521/1552164/1552164355.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15521/1552164/1552164484.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15521/1552164/1552164667.JPEG" alt="" loading="lazy" data-bhotel-id="49427" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/us/doubletree-by-hilton-colorado-springs-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">Doubletree By Hilton Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">131US$</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="49427" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="scp-colorado-springs-hotel" data-bhotel-id="scp-colorado-springs-hotel" data-name = "Scp Colorado Springs Hotel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12823/1282324/1282324792.JPEG" data-lat="38.7970733642578" data-lng="-104.792510986328" data-price = "52US$" data-link = "https://touristvr.com/en-us/scp-colorado-springs-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="519353" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12823/1282324/1282324792.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12823/1282322/1282322989.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12823/1282323/1282323409.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12823/1282324/1282324792.JPEG" alt="" loading="lazy" data-bhotel-id="519353" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (156)</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/scp-colorado-springs-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">Scp Colorado Springs 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">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="519353" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="garden-of-the-gods-rv-resort" data-bhotel-id="garden-of-the-gods-rv-resort" data-name = "Garden Of The Gods Rv Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11862/1186234/1186234501.JPEG" data-lat="38.858" data-lng="-104.88584" data-price = "89US$" data-link = "https://touristvr.com/en-us/garden-of-the-gods-rv-resort-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="4572984" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11862/1186234/1186234501.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10409/1040993/1040993626.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11862/1186238/1186238761.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/11862/1186234/1186234501.JPEG" alt="" loading="lazy" data-bhotel-id="4572984" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/garden-of-the-gods-rv-resort-colorado-springs" 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">Garden Of The Gods Rv Resort</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">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="4572984" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="staybridge-suites-colorado-springs-ne-powers-an-ihg-hotel" data-bhotel-id="staybridge-suites-colorado-springs-ne-powers-an-ihg-hotel" data-name = "Staybridge Suites - Colorado Springs Ne Powers, An Ihg Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/14613/1461381/1461381409.JPEG" data-lat="38.93944" data-lng="-104.7265" data-price = "142US$" data-link = "https://touristvr.com/us/staybridge-suites-colorado-springs-ne-powers-an-ihg-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="7964241" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14613/1461381/1461381409.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16457/1645726/1645726828.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16457/1645726/1645726829.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/14613/1461381/1461381409.JPEG" alt="" loading="lazy" data-bhotel-id="7964241" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/us/staybridge-suites-colorado-springs-ne-powers-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">Staybridge Suites - Colorado Springs Ne Powers, 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">142US$</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="7964241" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="la-quinta-by-wyndham-colorado-springs-north" data-bhotel-id="la-quinta-by-wyndham-colorado-springs-north" data-name = "La Quinta By Wyndham Colorado Springs North" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12754/1275495/1275495664.JPEG" data-lat="38.95039" data-lng="-104.80416" data-price = "79US$" data-link = "https://touristvr.com/us/la-quinta-by-wyndham-colorado-springs-north-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="518689" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275495/1275495664.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14999/1499908/1499908468.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/14989/1498908/1498908601.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12754/1275495/1275495664.JPEG" alt="" loading="lazy" data-bhotel-id="518689" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (335)</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/la-quinta-by-wyndham-colorado-springs-north-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">La Quinta By Wyndham Colorado Springs North</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">79US$</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="518689" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="travelodge-by-wyndham-colorado-springs-airportpeterson-afb" data-bhotel-id="travelodge-by-wyndham-colorado-springs-airportpeterson-afb" data-name = "Travelodge By Wyndham Colorado Springs Airport/Peterson Afb" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12802/1280244/1280244565.JPEG" data-lat="38.83872" data-lng="-104.69886" data-price = "64US$" data-link = "https://touristvr.com/en-us/travelodge-by-wyndham-colorado-springs-airport-peterson-afb" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="266125" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12802/1280244/1280244565.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15844/1584444/1584444084.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15844/1584444/1584444103.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12802/1280244/1280244565.JPEG" alt="" loading="lazy" data-bhotel-id="266125" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (87)</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/travelodge-by-wyndham-colorado-springs-airport-peterson-afb" 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">Travelodge By Wyndham Colorado Springs Airport/Peterson Afb</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">64US$</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="266125" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="baymont-by-wyndham-colorado-springs" data-bhotel-id="baymont-by-wyndham-colorado-springs" data-name = "Baymont By Wyndham Colorado Springs" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12754/1275421/1275421435.JPEG" data-lat="38.948628896340395" data-lng="-104.8061764239992" data-price = "52US$" data-link = "https://touristvr.com/en-us/baymont-by-wyndham-colorado-springs-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="271766" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275421/1275421435.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275421/1275421189.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13357/1335753/1335753623.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12754/1275421/1275421435.JPEG" alt="" loading="lazy" data-bhotel-id="271766" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (118)</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/baymont-by-wyndham-colorado-springs-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">Baymont By Wyndham Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="271766" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="staybridge-suites-colorado-springs-north-an-ihg-hotel" data-bhotel-id="staybridge-suites-colorado-springs-north-an-ihg-hotel" data-name = "Staybridge Suites Colorado Springs North, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5561/556106/556106520.JPEG" data-lat="38.935429" data-lng="-104.816719" data-price = "124US$" data-link = "https://touristvr.com/us/staybridge-suites-colorado-springs-north-an-ihg-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="184722" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/5561/556106/556106520.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15928/1592891/1592891379.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15928/1592891/1592891403.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/5561/556106/556106520.JPEG" alt="" loading="lazy" data-bhotel-id="184722" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (75)</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/staybridge-suites-colorado-springs-north-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">Staybridge Suites Colorado Springs North, 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">124US$</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="184722" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="colorado-springs-marriott" data-bhotel-id="colorado-springs-marriott" data-name = "Colorado Springs Marriott" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9841/984145/984145628.jpeg" data-lat="38.913544" data-lng="-104.829371" data-price = "128US$" data-link = "https://touristvr.com/en-us/colorado-springs-marriott-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="267003" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9841/984145/984145628.jpeg" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16330/1633000/1633000883.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16330/1633000/1633000884.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/9841/984145/984145628.jpeg" alt="" loading="lazy" data-bhotel-id="267003" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (63)</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/colorado-springs-marriott-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">Colorado Springs Marriott</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.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 ">128US$</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="267003" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="rodeway-inn-central-colorado-springs" data-bhotel-id="rodeway-inn-central-colorado-springs" data-name = "Rodeway Inn Central Colorado Springs" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12786/1278697/1278697933.JPEG" data-lat="38.840977" data-lng="-104.748772" data-price = "60US$" data-link = "https://touristvr.com/en-us/rodeway-inn-central-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1418389" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12786/1278697/1278697933.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9689/968920/968920150.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9689/968920/968920180.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12786/1278697/1278697933.JPEG" alt="" loading="lazy" data-bhotel-id="1418389" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (86)</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/rodeway-inn-central-colorado-springs" 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">Rodeway Inn Central Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">60US$</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="1418389" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hilton-garden-inn-colorado-springs-downtown-co" data-bhotel-id="hilton-garden-inn-colorado-springs-downtown-co" data-name = "Hilton Garden Inn Colorado Springs Downtown, Co" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15517/1551737/1551737581.JPEG" data-lat="38.836529" data-lng="-104.824883" data-price = "229US$" data-link = "https://touristvr.com/en-us/hilton-garden-inn-colorado-springs-downtown-co" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="4858290" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15517/1551737/1551737581.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16052/1605214/1605214790.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15516/1551699/1551699319.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15517/1551737/1551737581.JPEG" alt="" loading="lazy" data-bhotel-id="4858290" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (45)</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/hilton-garden-inn-colorado-springs-downtown-co" 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">Hilton Garden Inn Colorado Springs Downtown, Co</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">229US$</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="4858290" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="la-quinta-by-wyndham-colorado-springs-south-airport" data-bhotel-id="la-quinta-by-wyndham-colorado-springs-south-airport" data-name = "La Quinta By Wyndham Colorado Springs South Airport" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12753/1275366/1275366091.JPEG" data-lat="38.791790727534" data-lng="-104.798111915588" data-price = "59US$" data-link = "https://touristvr.com/en-us/la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="428930" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12753/1275366/1275366091.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8898/889893/889893706.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/8899/889937/889937170.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12753/1275366/1275366091.JPEG" alt="" loading="lazy" data-bhotel-id="428930" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (117)</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/la-quinta-by-wyndham-colorado-springs-south-airport-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">La Quinta By Wyndham Colorado Springs South Airport</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">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="428930" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="motel-6-colorado-springs-co-air-force-academy" data-bhotel-id="motel-6-colorado-springs-co-air-force-academy" data-name = "Motel 6-Colorado Springs, Co - Air Force Academy" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9255/925582/925582234.JPEG" data-lat="38.95239" data-lng="-104.80144" data-price = "57US$" data-link = "https://touristvr.com/us/motel-6-colorado-springs-co-air-force-academy" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="271519" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9255/925582/925582234.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9295/929576/929576932.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9295/929581/929581300.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/9255/925582/925582234.JPEG" alt="" loading="lazy" data-bhotel-id="271519" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (123)</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/motel-6-colorado-springs-co-air-force-academy" 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">Motel 6-Colorado Springs, Co - Air Force Academy</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">57US$</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="271519" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-express-suites-colorado-springs-airport-an-ihg-hotel" data-bhotel-id="holiday-inn-express-suites-colorado-springs-airport-an-ihg-hotel" data-name = "Holiday Inn Express & Suites Colorado Springs-Airport, An Ihg Hotel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12754/1275471/1275471013.JPEG" data-lat="38.806473" data-lng="-104.737202" data-price = "114US$" data-link = "https://touristvr.com/us/holiday-inn-express-suites-colorado-springs-airport-an-ihg-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="184730" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275471/1275471013.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275469/1275469027.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15920/1592062/1592062288.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12754/1275471/1275471013.JPEG" alt="" loading="lazy" data-bhotel-id="184730" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/us/holiday-inn-express-suites-colorado-springs-airport-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 Express & Suites Colorado Springs-Airport, 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">114US$</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="184730" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="springhill-suites-by-marriott-colorado-springs-downtown" data-bhotel-id="springhill-suites-by-marriott-colorado-springs-downtown" data-name = "Springhill Suites By Marriott Colorado Springs Downtown" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13980/1398027/1398027761.JPEG" data-lat="38.82828" data-lng="-104.82401" data-price = "142US$" data-link = "https://touristvr.com/us/springhill-suites-by-marriott-colorado-springs-downtown" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="8154390" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13980/1398027/1398027761.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16445/1644526/1644526745.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16445/1644526/1644526746.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13980/1398027/1398027761.JPEG" alt="" loading="lazy" data-bhotel-id="8154390" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (25)</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/springhill-suites-by-marriott-colorado-springs-downtown" 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">Springhill Suites By Marriott Colorado Springs Downtown</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">142US$</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="8154390" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="la-quinta-inn-by-wyndham-colorado-springs-garden-of-the-gods" data-bhotel-id="la-quinta-inn-by-wyndham-colorado-springs-garden-of-the-gods" data-name = "La Quinta Inn By Wyndham Colorado Springs Garden Of The Gods" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12753/1275356/1275356083.JPEG" data-lat="38.895706" data-lng="-104.8289" data-price = "57US$" data-link = "https://touristvr.com/en-us/la-quinta-inn-by-wyndham-colorado-springs-garden-of-the-gods" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="428658" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12753/1275356/1275356083.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16247/1624765/1624765024.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16247/1624765/1624765030.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12753/1275356/1275356083.JPEG" alt="" loading="lazy" data-bhotel-id="428658" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (122)</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/la-quinta-inn-by-wyndham-colorado-springs-garden-of-the-gods" 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">La Quinta Inn By Wyndham Colorado Springs Garden Of The Gods</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">57US$</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="428658" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="garden-of-the-gods-motel" data-bhotel-id="garden-of-the-gods-motel" data-name = "Garden Of The Gods Motel" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/4339/433962/433962354.JPEG" data-lat="38.85158" data-lng="-104.86946" data-price = "79US$" data-link = "https://touristvr.com/en-us/garden-of-the-gods-motel-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="1472834" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/4339/433962/433962354.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16417/1641760/1641760071.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16417/1641760/1641760078.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/4339/433962/433962354.JPEG" alt="" loading="lazy" data-bhotel-id="1472834" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (49)</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/garden-of-the-gods-motel-colorado-springs" 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">Garden Of The Gods 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">79US$</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="1472834" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hampton-inn-colorado-springs-northeast" data-bhotel-id="hampton-inn-colorado-springs-northeast" data-name = "Hampton Inn Colorado Springs Northeast" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13353/1335385/1335385994.JPEG" data-lat="38.89532" data-lng="-104.72221" data-price = "129US$" data-link = "https://touristvr.com/en-us/hampton-inn-colorado-springs-northeast" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="8387820" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13353/1335385/1335385994.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15570/1557052/1557052324.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15570/1557052/1557052333.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13353/1335385/1335385994.JPEG" alt="" loading="lazy" data-bhotel-id="8387820" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (16)</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/hampton-inn-colorado-springs-northeast" 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">Hampton Inn Colorado Springs Northeast</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">129US$</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="8387820" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="extended-stay-america-suites-colorado-springs-west" data-bhotel-id="extended-stay-america-suites-colorado-springs-west" data-name = "Extended Stay America Suites - Colorado Springs - West" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15527/1552783/1552783978.JPEG" data-lat="38.917802" data-lng="-104.817315" data-price = "59US$" data-link = "https://touristvr.com/us/extended-stay-america-suites-colorado-springs-west" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="517055" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15527/1552783/1552783978.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15404/1540459/1540459261.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15404/1540459/1540459159.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15527/1552783/1552783978.JPEG" alt="" loading="lazy" data-bhotel-id="517055" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (53)</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/extended-stay-america-suites-colorado-springs-west" 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">Extended Stay America Suites - Colorado Springs - West</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.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 ">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="517055" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-academy-hotel-colorado-springs" data-bhotel-id="the-academy-hotel-colorado-springs" data-name = "The Academy Hotel Colorado Springs" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12266/1226691/1226691962.JPEG" data-lat="38.9491" data-lng="-104.80424" data-price = "99US$" data-link = "https://touristvr.com/en-us/the-academy-hotel-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="453264" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12266/1226691/1226691962.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15845/1584566/1584566333.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9174/917490/917490808.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12266/1226691/1226691962.JPEG" alt="" loading="lazy" data-bhotel-id="453264" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (336)</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-academy-hotel-colorado-springs" 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 Academy Hotel Colorado Springs</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="453264" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="econo-lodge-downtown" data-bhotel-id="econo-lodge-downtown" data-name = "Econo Lodge Downtown" data-rating = "7.6" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12754/1275474/1275474469.JPEG" data-lat="38.84425" data-lng="-104.82145" data-price = "58US$" data-link = "https://touristvr.com/en-us/econo-lodge-downtown-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="489299" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275474/1275474469.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15895/1589512/1589512856.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15895/1589524/1589524873.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12754/1275474/1275474469.JPEG" alt="" loading="lazy" data-bhotel-id="489299" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (74)</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/econo-lodge-downtown-colorado-springs" 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">Econo Lodge Downtown</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">58US$</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="489299" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="spark-by-hilton-colorado-springs-i-25-central" data-bhotel-id="spark-by-hilton-colorado-springs-i-25-central" data-name = "Spark By Hilton Colorado Springs I 25 Central" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16153/1615382/1615382931.JPEG" data-lat="38.936119" data-lng="-104.814253" data-price = "168US$" data-link = "https://touristvr.com/us/spark-by-hilton-colorado-springs-i-25-central-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="42276" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16153/1615382/1615382931.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16153/1615382/1615382893.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16153/1615382/1615382897.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16153/1615382/1615382931.JPEG" alt="" loading="lazy" data-bhotel-id="42276" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (129)</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/spark-by-hilton-colorado-springs-i-25-central-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">Spark By Hilton Colorado Springs I 25 Central</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">168US$</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="42276" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="comfort-suites-colorado-springs-east-medical-center-area" data-bhotel-id="comfort-suites-colorado-springs-east-medical-center-area" data-name = "Comfort Suites Colorado Springs East - Medical Center Area" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15673/1567395/1567395356.JPEG" data-lat="38.9136" data-lng="-104.71801" data-price = "89US$" data-link = "https://touristvr.com/us/comfort-suites-colorado-springs-east-medical-center-area" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="9086071" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15673/1567395/1567395356.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15731/1573135/1573135970.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15673/1567395/1567395506.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15673/1567395/1567395356.JPEG" alt="" loading="lazy" data-bhotel-id="9086071" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (42)</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/comfort-suites-colorado-springs-east-medical-center-area" 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">Comfort Suites Colorado Springs East - Medical Center Area</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">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="9086071" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="residence-inn-colorado-springs-northair-force-academy" data-bhotel-id="residence-inn-colorado-springs-northair-force-academy" data-name = "Residence Inn Colorado Springs North/Air Force Academy" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13899/1389976/1389976175.JPEG" data-lat="38.98718" data-lng="-104.803194" data-price = "164US$" data-link = "https://touristvr.com/en-us/residence-inn-colorado-springs-north-air-force-academy" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="267007" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/13899/1389976/1389976175.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16330/1633004/1633004051.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16330/1633004/1633004052.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/13899/1389976/1389976175.JPEG" alt="" loading="lazy" data-bhotel-id="267007" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (63)</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/residence-inn-colorado-springs-north-air-force-academy" 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">Residence Inn Colorado Springs North/Air Force Academy</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">10.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 ">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="267007" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="woodspring-suites-colorado-springs-north-air-force-academy" data-bhotel-id="woodspring-suites-colorado-springs-north-air-force-academy" data-name = "Woodspring Suites Colorado Springs North - Air Force Academy" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12645/1264551/1264551232.JPEG" data-lat="38.99006" data-lng="-104.799" data-price = "77US$" data-link = "https://touristvr.com/us/woodspring-suites-colorado-springs-north-air-force-academy" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="8087859" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12645/1264551/1264551232.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/11862/1186264/1186264807.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12645/1264546/1264546804.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12645/1264551/1264551232.JPEG" alt="" loading="lazy" data-bhotel-id="8087859" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (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/us/woodspring-suites-colorado-springs-north-air-force-academy" 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">Woodspring Suites Colorado Springs North - Air Force Academy</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">10.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 ">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="8087859" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-peak-vista-inn-suites" data-bhotel-id="best-western-plus-peak-vista-inn-suites" data-name = "Best Western Plus Peak Vista Inn & Suites" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12802/1280224/1280224849.JPEG" data-lat="38.93632" data-lng="-104.8138" data-price = "83US$" data-link = "https://touristvr.com/us/best-western-plus-peak-vista-inn-suites-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="271026" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12802/1280224/1280224849.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16444/1644411/1644411604.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16444/1644411/1644411605.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12802/1280224/1280224849.JPEG" alt="" loading="lazy" data-bhotel-id="271026" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (170)</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/best-western-plus-peak-vista-inn-suites-colorado-springs" 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 Peak Vista Inn & Suites</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">83US$</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="271026" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hampton-inn-suites-colorado-springs-air-force-academyi-25-north" data-bhotel-id="hampton-inn-suites-colorado-springs-air-force-academyi-25-north" data-name = "Hampton Inn & Suites Colorado Springs-Air Force Academy/I-25 North" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12814/1281462/1281462904.JPEG" data-lat="38.987846" data-lng="-104.802002" data-price = "169US$" data-link = "https://touristvr.com/en-us/hampton-inn-suites-colorado-springs-air-force-academy-i-25-north" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="42393" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12814/1281462/1281462904.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16040/1604078/1604078360.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12814/1281465/1281465289.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/12814/1281462/1281462904.JPEG" alt="" loading="lazy" data-bhotel-id="42393" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (41)</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/hampton-inn-suites-colorado-springs-air-force-academy-i-25-north" 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">Hampton Inn & Suites Colorado Springs-Air Force Academy/I-25 North</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">10.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 ">169US$</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="42393" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="cheyenne-mountain-resort-a-dolce-by-wyndham" data-bhotel-id="cheyenne-mountain-resort-a-dolce-by-wyndham" data-name = "Cheyenne Mountain Resort, A Dolce By Wyndham" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16247/1624749/1624749058.JPEG" data-lat="38.78493" data-lng="-104.82456" data-price = "48US$" data-link = "https://touristvr.com/en-us/cheyenne-mountain-resort-a-destination-by-hyatt-hotels-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="22860" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16247/1624749/1624749058.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16322/1632213/1632213487.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16322/1632213/1632213525.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16247/1624749/1624749058.JPEG" alt="" loading="lazy" data-bhotel-id="22860" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (142)</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/cheyenne-mountain-resort-a-destination-by-hyatt-hotels-colorado-springs" 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">Cheyenne Mountain Resort, A Dolce By Wyndham</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">48US$</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="22860" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hampton-inn-suites-colorado-springsi-25-south" data-bhotel-id="hampton-inn-suites-colorado-springsi-25-south" data-name = "Hampton Inn & Suites Colorado Springs/I-25 South" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/15523/1552305/1552305796.JPEG" data-lat="38.790039" data-lng="-104.797226" data-price = "119US$" data-link = "https://touristvr.com/en-us/hampton-inn-suites-colorado-springs-i-25-south" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="42417" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15523/1552305/1552305796.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16384/1638478/1638478982.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16384/1638478/1638478983.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15523/1552305/1552305796.JPEG" alt="" loading="lazy" data-bhotel-id="42417" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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/en-us/hampton-inn-suites-colorado-springs-i-25-south" 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">Hampton Inn & Suites Colorado Springs/I-25 South</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">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="42417" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-express-suites-colorado-springs-afa-northgate-an-ihg-hotel" data-bhotel-id="holiday-inn-express-suites-colorado-springs-afa-northgate-an-ihg-hotel" data-name = "Holiday Inn Express & Suites - Colorado Springs Afa Northgate, An Ihg Hotel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16129/1612990/1612990349.JPEG" data-lat="38.98613" data-lng="-104.802541" data-price = "104US$" data-link = "https://touristvr.com/us/holiday-inn-express-suites-colorado-springs-afa-northgate-an-ihg-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="2970694" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16129/1612990/1612990349.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16129/1612990/1612990344.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16129/1612990/1612990318.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16129/1612990/1612990349.JPEG" alt="" loading="lazy" data-bhotel-id="2970694" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (56)</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-express-suites-colorado-springs-afa-northgate-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 Express & Suites - Colorado Springs Afa Northgate, 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">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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">10.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 ">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="2970694" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="buffalo-lodge-bicycle-resort-amazing-access-to-local-trails-the-garden" data-bhotel-id="buffalo-lodge-bicycle-resort-amazing-access-to-local-trails-the-garden" data-name = "Buffalo Lodge Bicycle Resort - Amazing Access To Local Trails & The Garden" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9679/967936/967936255.JPEG" data-lat="38.859756" data-lng="-104.885209" data-price = "105US$" data-link = "https://touristvr.com/en-us/buffalo-lodge-bicycle-resort-amazing-access-to-local-trails-the-garden-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="526689" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/9679/967936/967936255.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16093/1609326/1609326227.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16093/1609326/1609326228.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/9679/967936/967936255.JPEG" alt="" loading="lazy" data-bhotel-id="526689" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (130)</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/buffalo-lodge-bicycle-resort-amazing-access-to-local-trails-the-garden-colorado-springs" 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">Buffalo Lodge Bicycle Resort - Amazing Access To Local Trails & The Garden</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">105US$</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="526689" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="days-inn-by-wyndham-colorado-springsgarden-of-the-gods" data-bhotel-id="days-inn-by-wyndham-colorado-springsgarden-of-the-gods" data-name = "Days Inn By Wyndham Colorado Springs/Garden Of The Gods" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10236/1023628/1023628831.JPEG" data-lat="38.89808" data-lng="-104.8306" data-price = "39US$" data-link = "https://touristvr.com/us/days-inn-by-wyndham-colorado-springs-garden-of-the-gods" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="323840" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/10236/1023628/1023628831.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275498/1275498862.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12754/1275499/1275499150.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/10236/1023628/1023628831.JPEG" alt="" loading="lazy" data-bhotel-id="323840" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (151)</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/days-inn-by-wyndham-colorado-springs-garden-of-the-gods" 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">Days Inn By Wyndham Colorado Springs/Garden Of The Gods</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">39US$</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="323840" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="mcm-elegante-suites-adults-only" data-bhotel-id="mcm-elegante-suites-adults-only" data-name = "Mcm Elegante Suites (Adults Only)" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6882/688284/688284804.JPEG" data-lat="38.923039" data-lng="-104.794476" data-price = "74US$" data-link = "https://touristvr.com/en-us/mcm-elegante-suites-adults-only-colorado-springs" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="184944" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/6882/688284/688284804.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16082/1608296/1608296726.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16082/1608296/1608296725.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/6882/688284/688284804.JPEG" alt="" loading="lazy" data-bhotel-id="184944" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (75)</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/mcm-elegante-suites-adults-only-colorado-springs" 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">Mcm Elegante Suites (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">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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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.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 ">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="184944" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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-express-colorado-springs-first-main-an-ihg-hotel" data-bhotel-id="holiday-inn-express-colorado-springs-first-main-an-ihg-hotel" data-name = "Holiday Inn Express - Colorado Springs - First & Main, An Ihg Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16040/1604091/1604091431.JPEG" data-lat="38.8820495605469" data-lng="-104.717216491699" data-price = "124US$" data-link = "https://touristvr.com/us/holiday-inn-express-colorado-springs-first-main-an-ihg-hotel" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="631720" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16040/1604091/1604091431.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/12803/1280335/1280335633.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/16040/1604091/1604091397.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/16040/1604091/1604091431.JPEG" alt="" loading="lazy" data-bhotel-id="631720" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (47)</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-express-colorado-springs-first-main-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 Express - Colorado Springs - First & Main, 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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">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 ">124US$</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="631720" > <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; } .swiper-pagination-bullet { background: #FFFFFF; } </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="hampton-inn-colorado-springs-airport" data-bhotel-id="hampton-inn-colorado-springs-airport" data-name = "Hampton Inn Colorado Springs-Airport" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15517/1551737/1551737584.JPEG" data-lat="38.80057" data-lng="-104.73181" data-price = "138US$" data-link = "https://touristvr.com/en-us/hampton-inn-colorado-springs-airport" > <div class="relative h-[300px] sm:h-[260px] overflow-hidden js-slider-container"> <swiper-container class="h-full w-full cursor-pointer js-clk-open" init="false" data-bhotel-id="42406" data-type="photo" data-open-passive> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15517/1551737/1551737584.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15516/1551699/1551699613.JPEG" alt="" loading="lazy" > </swiper-slide> <swiper-slide> <img class="rounded-md h-full w-full object-cover" src="https://images.touristvr.com/data/images/450x450w/15516/1551699/1551699661.JPEG" alt="" loading="lazy" > </swiper-slide> </swiper-container> <div class="absolute top-1/2 -translate-y-1/2 flex justify-between items-center w-full z-[1] pointer-events-none opacity-0 transition-opacity group-hover:opacity-100 lg:opacity-100"> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md ml-2.5 pointer-events-auto js-slider-prev"> <svg 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> </button> <button class="flex justify-center items-center bg-white py-2.5 px-1 rounded-md mr-2.5 pointer-events-auto js-slider-next"> <svg class="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> </button> </div> <div class="absolute bottom-2 flex justify-center items-center z-[1] js-slider-pagination"></div> <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-slider-preview js-clk-open" src="https://images.touristvr.com/data/images/450x450w/15517/1551737/1551737584.JPEG" alt="" loading="lazy" data-bhotel-id="42406" data-type="photo" data-open-passive> </div> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1 z-[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> (33)</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/hampton-inn-colorado-springs-airport" 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">Hampton Inn Colorado Springs-Airport</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 cursor-pointer transition-colors hover:text-secondary-500 js-show-map">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.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 ">138US$</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="42406" > <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 } } .map.show{ display: block } </style> <div class="map sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden bg-white md:hidden md:fixed md:left-0 md:z-20 md:rounded-none js-map" > <div class="w-full h-dvh" id="mapbox" data-lat="38.8339" data-lng="-104.821"></div> <button class="hidden absolute top-2.5 left-2.5 bg-white p-2.5 rounded-md shadow-md md:block js-map-close"> <svg class="w-4 h-4 fill-black" 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> </button> <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"> <a data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 cursor-default 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> </a> </template> </div> </div> </div> <button class="mob-map-toggle-btn hidden fixed left-1/2 -translate-x-1/2 bottom-5 px-4 py-3 rounded-lg bg-secondary-950 text-white text-base font-semibold z-20 md:block js-map-toggle"> <div class="mob-map-toggle-btn-show flex items-center gap-1"> <svg class="fill-white w-5 h-5" width="16" height="16" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> <path d="M10.4333 14.7734C10.1466 14.7734 9.85994 14.7134 9.62661 14.6001L6.12661 12.8468C5.92661 12.7468 5.53328 12.7534 5.33994 12.8668L3.76661 13.7668C3.08661 14.1534 2.38661 14.2068 1.85994 13.8934C1.32661 13.5868 1.02661 12.9601 1.02661 12.1734V5.69344C1.02661 5.08677 1.42661 4.4001 1.95328 4.1001L4.83994 2.44677C5.32661 2.16677 6.06661 2.14677 6.56661 2.4001L10.0666 4.15344C10.2666 4.25344 10.6533 4.2401 10.8533 4.13344L12.4199 3.2401C13.0999 2.85344 13.7999 2.8001 14.3266 3.11344C14.8599 3.4201 15.1599 4.04677 15.1599 4.83344V11.3201C15.1599 11.9268 14.7599 12.6134 14.2333 12.9134L11.3466 14.5668C11.0933 14.7001 10.7599 14.7734 10.4333 14.7734ZM5.75994 11.7801C6.04661 11.7801 6.33328 11.8401 6.56661 11.9534L10.0666 13.7068C10.2666 13.8068 10.6533 13.7934 10.8533 13.6868L13.7399 12.0334C13.9533 11.9134 14.1599 11.5534 14.1599 11.3134V4.82677C14.1599 4.40677 14.0399 4.09344 13.8199 3.97344C13.6066 3.85344 13.2733 3.9001 12.9133 4.10677L11.3466 5.0001C10.8599 5.2801 10.1199 5.3001 9.61995 5.04677L6.11995 3.29344C5.91995 3.19344 5.53328 3.20677 5.33328 3.31344L2.44661 4.96677C2.23328 5.08677 2.02661 5.44677 2.02661 5.69344V12.1801C2.02661 12.6001 2.14661 12.9134 2.35994 13.0334C2.57328 13.1601 2.90661 13.1068 3.27328 12.9001L4.83994 12.0068C5.09995 11.8534 5.43328 11.7801 5.75994 11.7801Z" /> <path d="M5.70679 12.3334C5.43345 12.3334 5.20679 12.1067 5.20679 11.8334V3.16675C5.20679 2.89341 5.43345 2.66675 5.70679 2.66675C5.98012 2.66675 6.20679 2.89341 6.20679 3.16675V11.8334C6.20679 12.1067 5.98012 12.3334 5.70679 12.3334Z" /> <path d="M10.4866 14.3333C10.2132 14.3333 9.98657 14.1067 9.98657 13.8333V4.91333C9.98657 4.64 10.2132 4.41333 10.4866 4.41333C10.7599 4.41333 10.9866 4.64 10.9866 4.91333V13.8333C10.9866 14.1067 10.7599 14.3333 10.4866 14.3333Z" /> </svg> <span>Show map</span> </div> <div class="mob-map-toggle-btn-hide hidden items-center gap-1"> <svg class="fill-white w-5 h-5" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.07999 5.62001C3.1606 5.65189 3.24665 5.66774 3.33332 5.66668C3.42 5.66774 3.50605 5.65189 3.58666 5.62001C3.66632 5.58136 3.74034 5.53201 3.80666 5.47335C3.86845 5.41105 3.91733 5.33717 3.9505 5.25595C3.98368 5.17472 4.0005 5.08775 3.99999 5.00001C3.99754 4.8235 3.92848 4.65443 3.80666 4.52668C3.74326 4.46599 3.66849 4.41841 3.58666 4.38668C3.42435 4.32 3.2423 4.32 3.07999 4.38668C2.99756 4.41722 2.92257 4.46494 2.85999 4.52668C2.73817 4.65443 2.66911 4.8235 2.66666 5.00001C2.66615 5.08775 2.68297 5.17472 2.71614 5.25595C2.74932 5.33717 2.7982 5.41105 2.85999 5.47335C2.92631 5.53201 3.00033 5.58136 3.07999 5.62001ZM5.33333 5.5H12.6667C12.7993 5.5 12.9265 5.44732 13.0202 5.35355C13.114 5.25978 13.1667 5.13261 13.1667 5C13.1667 4.86739 13.114 4.74021 13.0202 4.64645C12.9265 4.55268 12.7993 4.5 12.6667 4.5H5.33333C5.20072 4.5 5.07355 4.55268 4.97978 4.64645C4.88601 4.74021 4.83333 4.86739 4.83333 5C4.83333 5.13261 4.88601 5.25978 4.97978 5.35355C5.07355 5.44732 5.20072 5.5 5.33333 5.5ZM5.33333 8.5H12.6667C12.7993 8.5 12.9265 8.44732 13.0202 8.35355C13.114 8.25978 13.1667 8.13261 13.1667 8C13.1667 7.86739 13.114 7.74022 13.0202 7.64645C12.9265 7.55268 12.7993 7.5 12.6667 7.5H5.33333C5.20072 7.5 5.07355 7.55268 4.97978 7.64645C4.88601 7.74022 4.83333 7.86739 4.83333 8C4.83333 8.13261 4.88601 8.25978 4.97978 8.35355C5.07355 8.44732 5.20072 8.5 5.33333 8.5ZM12.6667 11.5H5.33333C5.20072 11.5 5.07355 11.4473 4.97978 11.3536C4.88601 11.2598 4.83333 11.1326 4.83333 11C4.83333 10.8674 4.88601 10.7402 4.97978 10.6464C5.07355 10.5527 5.20072 10.5 5.33333 10.5H12.6667C12.7993 10.5 12.9265 10.5527 13.0202 10.6464C13.114 10.7402 13.1667 10.8674 13.1667 11C13.1667 11.1326 13.114 11.2598 13.0202 11.3536C12.9265 11.4473 12.7993 11.5 12.6667 11.5ZM3.33332 8.66668C3.24621 8.66563 3.16014 8.64751 3.07999 8.61335C2.9992 8.57959 2.92479 8.53224 2.85999 8.47335C2.7982 8.41105 2.74932 8.33718 2.71614 8.25595C2.68297 8.17473 2.66615 8.08775 2.66666 8.00001C2.66911 7.8235 2.73817 7.65444 2.85999 7.52668C2.92479 7.46779 2.9992 7.42044 3.07999 7.38668C3.20067 7.33072 3.33533 7.31215 3.46666 7.33335L3.58666 7.37335L3.70666 7.43335C3.74158 7.45796 3.77498 7.48468 3.80666 7.51335C3.93164 7.64445 4.00094 7.81889 3.99999 8.00001C3.99999 8.17683 3.92975 8.34639 3.80473 8.47142C3.6797 8.59644 3.51014 8.66668 3.33332 8.66668ZM3.07999 11.62C3.1606 11.6519 3.24665 11.6677 3.33333 11.6667C3.42106 11.6672 3.50804 11.6504 3.58926 11.6172C3.67049 11.584 3.74437 11.5351 3.80666 11.4733C3.86555 11.4085 3.9129 11.3341 3.94666 11.2533C3.98193 11.1735 4.00015 11.0873 4.00015 11C4.00015 10.9128 3.98193 10.8265 3.94666 10.7467C3.9129 10.6659 3.86555 10.5915 3.80666 10.5267C3.74326 10.466 3.66849 10.4184 3.58666 10.3867C3.46525 10.3356 3.33144 10.3217 3.20212 10.3466C3.07279 10.3715 2.95374 10.4342 2.85999 10.5267C2.80111 10.5915 2.75375 10.6659 2.71999 10.7467C2.68472 10.8265 2.6665 10.9128 2.6665 11C2.6665 11.0873 2.68472 11.1735 2.71999 11.2533C2.75375 11.3341 2.80111 11.4085 2.85999 11.4733C2.92631 11.532 3.00033 11.5814 3.07999 11.62Z" fill="white"/> </svg> <span>Show list</span> </div> </button> <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>Many people are under the impression that when travelling to Colorado Springs, they must choose between staying in a hotel or camping. While camping is a great option for some, there are many reasons why hotels are a better choice for others.</p><p>The first reason is that hotels provide a more comfortable and private experience. They typically come with amenities such as Wi-Fi, televisions, and even luxurious bath products. Campsites, on the other hand, can often be quite noisy and may not offer the same level of privacy.</p><p>Another reason to choose a hotel is that they are often located in prime locations. Hotel districts are typically close to downtown areas, tourist attractions, and other places of interest. Campsites, on the other hand, can often be located in more remote areas, which can make getting around difficult.</p><p>Finally, hotels are often much cheaper than camping. This is especially true if you are travelling with a large group. Campsites can be quite expensive, especially if you are not travelling during the off-season.</p><p>So, if you are looking for a comfortable and affordable place to stay while in Colorado Springs, hotels are the way to go!. </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-304526" data-langcode="en" data-bcity-id="20017286" data-city-name="Colorado Springs" > <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="#garden-of-the-gods-motel" class="js-clk-open" data-type="table" data-bhotel-id="1472834" data-open-once data-open-passive>Garden Of The Gods Motel</a> </td> <td> <p> 8.6 / 10 </p> <p> (342 Reviews)</p> </td> <td> <span>From 79US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1472834">Check Price</button> </td> </tr> <tr> <td> <a href="#satellite-hotel" class="js-clk-open" data-type="table" data-bhotel-id="5451473" data-open-once data-open-passive>Satellite Hotel</a> </td> <td> <p> 6.6 / 10 </p> <p> (338 Reviews)</p> </td> <td> <span>From 109US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="5451473">Check Price</button> </td> </tr> <tr> <td> <a href="#mcm-elegante-suites-adults-only" class="js-clk-open" data-type="table" data-bhotel-id="184944" data-open-once data-open-passive>Mcm Elegante Suites (Adults Only)</a> </td> <td> <p> 8.6 / 10 </p> <p> (299 Reviews)</p> </td> <td> <span>From 146US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="184944">Check Price</button> </td> </tr> <tr> <td> <a href="#howard-johnson-by-wyndham-colorado-springs" class="js-clk-open" data-type="table" data-bhotel-id="323555" data-open-once data-open-passive>Howard Johnson By Wyndham Colorado Springs</a> </td> <td> <p> 6.2 / 10 </p> <p> (337 Reviews)</p> </td> <td> <span>From 55US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="323555">Check Price</button> </td> </tr> <tr> <td> <a href="#rodeway-inn" class="js-clk-open" data-type="table" data-bhotel-id="185376" data-open-once data-open-passive>Rodeway Inn</a> </td> <td> <p> 5.7 / 10 </p> <p> (216 Reviews)</p> </td> <td> <span>From 55US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="185376">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="garden-of-the-gods-motel" data-id="505962" data-lat="38.85158" data-lng="-104.86946"> <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/4339/433962/433962354.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/4339/433962/433962354.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13171/1317156/1317156103.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13120/1312022/1312022605.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13120/1312024/1312024396.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200605/1200605311.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200605/1200605362.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200610/1200610825.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11992/1199243/1199243872.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189389/1189389631.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189394/1189394830.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189395/1189395562.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11914/1191496/1191496750.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4335/433501/433501959.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433954/433954794.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433955/433955316.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433955/433955349.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433955/433955400.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433961/433961841.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433961/433961871.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433962/433962384.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433962/433962408.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433986/433986078.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433962/433962300.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433954/433954833.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200604/1200604171.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200604/1200604183.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200604/1200604192.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200604/1200604303.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200608/1200608785.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200611/1200611125.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200611/1200611152.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200611/1200611176.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200611/1200611197.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200612/1200612130.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12255/1225515/1225515152.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12255/1225515/1225515656.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12255/1225530/1225530041.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12255/1225532/1225532549.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11893/1189389/1189389658.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963922.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13120/1312022/1312022860.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200604/1200604216.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200607/1200607759.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200607/1200607771.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200600/1200600280.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200611/1200611140.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433955/433955373.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433955/433955283.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433986/433986102.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963307.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963385.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963466.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964015.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964078.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964141.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964219.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964285.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964351.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964402.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964453.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964519.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964582.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964663.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964714.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964789.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964879.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683964/683964960.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683965/683965011.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683965/683965059.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683965/683965134.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683965/683965200.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683965/683965275.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200600/1200600220.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963961.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683965/683965689.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200607/1200607858.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12255/1225511/1225511666.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4339/433955/433955466.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12256/1225665/1225665059.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963544.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200611/1200611287.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963838.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683965/683965329.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200607/1200607888.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12006/1200604/1200604276.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963589.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963721.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6839/683963/683963676.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1766/176694/176694417.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5946/594660/594660393.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4855/485591/485591310.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1766/176694/176694411.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1766/176694/176694384.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4855/485592/485592333.JPEG" data-image-gallery="gallerygarden-of-the-gods-motel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="garden-of-the-gods-motel" > </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.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (342)</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="1472834">Garden Of The Gods Motel</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">2</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">2922 West Colorado Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>The 2-star Garden Of Gods Motel is set 3.4 km from Colorado Springs Fine Arts Center and 2 km from Red Rock Canyon. The property provides 26 guestrooms appointed with air conditioner, Wi-Fi and flat-screen television for a pleasant stay in Colorado Springs.</p><p>The venue features accommodation in Old Colorado City district. The city centre is also 5 km away. Garden Of The Gods Motel is a short ride from Rock Ledge Ranch Historic Site.</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">79US$</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="1472834" > <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="satellite-hotel" data-id="505963" data-lat="38.823486" data-lng="-104.759114"> <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/8456/845607/845607047.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/8456/845607/845607047.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16097/1609763/1609763908.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9593/959360/959360284.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9593/959363/959363152.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9593/959363/959363227.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9593/959363/959363335.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9593/959360/959360365.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845710/845710997.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845714/845714327.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845714/845714372.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845720/845720792.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845740/845740691.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845740/845740757.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845749/845749949.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845720/845720837.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845740/845740775.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845742/845742521.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845750/845750354.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213943/1213943275.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213941/1213941667.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213941/1213941730.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213941/1213941883.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942039.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942210.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942342.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942408.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942465.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942501.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213943/1213943380.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942288.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942840.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942933.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213943/1213943005.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213943/1213943134.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213943/1213943329.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213943/1213943479.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942879.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213943/1213943425.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845713/845713238.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213941/1213941979.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213943/1213943185.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213941/1213941529.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442057/1442057758.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442058/1442058607.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442059/1442059027.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442059/1442059825.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442060/1442060851.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442055/1442055697.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442056/1442056534.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442057/1442057017.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442059/1442059096.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442059/1442059396.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942726.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213944/1213944109.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442056/1442056012.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10196/1019624/1019624971.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707940/707940232.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14420/1442058/1442058526.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845750/845750288.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939179.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707940/707940553.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707938/707938219.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213941/1213941604.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707938/707938492.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707940/707940307.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707938/707938435.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939773.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939869.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939053.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939536.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707940/707940016.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707938/707938144.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939293.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939365.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939935.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707938/707938663.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939128.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707940/707940163.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707939/707939437.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8457/845750/845750303.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707940/707940097.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942780.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942084.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942552.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707938/707938357.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213943/1213943092.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213941/1213941934.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942168.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942120.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3048/304832/304832428.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3048/304832/304832444.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3048/304832/304832436.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7079/707940/707940622.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213941/1213941838.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239533/1239533407.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239533/1239533410.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12395/1239533/1239533413.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3048/304832/304832464.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213942/1213942255.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="satellite-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3048/304832/304832432.JPEG" data-image-gallery="gallerysatellite-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="satellite-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"> 6.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (338)</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="5451473">Satellite 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">411 Lakewood Circle</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Featuring a picnic area, a golf course and a barber shop, Satellite Hotel Colorado Springs is approximately 20 minutes' walk from Williams Fire Museum. The venue lies in the very heart of Colorado Springs.</p><p>This accommodation is in a 20-minute walk from Prairie Grass Park. You can get to Colorado Music Hall in a few minutes 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">109US$</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="5451473" > <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="mcm-elegante-suites-adults-only" data-id="505964" data-lat="38.922984" data-lng="-104.79434"> <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/6882/688284/688284804.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6882/688284/688284804.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15928/1592887/1592887560.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608296/1608296726.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608296/1608296725.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608296/1608296727.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608296/1608296731.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608296/1608296728.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15928/1592887/1592887558.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15928/1592887/1592887557.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521251/1521251689.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521251/1521251758.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521251/1521251797.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521251/1521251803.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521253/1521253231.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521253/1521253321.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521258/1521258712.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608296/1608296729.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498725/1498725931.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498725/1498725934.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498725/1498725937.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498726/1498726093.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521253/1521253255.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521258/1521258781.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521258/1521258223.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521258/1521258478.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589453/1589453623.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589459/1589459746.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589464/1589464766.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589453/1589453633.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589453/1589453683.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589459/1589459788.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589464/1589464835.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589459/1589459804.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589459/1589459819.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1328/132837/132837735.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15893/1589329/1589329358.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15893/1589329/1589329416.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589464/1589464826.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11565/1156528/1156528317.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11563/1156398/1156398792.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11565/1156527/1156527795.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15893/1589329/1589329420.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589464/1589464910.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15893/1589329/1589329406.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521258/1521258700.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15893/1589329/1589329438.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589464/1589464834.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11538/1153835/1153835610.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11538/1153835/1153835667.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688284/688284714.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688284/688284738.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688285/688285059.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688285/688285239.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688285/688285353.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688286/688286019.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688285/688285791.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688285/688285965.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688286/688286073.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688285/688285719.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688284/688284771.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688285/688285623.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589464/1589464769.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589453/1589453696.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688284/688284597.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688284/688284633.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15212/1521254/1521254824.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688284/688284696.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1388/138872/138872916.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688285/688285536.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10854/1085444/1085444239.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10854/1085444/1085444275.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10854/1085444/1085444350.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10854/1085444/1085444314.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15893/1589329/1589329400.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085650/1085650723.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085650/1085650885.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085651/1085651116.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085650/1085650612.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085650/1085650780.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085650/1085650837.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085650/1085650924.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085650/1085650975.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085651/1085651026.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085651/1085651074.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085651/1085651164.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085651/1085651218.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10856/1085650/1085650687.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3565/356560/356560735.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3565/356560/356560741.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3565/356560/356560738.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/586/58601/58601401.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3565/356560/356560732.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3587/358753/358753513.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/836/83672/83672906.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/836/83672/83672921.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/586/58601/58601434.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/586/58601/58601419.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/325/32556/32556910.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/325/32556/32556913.JPEG" data-image-gallery="gallerymcm-elegante-suites-adults-only" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="mcm-elegante-suites-adults-only" > </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.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (299)</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="184944">Mcm Elegante Suites (Adults Only)</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">6450 N Academy Blvd</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Located off St Patricks Roman Catholic Church, this 3-star Mcm Elegante Suites Colorado Springs is at 3 km distance from Chapel Hills Mall. High speed Internet access is available throughout the property as well as complimentary parking and a picnic area are available on site.</p><p>Adventure Golf and Batting Cages is less than 1.8 km away. You can get to University Center in a few minutes 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">146US$</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="184944" > <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="howard-johnson-by-wyndham-colorado-springs" data-id="505965" data-lat="38.8167" data-lng="-104.822"> <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/12755/1275567/1275567877.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12755/1275567/1275567877.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6428/642857/642857385.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6303/630323/630323505.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6303/630323/630323715.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6309/630969/630969090.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6309/630978/630978219.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567418.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567466.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567499.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567925.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6309/630977/630977643.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6309/630977/630977928.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275568/1275568006.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14381/1438199/1438199152.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567382.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275568/1275568048.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567802.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567643.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567679.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438202/1438202539.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14382/1438202/1438202716.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11391/1139126/1139126350.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567550.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10167/1016729/1016729689.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567955.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688592/688592298.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688592/688592442.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688592/688592607.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688593/688593045.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688595/688595730.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688585/688585404.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688586/688586733.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688587/688587720.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688588/688588566.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688589/688589235.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688590/688590102.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688590/688590981.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688591/688591539.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688593/688593417.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688594/688594110.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688594/688594614.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688595/688595244.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3368/336833/336833683.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688585/688585269.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688592/688592694.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567841.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688595/688595868.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688595/688595958.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688596/688596153.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688596/688596243.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688593/688593768.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688592/688592898.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688592/688592805.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4601/460195/460195437.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688592/688592967.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12755/1275567/1275567727.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1472/147238/147238286.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1472/147238/147238304.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688586/688586034.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6885/688596/688596057.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8390/839071/839071523.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1472/147238/147238295.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6506/650623/650623173.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6506/650623/650623176.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1472/147238/147238298.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1472/147238/147238301.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1552/155209/155209031.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4601/460195/460195422.JPEG" data-image-gallery="galleryhoward-johnson-by-wyndham-colorado-springs" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="howard-johnson-by-wyndham-colorado-springs" > </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"> 6.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (337)</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="323555">Howard Johnson By Wyndham Colorado Springs</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">1</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">1231 S. Nevada Ave.</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>The 2-star Howard Johnson By Wyndham Colorado Springs Hotel is situated 3.8 km from Seven Falls. To ensure an exceptional stay in Colorado Springs, service-minded staff stands ready to provide 24-hour reception and express check-out.</p><p>This accommodation is in a 20-minute walk from Colorado Springs Pioneers Museum. The venue is set within 2 km distance of the city centre. Howard Johnson By Wyndham Colorado Springs Hotel is a short ride from World Arena.</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">55US$</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="323555" > <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="rodeway-inn" data-id="505966" data-lat="38.84609" data-lng="-104.867874"> <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/13899/1389970/1389970748.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13899/1389970/1389970748.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13899/1389970/1389970772.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13899/1389971/1389971147.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13953/1395388/1395388553.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13953/1395388/1395388604.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13953/1395397/1395397727.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13953/1395397/1395397772.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13899/1389970/1389970346.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13321/1332190/1332190751.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13341/1334199/1334199104.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13321/1332190/1332190478.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13321/1332191/1332191795.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13341/1334197/1334197181.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13341/1334199/1334199071.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13341/1334199/1334199572.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13193/1319325/1319325313.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13193/1319317/1319317060.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13193/1319317/1319317039.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13193/1319325/1319325310.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13146/1314620/1314620779.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13193/1319322/1319322067.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13193/1319325/1319325304.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13953/1395380/1395380498.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13321/1332191/1332191261.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13341/1334199/1334199086.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13146/1314620/1314620812.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13193/1319327/1319327389.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13341/1334199/1334199056.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12754/1275471/1275471544.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15893/1589375/1589375894.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15893/1589375/1589375908.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13193/1319327/1319327383.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10634/1063452/1063452517.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10634/1063452/1063452616.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10634/1063452/1063452703.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215764/215764739.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15893/1589375/1589375890.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13953/1395387/1395387227.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13953/1395387/1395387203.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13341/1334199/1334199557.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10867/1086738/1086738883.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11538/1153897/1153897734.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8418/841886/841886657.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705945/705945631.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705945/705945457.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705945/705945523.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4461/446190/446190669.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4553/455393/455393556.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4553/455393/455393565.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3920/392061/392061699.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4461/446190/446190684.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215764/215764748.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215764/215764778.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3920/392061/392061702.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4461/446190/446190663.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4461/446190/446190675.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3565/356561/356561023.JPEG" data-image-gallery="galleryrodeway-inn" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="rodeway-inn" > </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"> 5.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (216)</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="185376">Rodeway Inn</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">2</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">2625 Ore Mill Rd</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Rodeway Inn Colorado Springs is a 10-minute drive from Garden of the Gods, and it features free parking, allergy friendly rooms and an indoor swimming pool onsite. The centre of Colorado Springs is within 5 km of the venue, and the Anasazi museum "Manitou Cliff Dwellings" is about 4 km away.</p><p>You can get to Pikes Peak Center Auditorium in a few minutes 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">55US$</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="185376" > <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="motel-6-colorado-springs-co" data-id="505967" data-lat="38.88039" data-lng="-104.837189"> <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/16060/1606055/1606055498.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/16060/1606055/1606055498.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16060/1606055/1606055499.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16209/1620990/1620990874.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16209/1620990/1620990870.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16209/1620990/1620990873.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16060/1606055/1606055497.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16209/1620990/1620990872.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14486/1448679/1448679454.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16060/1606055/1606055496.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217165/1217165095.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217167/1217167051.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217167/1217167564.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16209/1620990/1620990867.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217166/1217166970.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217166/1217166877.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11657/1165727/1165727850.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14486/1448681/1448681521.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217165/1217165326.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217167/1217167837.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6780/678060/678060525.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6780/678059/678059136.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6780/678062/678062535.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6780/678062/678062097.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217167/1217167255.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6780/678062/678062724.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16209/1620990/1620990868.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16209/1620990/1620990869.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12171/1217167/1217167420.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6780/678060/678060684.JPEG" data-image-gallery="gallerymotel-6-colorado-springs-co" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-colorado-springs-co" > </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"> 4.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (483)</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="366249">Motel 6-Colorado Springs, Co</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">2</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">3228 N Chestnut St</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Set 15 minutes' drive away from Olympic Training Center Sports Complex, Motel 6-Colorado Springs, Co features complimentary parking and an outdoor swimming pool. The 737-acre wildlife preserve "Palmer Park" is less than 5 km away.</p><p>The property is situated 5 km from Colorado Springs city centre and 25 km from Colorado Springs airport. You can get to Garden of the Gods in a few minutes 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">70US$</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="366249" > <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="dog-friendly-hotels">Dog 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="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-id="505968" data-lat="38.791790727534" data-lng="-104.79811191559"> <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/12753/1275366/1275366091.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12753/1275366/1275366091.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8898/889893/889893706.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8899/889937/889937170.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364120.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364150.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364243.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364279.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364360.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364393.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364495.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364561.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364624.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364663.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364870.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365053.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365077.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365176.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365236.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365275.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365305.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365365.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365401.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365449.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365500.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365530.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365566.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365629.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365734.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365767.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365914.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275366/1275366151.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275366/1275366202.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275366/1275366304.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364420.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364990.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365341.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364954.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364327.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364183.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365830.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365872.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275366/1275366277.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275366/1275366241.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364705.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365470.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210248/1210248511.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210248/1210248574.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364771.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364453.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275364/1275364894.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365998.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12102/1210248/1210248385.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9239/923933/923933371.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275366/1275366049.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3139/313983/313983617.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3139/313983/313983661.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3139/313983/313983685.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3139/313983/313983713.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4324/432402/432402450.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365020.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705925/705925714.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365134.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365647.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12957/1295793/1295793091.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12662/1266276/1266276646.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275365/1275365710.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12662/1266276/1266276640.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10858/1085890/1085890108.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12662/1266276/1266276643.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9248/924859/924859213.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9248/924859/924859255.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9248/924859/924859324.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9248/924859/924859423.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9248/924859/924859144.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9248/924859/924859387.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9248/924859/924859180.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12662/1266276/1266276649.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9248/924859/924859348.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7509/750939/750939998.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/325/32556/32556940.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/325/32556/32556943.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/325/32556/32556946.JPEG" data-image-gallery="galleryla-quinta-by-wyndham-colorado-springs-south-airport-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="la-quinta-by-wyndham-colorado-springs-south-airport-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"> 5.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (778)</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="428930">La Quinta By Wyndham Colorado Springs South Airport 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">2750 Geyser Drive</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Located 6 km from the altitude Cheyenne Mountain Zoo, guests of 3-star La Quinta By Wyndham Colorado Springs South Airport may find a PS game console and entertainment activities on-site. Olympic Training Center Sports Complex is less than 7 km away.</p><p>The venue is very close to the business district of Colorado Springs and just a stroll from Cinemark Tinseltown USA and XD. You can get to Cottonwood Center for the Arts in a few minutes 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">59US$</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="428930" > <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="towneplace-suites-colorado-springs" data-id="505969" data-lat="38.901076" data-lng="-104.853765"> <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/15469/1546923/1546923565.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15469/1546923/1546923565.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923454.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923466.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923544.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498823/1498823293.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923520.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923475.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923517.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13660/1366077/1366077734.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13660/1366085/1366085627.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13660/1366090/1366090868.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923448.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923505.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923442.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13660/1366090/1366090826.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14995/1499564/1499564338.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13660/1366077/1366077809.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15469/1546923/1546923430.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698639/698639565.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14087/1408783/1408783706.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9846/984689/984689449.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9846/984689/984689455.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9846/984689/984689458.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8401/840136/840136856.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194093/194093122.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194093/194093125.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194093/194093131.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194093/194093137.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194093/194093140.JPEG" data-image-gallery="gallerytowneplace-suites-colorado-springs" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="towneplace-suites-colorado-springs" > </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> (74)</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="267006">Towneplace Suites Colorado Springs</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">4760 Centennial Blvd</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Towneplace Suites Colorado Springs Garden Of The Gods is 7 km of the archaeological museum "Manitou Cliff Dwellings" and features free self parking, an outdoor swimming pool and allergy free rooms. The non - profit Rocky Mountain Motorcycle Museum is less than 3.9 km away.</p><p>The venue is located in the business district of Colorado Springs. You can get to Red Rock Canyon in a few minutes 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">114US$</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="267006" > <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="kid-friendly-hotels">Kid 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="home2-suites-by-hilton-colorado-springs-south-co" data-id="505970" data-lat="38.79275" data-lng="-104.804944"> <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/15523/1552305/1552305871.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15523/1552305/1552305871.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305676.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305682.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305808.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305823.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305883.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305892.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305895.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305904.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305907.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305916.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305922.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305928.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305934.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305952.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552306/1552306033.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305964.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305874.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305913.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305901.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305877.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305826.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552306/1552306021.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305973.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305778.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305766.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305688.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305961.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305751.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12885/1288569/1288569514.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305880.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305850.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305844.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12885/1288569/1288569520.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13133/1313306/1313306194.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305862.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305697.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305919.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10354/1035463/1035463447.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13133/1313306/1313306185.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305781.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13133/1313306/1313306116.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15523/1552305/1552305859.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12885/1288569/1288569526.JPEG" data-image-gallery="galleryhome2-suites-by-hilton-colorado-springs-south-co" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="home2-suites-by-hilton-colorado-springs-south-co" > </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> (182)</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="4989533">Home2 Suites By Hilton Colorado Springs South, Co</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">1225 Tenderfoot Hill Rd</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>The 3-star Home2 Suites By Hilton Colorado Springs South, Co is set 3.7 km from Arrowhead Square Shopping Center and 3.9 km from Seven Falls. Located at a reasonable distance from Olympic Training Center Sports Complex, the venue offers 119 rooms with breathtaking views.</p><p>The accommodation is situated 5 km from Colorado Springs city centre and 0.5 km from Colorado Springs airport. Quail Lake Park is also located near the hotel.</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">572US$</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="4989533" > <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="alta-hotel" data-id="505971" data-lat="38.79743" data-lng="-104.79545"> <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/14343/1434323/1434323458.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14343/1434323/1434323458.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11752/1175204/1175204129.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9666/966667/966667399.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9666/966668/966668473.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9263/926393/926393350.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9263/926393/926393734.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9263/926393/926393749.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2511/251108/251108337.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311617/311617501.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12104/1210406/1210406944.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832344/832344794.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832344/832344875.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832345/832345022.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832345/832345160.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832345/832345628.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832345/832345871.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832345/832345094.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434323/1434323584.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434323/1434323764.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434324/1434324226.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434323/1434323941.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12104/1210407/1210407022.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12104/1210407/1210407529.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3704/370415/370415401.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938559/938559007.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938559/938559061.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938559/938559103.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311617/311617477.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311617/311617493.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10165/1016526/1016526916.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10165/1016527/1016527279.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434323/1434323881.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434322/1434322711.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434322/1434322741.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311617/311617505.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311617/311617489.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832345/832345754.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832344/832344878.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3704/370415/370415413.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/416/41610/41610865.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311617/311617485.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/416/41610/41610727.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1030/103039/103039763.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/416/41610/41610781.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2502/250202/250202101.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/416/41610/41610841.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11538/1153825/1153825128.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7562/756233/756233581.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3704/370415/370415440.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309078/309078469.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3704/370415/370415422.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3704/370415/370415431.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3724/372446/372446605.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832345/832345562.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309078/309078485.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309078/309078477.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3116/311617/311617481.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1216/121624/121624383.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1216/121624/121624413.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1216/121624/121624398.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434324/1434324121.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3090/309078/309078429.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688267/688267830.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688268/688268823.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688268/688268943.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688269/688269441.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1030/103039/103039745.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1030/103039/103039706.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688269/688269330.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1030/103039/103039724.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688269/688269297.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/416/41610/41610847.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4524/452427/452427084.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688268/688268550.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3724/372446/372446599.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688268/688268778.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/416/41610/41610751.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688268/688268487.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688268/688268334.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688268/688268385.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688268/688268121.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938559/938559160.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8388/838893/838893098.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688267/688267935.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9380/938095/938095498.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688269/688269372.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8388/838893/838893143.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6882/688269/688269354.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/787/78702/78702921.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11537/1153789/1153789764.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11537/1153778/1153778898.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10146/1014688/1014688789.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10146/1014688/1014688834.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10868/1086828/1086828820.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14343/1434323/1434323227.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11432/1143225/1143225322.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9710/971059/971059552.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11538/1153824/1153824963.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8388/838893/838893797.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="alta-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/628/62818/62818555.JPEG" data-image-gallery="galleryalta-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="alta-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"> 6.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (405)</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="184686">Alta 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">2886 South Circle Drive</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Featuring high speed Internet access throughout the property, Hotel Elegante Conference And Event Center Colorado Springs offers accommodation a 10-minute drive from Olympic Training Center Sports Complex. The venue is situated in the very heart of Colorado Springs, just off Expanding Minds Unlimited.</p><p>Arrowhead Square Shopping Center is less than 2.9 km away. You can get to Quail Lake Park in a few minutes 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">126US$</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="184686" > <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="the-academy-hotel-colorado-springs" data-id="505972" data-lat="38.9491" data-lng="-104.80424"> <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/12266/1226691/1226691962.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12266/1226691/1226691962.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584566/1584566333.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584566/1584566360.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15845/1584566/1584566320.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917490/917490808.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12320/1232060/1232060600.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12319/1231942/1231942898.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12267/1226773/1226773913.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12266/1226692/1226692028.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231669/1231669508.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231672/1231672136.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231672/1231672307.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231677/1231677779.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12266/1226692/1226692253.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12317/1231733/1231733258.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12317/1231797/1231797788.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12319/1231946/1231946066.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12320/1232052/1232052830.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12320/1232052/1232052860.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12317/1231733/1231733453.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12320/1232042/1232042930.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12320/1232043/1232043011.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231669/1231669652.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9678/967807/967807078.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9678/967807/967807702.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917491/917491279.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917492/917492155.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231677/1231677707.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12299/1229973/1229973253.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231669/1231669667.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13858/1385847/1385847662.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231669/1231669397.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12318/1231800/1231800266.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231670/1231670069.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12266/1226695/1226695526.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231672/1231672121.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5603/560351/560351418.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231672/1231672151.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231672/1231672052.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12320/1232045/1232045963.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5603/560352/560352600.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231672/1231672166.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231672/1231672325.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231670/1231670099.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12320/1232067/1232067317.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5603/560351/560351169.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12317/1231733/1231733273.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/398/39810/39810838.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/398/39812/39812983.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/398/39812/39812968.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12320/1232052/1232052875.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12320/1232066/1232066915.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12316/1231669/1231669523.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12266/1226694/1226694194.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5603/560352/560352615.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1308/130875/130875143.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9711/971104/971104375.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679095/679095237.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096185.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096326.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096254.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679095/679095285.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679097/679097181.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096986.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096503.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096581.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679095/679095942.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096008.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449640/449640837.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679097/679097295.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679095/679095684.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679095/679095486.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679095/679095546.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679097/679097529.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679097/679097358.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679097/679097724.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449643/449643327.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096395.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679097/679097406.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679095/679095606.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449643/449643054.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1801/180161/180161574.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679095/679095759.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449641/449641455.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449642/449642292.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449643/449643858.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449640/449640774.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449642/449642391.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679097/679097028.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2782/278249/278249533.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1801/180161/180161838.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1801/180161/180161829.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1801/180162/180162120.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1801/180161/180161550.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1801/180161/180161556.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096935.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6790/679096/679096890.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449640/449640714.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4496/449642/449642511.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/325/32556/32556028.JPEG" data-image-gallery="gallerythe-academy-hotel-colorado-springs" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-academy-hotel-colorado-springs" > </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.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (2542)</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="453264">The Academy Hotel Colorado Springs</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">4</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">8110 N Academy Blvd</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Offering a sunbathing terrace, a golf course and a heated pool, The Academy Hotel Colorado Springs is set at 4.3 km distance from the non - profit Rocky Mountain Motorcycle Museum. The venue is just a 14-minute walk from Chapel Hills Mall.</p><p>The accommodation offers a perfect location 32-minute drive from Colorado Springs airport. You can get to Pro Rodeo Hall Of Fame Museum in a few minutes 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">119US$</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="453264" > <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 px-[15px]"> <style> .faq-accordion-item { transition: margin 0.3s ease; } .faq-accordion-item.active { margin-bottom: 10px; } .faq-accordion-item.active svg{ transform: rotate(180deg); } .faq-accordion-item svg { transition: transform 0.3s ease; } </style> <div class="max-w-[800px] mx-auto "> <h3 class="section-title mb-5">Colorado Springs Hotels FAQ</h3> <div xmlns="http://www.w3.org/1999/xhtml"> <div typeof="schema:FAQPage"> <div class="rounded-md bg-white mb-2 p-4" rel="schema:mainEntity"> <div typeof="schema:Question"> <div class="section-sub-title flex items-center justify-between cursor-pointer js-faq-accordion-item faq-accordion-item" property="schema:name" content="What are the best hotels around Colorado Springs airport?"> <span>What are the best hotels around Colorado Springs airport?</span> <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 rel="schema:acceptedAnswer"> <div typeof="schema:Answer"> <div class="text-base" property="schema:text" content="There are more than 392 reviews of our travellers for 15 options near Colorado Springs airport. Days Inn By Wyndham Airport, Holiday Inn - Airport, An Ihg Hotel and Super 8 By Wyndham Airport are also the best-rated hotels based on travellers' reviews. To see other top airport hotels click here.">There are more than 392 reviews of our travellers for 15 options near Colorado Springs airport. Days Inn By Wyndham Airport, Holiday Inn - Airport, An Ihg Hotel and Super 8 By Wyndham Airport are also the best-rated hotels based on travellers' reviews. To see other top airport hotels click here.</div> </div> </div> </div> </div> <div class="rounded-md bg-white mb-2 p-4" rel="schema:mainEntity"> <div typeof="schema:Question"> <div class="section-sub-title flex items-center justify-between cursor-pointer js-faq-accordion-item faq-accordion-item" property="schema:name" content="What are the finest hotels in Colorado Springs city centre?"> <span>What are the finest hotels in Colorado Springs city centre?</span> <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 rel="schema:acceptedAnswer"> <div typeof="schema:Answer"> <div class="text-base" property="schema:text" content="Our destinations.guide travel data based on 18 travellers' reviews show the top places in Colorado Springs city centre. The best hotel in Colorado Springs city centre is The St. Mary'S Inn, Bed And Breakfast rated 7.8/10, offering a golf course, concierge service and a business centre on site. Hilton Garden Inn Downtown, Co with rating 7.0/10 and Quality Suites Central rated 8.2/10 are other favourite hotels in the area. Go here to see more central hotels.">Our destinations.guide travel data based on 18 travellers' reviews show the top places in Colorado Springs city centre. The best hotel in Colorado Springs city centre is The St. Mary'S Inn, Bed And Breakfast rated 7.8/10, offering a golf course, concierge service and a business centre on site. Hilton Garden Inn Downtown, Co with rating 7.0/10 and Quality Suites Central rated 8.2/10 are other favourite hotels in the area. Go here to see more central hotels.</div> </div> </div> </div> </div> <div class="rounded-md bg-white mb-2 p-4" rel="schema:mainEntity"> <div typeof="schema:Question"> <div class="section-sub-title flex items-center justify-between cursor-pointer js-faq-accordion-item faq-accordion-item" property="schema:name" content="Which hotels in Old Colorado City district are the best?"> <span>Which hotels in Old Colorado City district are the best?</span> <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 rel="schema:acceptedAnswer"> <div typeof="schema:Answer"> <div class="text-base" property="schema:text" content="One of the best hotels is Garden Of The Gods Motel with rating 8.0/10. Offering an indoor swimming pool, an indoor pool and housekeeping on site, this property is a 15-minute walk from The Michael Garman Museum & Gallery. Another top accommodation is Old Town Guesthouse at the cost of 202US$ per night, which can offer continental and ironing on site. See more favoured cheap hotels here.">One of the best hotels is Garden Of The Gods Motel with rating 8.0/10. Offering an indoor swimming pool, an indoor pool and housekeeping on site, this property is a 15-minute walk from The Michael Garman Museum & Gallery. Another top accommodation is Old Town Guesthouse at the cost of 202US$ per night, which can offer continental and ironing on site. See more favoured cheap hotels here.</div> </div> </div> </div> </div> </div> </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 United States</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> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels near Landmark</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/us/colorado-springs-hotels-near-garden-of-the-gods">Garden of the Gods</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/colorado-springs-hotels-near-cheyenne-mountain-zoo">Cheyenne Mountain Zoo</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</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/us/colorado-springs-hotels-old-colorado-city">Old Colorado City</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/colorado-springs-hotels-downtown-colorado-springs">Downtown Colorado Springs</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 Colorado Springs</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 Colorado Springs</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/colorado-springs-motels">colorado springs motels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-bed-and-breakfast">b&b colorado springs</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-resorts">colorado springs resort</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/en-us/colorado-springs-pet-friendly-hotels">pet friendly hotels in colorado springs</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-hotels-with-pool">colorado springs hotels with pools</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-family-hotels">colorado springs resorts for families</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-romantic-hotels">romantic hotels colorado springs</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-cheap-hotels">cheap hotels in colorado springs</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-hotels-with-jacuzzi">hotels in colorado springs with hot tub in room</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-4-star-hotels">colorado springs 4 star hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-boutique-hotels">boutique hotels in colorado springs</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-hotels-near-cos">hotels near colorado springs airport</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/colorado-springs-5-star-hotels">5 star hotels in colorado springs</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":"Of1fbWJycUOdW5nc"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"20017286","dest_name":"Colorado Springs","city_id":18743,"pid":304526,"page":"post","bid":"20017286"} </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="preload" as="style" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post-gRPuHYnO.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-xmMQKjFG.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-B81A-QHD.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/media-DZZXPl_y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/createSlider-DIcCBx3D.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="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/createSlider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/post-gRPuHYnO.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> <link rel="modulepreload" href="https://touristvr.com/build/assets/faq-BNSvpbqa.js" /><script type="module" src="https://touristvr.com/build/assets/faq-BNSvpbqa.js"></script> </body> </html>