CINXE.COM
Best Chattanooga Central Hotels | Hotels near City Center from 63US$
<!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="Chattanooga, nestled amid the breathtaking Tennessee River and scenic Appalachian Mountains, offers a vibrant blend of culture, history, and natural"> <title>Best Chattanooga Central Hotels | Hotels near City Center from 63US$</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/chattanooga-central-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Chattanooga Central Hotels | Hotels near City Center from 63US$" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/chattanooga-central-hotels" title="English"> <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-9_dDuI1Z.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-9_dDuI1Z.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" : "63US$", "address": { "@type": "PostalAddress", "streetAddress": "2440 Williams St" }, "name": "Motel 6 Chattanooga Downtown" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "169US$", "address": { "@type": "PostalAddress", "streetAddress": "1201 Broad Street" }, "name": "The Chattanoogan Hotel, Curio Collection By Hilton" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "237US$", "address": { "@type": "PostalAddress", "streetAddress": "102 Walnut Street" }, "name": "The Edwin Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "81US$", "address": { "@type": "PostalAddress", "streetAddress": "2431 Williams St" }, "name": "Red Roof Inn Plus+ & Suites Chattanooga" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "112US$", "address": { "@type": "PostalAddress", "streetAddress": "Two Carter Plaza" }, "name": "Chattanooga Marriott Downtown" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "144US$", "address": { "@type": "PostalAddress", "streetAddress": "107 West Martin Luther King Blvd" }, "name": "The Read House Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "179US$", "address": { "@type": "PostalAddress", "streetAddress": "1409 Market Street" }, "name": "Kinley Chattanooga Southside, A Tribute Portfolio Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "115US$", "address": { "@type": "PostalAddress", "streetAddress": "311 Chestnut Street" }, "name": "Hilton Garden Inn Chattanooga Downtown" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "139US$", "address": { "@type": "PostalAddress", "streetAddress": "400 Chestnut Street" }, "name": "Hampton Inn & Suites Chattanooga Downtown" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "215US$", "address": { "@type": "PostalAddress", "streetAddress": "411 East Second Street" }, "name": "Bluff View Inn" } ] } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/en-us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> </div> </div> </div> </header> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/1920x1080/6956/695601/695601363.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/450x450/6956/695601/695601363.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">Hotels in Chattanooga Center</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 Hotels in Chattanooga Center, 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">Chattanooga</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Feb 28, 2025 - Mar 01, 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-tennessee/'>Tennessee 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">Hotels in Chattanooga Center</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="riverview-inn" data-bhotel-id="riverview-inn" data-name = "Riverview Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10098/1009804/1009804639.JPEG" data-lat="35.02225" data-lng="-85.34135" data-price = "185US$" > <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="4524183" 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/10098/1009804/1009804639.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/10098/1009804/1009804609.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/10098/1009804/1009804933.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> </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> (18)</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/riverview-inn-chattanooga" 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">Riverview Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">185US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4524183" > <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-chattanooga-near-hamilton-place" data-bhotel-id="residence-inn-chattanooga-near-hamilton-place" data-name = "Residence Inn Chattanooga Near Hamilton Place" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/13604/1360443/1360443416.JPEG" data-lat="35.045385" data-lng="-85.159493" data-price = "259US$" > <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="192099" 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/13604/1360443/1360443416.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/16329/1632994/1632994275.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/16329/1632994/1632994279.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> </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> (81)</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/residence-inn-chattanooga-near-hamilton-place" 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 Chattanooga Near Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">259US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="192099" > <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-dwell-hotel-a-member-of-design-hotels" data-bhotel-id="the-dwell-hotel-a-member-of-design-hotels" data-name = "The Dwell Hotel, A Member Of Design Hotels" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/7120/712023/712023505.JPEG" data-lat="35.04428" data-lng="-85.30792" data-price = "198US$" > <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="508066" 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/7120/712023/712023505.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/15881/1588162/1588162990.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/13368/1336823/1336823954.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> </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> (80)</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-dwell-hotel-a-member-of-design-hotels-chattanooga" 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 Dwell Hotel, A Member Of Design Hotels</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">198US$</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="508066" > <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="district-3-hotel-ascend-hotel-collection" data-bhotel-id="district-3-hotel-ascend-hotel-collection" data-name = "District 3 Hotel, Ascend Hotel Collection" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12789/1278997/1278997852.JPEG" data-lat="35.03158" data-lng="-85.31175" data-price = "71US$" > <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="456845" 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/12789/1278997/1278997852.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/16254/1625491/1625491042.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/16254/1625491/1625491045.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> </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> (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/district-3-hotel-ascend-hotel-collection-chattanooga" 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">District 3 Hotel, Ascend Hotel Collection</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">71US$</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="456845" > <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="element-chattanooga-east" data-bhotel-id="element-chattanooga-east" data-name = "Element Chattanooga East" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13747/1374738/1374738626.JPEG" data-lat="35.04519" data-lng="-85.159476" data-price = "145US$" > <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="8931281" 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/13747/1374738/1374738626.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/16083/1608376/1608376568.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/16083/1608376/1608376670.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> </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> (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/element-chattanooga-east-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">Element Chattanooga East</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">145US$</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="8931281" > <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-mayors-mansion-inn" data-bhotel-id="the-mayors-mansion-inn" data-name = "The Mayor'S Mansion Inn" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10331/1033114/1033114691.JPEG" data-lat="35.04597" data-lng="-85.29427" data-price = "248US$" > <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="3747816" 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/10331/1033114/1033114691.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/10333/1033324/1033324757.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/11750/1175032/1175032106.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> </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> (96)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-mayor-s-mansion-inn-chattanooga" 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 Mayor'S Mansion Inn</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">248US$</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="3747816" > <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-select-chattanooga-hamilton-place" data-bhotel-id="sonesta-select-chattanooga-hamilton-place" data-name = "Sonesta Select Chattanooga Hamilton Place" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10379/1037948/1037948434.JPEG" data-lat="35.03948" data-lng="-85.15787" data-price = "105US$" > <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="264902" 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/10379/1037948/1037948434.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/1540763/1540763428.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/1540763/1540763254.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> </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> (64)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/sonesta-select-chattanooga-hamilton-place-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">Sonesta Select Chattanooga Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="264902" > <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="fairfield-inn-suites-by-marriott-chattanooga" data-bhotel-id="fairfield-inn-suites-by-marriott-chattanooga" data-name = "Fairfield Inn & Suites By Marriott Chattanooga" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16322/1632228/1632228111.JPEG" data-lat="35.04547" data-lng="-85.15602" data-price = "68US$" > <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="191473" 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/16322/1632228/1632228111.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/1632228/1632228100.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/1632228/1632228109.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> </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> (136)</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/fairfield-inn-suites-by-marriott-chattanooga" 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">Fairfield Inn & Suites By Marriott Chattanooga</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">68US$</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="191473" > <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-heritage-inn-chattanooga" data-bhotel-id="best-western-heritage-inn-chattanooga" data-name = "Best Western Heritage Inn - Chattanooga" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/10231/1023166/1023166270.JPEG" data-lat="35.060659" data-lng="-85.134819" data-price = "74US$" > <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="342848" 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/10231/1023166/1023166270.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/14348/1434850/1434850318.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/14348/1434849/1434849037.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> </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> (111)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/best-western-heritage-inn-chattanooga" 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 Heritage Inn - Chattanooga</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">9.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 ">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="342848" > <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-chattanooga-hamilton-place" data-bhotel-id="la-quinta-by-wyndham-chattanooga-hamilton-place" data-name = "La Quinta By Wyndham Chattanooga-Hamilton Place" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12760/1276024/1276024450.JPEG" data-lat="35.04622" data-lng="-85.15515" data-price = "103US$" > <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="408205" 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/12760/1276024/1276024450.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/15996/1599655/1599655982.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/1592066/1592066677.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> </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> (201)</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-chattanooga-hamilton-place-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 Chattanooga-Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="408205" > <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="serenitystay-chattanooga-hamilton-place" data-bhotel-id="serenitystay-chattanooga-hamilton-place" data-name = "Serenitystay Chattanooga Hamilton Place" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16352/1635251/1635251692.JPEG" data-lat="35.044461" data-lng="-85.158162" data-price = "52US$" > <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="428633" 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/16352/1635251/1635251692.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/15984/1598408/1598408358.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/15912/1591239/1591239584.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> </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> (114)</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/serenitystay-chattanooga-hamilton-place" 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">Serenitystay Chattanooga Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="428633" > <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="stay-express-inn-chattanooga" data-bhotel-id="stay-express-inn-chattanooga" data-name = "Stay Express Inn Chattanooga" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11488/1148894/1148894992.JPEG" data-lat="34.98908" data-lng="-85.20835" data-price = "72US$" > <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="7683165" 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/11488/1148894/1148894992.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/16294/1629486/1629486953.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/11516/1151644/1151644833.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> </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> (70)</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/stay-express-inn-chattanooga" 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">Stay Express Inn Chattanooga</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.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 ">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="7683165" > <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-downtown" data-bhotel-id="comfort-inn-downtown" data-name = "Comfort Inn Downtown" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12805/1280586/1280586793.JPEG" data-lat="35.028548" data-lng="-85.313602" data-price = "89US$" > <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="42263" 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/12805/1280586/1280586793.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/9768/976899/976899298.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/12805/1280583/1280583979.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> </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> (97)</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-inn-downtown-chattanooga" 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 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">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 ">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="42263" > <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-chattanooga-hamilton-place-an-ihg-hotel" data-bhotel-id="staybridge-suites-chattanooga-hamilton-place-an-ihg-hotel" data-name = "Staybridge Suites Chattanooga-Hamilton Place, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/11930/1193061/1193061694.JPEG" data-lat="35.043694" data-lng="-85.15865" data-price = "138US$" > <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="171618" 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/11930/1193061/1193061694.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/15861/1586117/1586117200.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/15861/1586117/1586117204.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> </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> (127)</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/staybridge-suites-chattanooga-hamilton-place-by-ihg" 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 Chattanooga-Hamilton Place, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="171618" > <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="hotel-indigo-chattanooga-downtown-an-ihg-hotel" data-bhotel-id="hotel-indigo-chattanooga-downtown-an-ihg-hotel" data-name = "Hotel Indigo Chattanooga - Downtown, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14581/1458160/1458160900.JPEG" data-lat="35.049074" data-lng="-85.313379" data-price = "174US$" > <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="4942034" 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/14581/1458160/1458160900.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/14581/1458152/1458152482.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/14581/1458155/1458155089.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> </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> (148)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-indigo-chattanooga-downtown-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">Hotel Indigo Chattanooga - Downtown, 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">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">174US$</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="4942034" > <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="clarion-inn-near-lookout-mountain" data-bhotel-id="clarion-inn-near-lookout-mountain" data-name = "Clarion Inn Near Lookout Mountain" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16322/1632265/1632265340.JPEG" data-lat="35.01835" data-lng="-85.37852" data-price = "71US$" > <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="491798" 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/16322/1632265/1632265340.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/1632265/1632265324.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/1632265/1632265337.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> </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> (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/clarion-inn-near-lookout-mountain-chattanooga" 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">Clarion Inn Near Lookout Mountain</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.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 ">71US$</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="491798" > <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="hotel-clemons" data-bhotel-id="hotel-clemons" data-name = "Hotel Clemons" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13149/1314961/1314961702.JPEG" data-lat="35.047276" data-lng="-85.311279" data-price = "167US$" > <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="4719206" 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/13149/1314961/1314961702.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/15904/1590410/1590410943.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/15478/1547887/1547887711.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> </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/en-us/hotel-clemons-chattanooga" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Clemons</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">167US$</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="4719206" > <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-east-ridge" data-bhotel-id="econo-lodge-east-ridge" data-name = "Econo Lodge East Ridge" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12849/1284987/1284987214.JPEG" data-lat="34.9887046813965" data-lng="-85.2011489868164" data-price = "57US$" > <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="3710795" 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/12849/1284987/1284987214.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/12849/1284987/1284987034.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/12849/1284987/1284987130.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> </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/us/econo-lodge-east-ridge-chattanooga" 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 East Ridge</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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="3710795" > <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-hotel-chattanooga-downtown" data-bhotel-id="doubletree-by-hilton-hotel-chattanooga-downtown" data-name = "Doubletree By Hilton Hotel Chattanooga Downtown" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/15521/1552143/1552143829.JPEG" data-lat="35.05126" data-lng="-85.311994" data-price = "127US$" > <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="187717" 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/1552143/1552143829.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/1552143/1552143445.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/1552143/1552143460.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> </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> (110)</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/doubletree-by-hilton-hotel-chattanooga-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">Doubletree By Hilton Hotel Chattanooga 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">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">127US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="187717" > <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="hotel-bo-a-days-inn-by-wyndham-chattanooga-downtown" data-bhotel-id="hotel-bo-a-days-inn-by-wyndham-chattanooga-downtown" data-name = "Hotel Bo, A Days Inn By Wyndham Chattanooga Downtown" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12760/1276033/1276033246.JPEG" data-lat="35.04533" data-lng="-85.31194" data-price = "90US$" > <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="402321" 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/12760/1276033/1276033246.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/15568/1556821/1556821675.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/15568/1556821/1556821690.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> </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> (274)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-bo-a-days-inn-by-wyndham-chattanooga-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">Hotel Bo, A Days Inn By Wyndham Chattanooga 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">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 ">90US$</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="402321" > <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="country-inn-suites-by-radisson-chattanooga-lookout-mountain" data-bhotel-id="country-inn-suites-by-radisson-chattanooga-lookout-mountain" data-name = "Country Inn & Suites By Radisson, Chattanooga-Lookout Mountain" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15258/1525832/1525832194.JPEG" data-lat="35.015622" data-lng="-85.3836" data-price = "106US$" > <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="402639" 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/15258/1525832/1525832194.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/15831/1583102/1583102818.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/15831/1583102/1583102822.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> </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> (271)</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/country-inn-suites-by-radisson-chattanooga-lookout-mountain" 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">Country Inn & Suites By Radisson, Chattanooga-Lookout Mountain</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.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 ">106US$</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="402639" > <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-hotel-suites-chattanooga-an-ihg-hotel" data-bhotel-id="holiday-inn-hotel-suites-chattanooga-an-ihg-hotel" data-name = "Holiday Inn Hotel & Suites Chattanooga, An Ihg Hotel" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12821/1282152/1282152745.JPEG" data-lat="35.051115" data-lng="-85.3115" data-price = "151US$" > <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="1548728" 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/12821/1282152/1282152745.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/14493/1449359/1449359377.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/15535/1553518/1553518849.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> </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> (106)</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/holiday-inn-hotel-suites-chattanooga-by-ihg" 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 Hotel & Suites Chattanooga, 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">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">151US$</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="1548728" > <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="sleep-inn" data-bhotel-id="sleep-inn" data-name = "Sleep Inn" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12760/1276093/1276093948.JPEG" data-lat="35.04577" data-lng="-85.1555" data-price = "145US$" > <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="457472" 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/12760/1276093/1276093948.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/12760/1276093/1276093291.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/12760/1276092/1276092454.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> </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> (58)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/sleep-inn-chattanooga" 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">Sleep Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">145US$</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="457472" > <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-read-house-hotel" data-bhotel-id="the-read-house-hotel" data-name = "The Read House Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/9746/974625/974625121.JPEG" data-lat="35.0461048272229" data-lng="-85.3105596899986" data-price = "144US$" > <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="406822" 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/9746/974625/974625121.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/1609728/1609728886.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/1609322/1609322940.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> </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> (303)</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-read-house-hotel-chattanooga" 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 Read House Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">144US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="406822" > <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="aloft-chattanooga-hamilton-place" data-bhotel-id="aloft-chattanooga-hamilton-place" data-name = "Aloft Chattanooga Hamilton Place" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/16316/1631618/1631618341.JPEG" data-lat="35.03292084" data-lng="-85.16034698" data-price = "149US$" > <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="7041294" 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/16316/1631618/1631618341.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/16316/1631618/1631618284.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/16316/1631618/1631618285.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> </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> (43)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/aloft-chattanooga-hamilton-place-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">Aloft Chattanooga Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">149US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7041294" > <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="suburban-studios" data-bhotel-id="suburban-studios" data-name = "Suburban Studios" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16111/1611102/1611102609.JPEG" data-lat="35.05902451" data-lng="-85.1357603" data-price = "80US$" > <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="428359" 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/1611102/1611102609.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/16111/1611102/1611102545.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/16111/1611102/1611102573.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> </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> (28)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/suburban-studios-chattanooga-northeast-ooltewah" 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">Suburban Studios</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">9.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 ">80US$</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="428359" > <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-hotel-suites-chattanooga-lookout-mountain-an-ihg-hotel" data-bhotel-id="holiday-inn-express-hotel-suites-chattanooga-lookout-mountain-an-ihg-hotel" data-name = "Holiday Inn Express Hotel & Suites Chattanooga-Lookout Mountain, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/14492/1449294/1449294442.JPEG" data-lat="35.015288" data-lng="-85.384752" data-price = "166US$" > <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="171630" 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/14492/1449294/1449294442.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/14992/1499230/1499230885.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/14992/1499230/1499230888.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> </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> (109)</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-hotel-suites-chattanooga-lookout-mountain-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 Hotel & Suites Chattanooga-Lookout Mountain, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.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 ">166US$</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="171630" > <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-chattanooga-east-ridge" data-bhotel-id="hampton-inn-chattanooga-east-ridge" data-name = "Hampton Inn Chattanooga East Ridge" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12804/1280446/1280446894.JPEG" data-lat="34.992398" data-lng="-85.201703" data-price = "140US$" > <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="4131765" 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/12804/1280446/1280446894.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/15573/1557372/1557372319.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/15573/1557372/1557372322.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> </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/en-us/hampton-inn-chattanooga-east-ridge" 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 Chattanooga East Ridge</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">140US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4131765" > <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-lookout-mountain" data-bhotel-id="econo-lodge-lookout-mountain" data-name = "Econo Lodge Lookout Mountain" data-rating = "7.4" data-rating-label = "Good" data-img = "https://images.touristvr.com/data/images/450x450w/15274/1527477/1527477319.JPEG" data-lat="35.0249938964844" data-lng="-85.3644638061523" data-price = "50US$" > <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="491722" 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/15274/1527477/1527477319.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/15274/1527477/1527477241.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/15274/1527477/1527477247.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> </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> (29)</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-lookout-mountain-chattanooga" 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 Lookout Mountain</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">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="491722" > <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-chattanooga-westlookout-mountain" data-bhotel-id="hampton-inn-chattanooga-westlookout-mountain" data-name = "Hampton Inn Chattanooga West/Lookout Mountain" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12757/1275755/1275755461.JPEG" data-lat="35.02024" data-lng="-85.380249" data-price = "215US$" > <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="480220" 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/12757/1275755/1275755461.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/15579/1557921/1557921724.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/15579/1557921/1557921934.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> </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> (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/us/hampton-inn-chattanooga-west-lookout-mountain" 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 Chattanooga West/Lookout Mountain</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">215US$</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="480220" > <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-select-suites-chattanooga-airport" data-bhotel-id="extended-stay-america-select-suites-chattanooga-airport" data-name = "Extended Stay America Select Suites - Chattanooga - Airport" data-rating = "7.6" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15515/1551583/1551583270.JPEG" data-lat="35.03481" data-lng="-85.18557" data-price = "57US$" > <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="518878" 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/15515/1551583/1551583270.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/15515/1551583/1551583051.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/15515/1551583/1551583084.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> </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> (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/extended-stay-america-select-suites-chattanooga-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">Extended Stay America Select Suites - Chattanooga - 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">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 ">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="518878" > <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="mainstay-suites-chattanooga-hamilton-place" data-bhotel-id="mainstay-suites-chattanooga-hamilton-place" data-name = "Mainstay Suites Chattanooga Hamilton Place" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12760/1276013/1276013092.JPEG" data-lat="35.041977" data-lng="-85.160194" data-price = "64US$" > <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="278139" 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/12760/1276013/1276013092.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/1589564/1589564480.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/1589564/1589564489.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> </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> (69)</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/mainstay-suites-chattanooga-hamilton-place" 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">Mainstay Suites Chattanooga Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="278139" > <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-chattanooga-lookout-mountain-west" data-bhotel-id="days-inn-by-wyndham-chattanooga-lookout-mountain-west" data-name = "Days Inn By Wyndham Chattanooga Lookout Mountain West" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15806/1580636/1580636047.JPEG" data-lat="35.0186" data-lng="-85.3827" data-price = "69US$" > <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="402269" 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/15806/1580636/1580636047.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/15806/1580635/1580635981.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/15806/1580635/1580635987.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> </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> (231)</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-chattanooga-lookout-mountain-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">Days Inn By Wyndham Chattanooga Lookout Mountain 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">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">69US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="402269" > <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-suites-chattanooga-west-lookout-mountain" data-bhotel-id="comfort-inn-suites-chattanooga-west-lookout-mountain" data-name = "Comfort Inn & Suites Chattanooga West - Lookout Mountain" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7431/743107/743107840.JPEG" data-lat="35.0258687406295" data-lng="-85.3632925450529" data-price = "109US$" > <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="278275" 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/7431/743107/743107840.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/12760/1276010/1276010059.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/12760/1276010/1276010398.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> </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> (77)</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-suites-chattanooga-west-lookout-mountain" 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 & Suites Chattanooga West - Lookout Mountain</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">1</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">109US$</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="278275" > <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="knights-inn-chattanooga" data-bhotel-id="knights-inn-chattanooga" data-name = "Knights Inn Chattanooga" data-rating = "7.8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/7035/703521/703521820.JPEG" data-lat="35.018658" data-lng="-85.378653" data-price = "70US$" > <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="341033" 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/7035/703521/703521820.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/9930/993040/993040120.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/9930/993040/993040951.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> </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> (43)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/knights-inn-chattanooga" 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">Knights Inn Chattanooga</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.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 ">70US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="341033" > <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-suites-hamilton-place" data-bhotel-id="comfort-inn-suites-hamilton-place" data-name = "Comfort Inn & Suites Hamilton Place" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12805/1280564/1280564521.JPEG" data-lat="35.04436" data-lng="-85.15725" data-price = "140US$" > <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="491756" 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/12805/1280564/1280564521.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/12805/1280563/1280563645.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/12805/1280563/1280563825.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> </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> (89)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/comfort-inn-suites-hamilton-place-chattanooga" 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 & Suites Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">140US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="491756" > <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="chattanooga-marriott-downtown" data-bhotel-id="chattanooga-marriott-downtown" data-name = "Chattanooga Marriott Downtown" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13926/1392600/1392600737.JPEG" data-lat="35.0441589355469" data-lng="-85.3124389648438" data-price = "112US$" > <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="247909" 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/1392600/1392600737.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/1632217/1632217791.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/1632217/1632217801.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> </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> (106)</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/chattanooga-marriott-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">Chattanooga Marriott 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">112US$</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="247909" > <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="athena-inn-chattanooga" data-bhotel-id="athena-inn-chattanooga" data-name = "Athena Inn Chattanooga" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/5137/513748/513748335.JPEG" data-lat="35.043941" data-lng="-85.16217" data-price = "55US$" > <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="409821" 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/5137/513748/513748335.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/1626362183.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/7662/766252/766252468.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> </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> (186)</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/athena-inn-chattanooga" 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">Athena Inn Chattanooga</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">55US$</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="409821" > <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-chattanooga-downtown" data-bhotel-id="hilton-garden-inn-chattanooga-downtown" data-name = "Hilton Garden Inn Chattanooga Downtown" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15519/1551946/1551946885.JPEG" data-lat="35.0531874340428" data-lng="-85.3121133078821" data-price = "115US$" > <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="42282" 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/1551946/1551946885.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/15519/1551946/1551946702.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/15519/1551946/1551946921.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> </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> (108)</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-chattanooga-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">Hilton Garden Inn Chattanooga 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">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 ">115US$</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="42282" > <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="fairfield-inn-suites-chattanooga-i-24lookout-mountain" data-bhotel-id="fairfield-inn-suites-chattanooga-i-24lookout-mountain" data-name = "Fairfield Inn & Suites Chattanooga I-24/Lookout Mountain" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16322/1632253/1632253472.JPEG" data-lat="35.01926988" data-lng="-85.38100004" data-price = "114US$" > <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="268863" 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/16322/1632253/1632253472.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/1632253/1632253429.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/1632253/1632253450.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> </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> (85)</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/fairfield-inn-suites-chattanooga-i-24-lookout-mountain" 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">Fairfield Inn & Suites Chattanooga I-24/Lookout Mountain</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">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="268863" > <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-chattanooga-lookout-mtn" data-bhotel-id="la-quinta-by-wyndham-chattanooga-lookout-mtn" data-name = "La Quinta By Wyndham Chattanooga - Lookout Mtn" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12761/1276103/1276103530.JPEG" data-lat="35.030106" data-lng="-85.362667" data-price = "144US$" > <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="1274026" 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/12761/1276103/1276103530.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/12761/1276100/1276100002.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/12761/1276102/1276102396.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> </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> (197)</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-chattanooga-lookout-mtn-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 Chattanooga - Lookout Mtn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">144US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1274026" > <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="cascades-motel-chattanooga" data-bhotel-id="cascades-motel-chattanooga" data-name = "Cascades Motel - Chattanooga" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/315/31577/31577528.JPEG" data-lat="35.00188" data-lng="-85.25864" data-price = "70US$" > <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="402350" 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/315/31577/31577528.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/1584504/1584504504.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/5084/508432/508432524.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> </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/cascades-motel-chattanooga" 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">Cascades Motel - Chattanooga</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.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 ">70US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="402350" > <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="moxy-chattanooga-downtown" data-bhotel-id="moxy-chattanooga-downtown" data-name = "Moxy Chattanooga Downtown" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16337/1633709/1633709606.JPEG" data-lat="35.04005" data-lng="-85.30664" data-price = "172US$" > <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="3542602" 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/16337/1633709/1633709606.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/16337/1633709/1633709613.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/16337/1633709/1633709607.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> </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> (78)</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/moxy-chattanooga-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">Moxy Chattanooga 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">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">172US$</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="3542602" > <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-chattanoogahamilton-place" data-bhotel-id="hilton-garden-inn-chattanoogahamilton-place" data-name = "Hilton Garden Inn Chattanooga/Hamilton Place" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15519/1551946/1551946930.JPEG" data-lat="35.04475" data-lng="-85.15653" data-price = "109US$" > <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="42274" 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/1551946/1551946930.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/1548564/1548564166.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/1548564/1548564283.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> </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> (99)</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-chattanooga-hamilton-place" 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 Chattanooga/Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">109US$</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="42274" > <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-chattanoogahamilton-place" data-bhotel-id="travelodge-by-wyndham-chattanoogahamilton-place" data-name = "Travelodge By Wyndham Chattanooga/Hamilton Place" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12758/1275874/1275874477.JPEG" data-lat="35.04604" data-lng="-85.15542" data-price = "60US$" > <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="278299" 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/12758/1275874/1275874477.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/10725/1072514/1072514818.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/12758/1275873/1275873754.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> </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> (102)</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/travelodge-by-wyndham-chattanooga-hamilton-place" 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 Chattanooga/Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="278299" > <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="homewood-suites-by-hilton-chattanooga-hamilton-place" data-bhotel-id="homewood-suites-by-hilton-chattanooga-hamilton-place" data-name = "Homewood Suites By Hilton Chattanooga - Hamilton Place" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/12758/1275875/1275875392.JPEG" data-lat="35.0428235841148" data-lng="-85.1604281365735" data-price = "129US$" > <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="42239" 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/12758/1275875/1275875392.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/1552126/1552126720.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/1552126/1552126798.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> </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> (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/en-us/homewood-suites-by-hilton-chattanooga-hamilton-place" 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">Homewood Suites By Hilton Chattanooga - Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="42239" > <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="bluff-view-inn" data-bhotel-id="bluff-view-inn" data-name = "Bluff View Inn" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450w/5262/526243/526243050.JPEG" data-lat="35.05509" data-lng="-85.30498" data-price = "215US$" > <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="1839239" 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/5262/526243/526243050.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/5261/526154/526154169.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/15882/1588276/1588276661.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> </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> (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/bluff-view-inn-chattanooga" 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">Bluff View Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">215US$</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="1839239" > <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" data-bhotel-id="econo-lodge" data-name = "Econo Lodge" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12760/1276051/1276051786.JPEG" data-lat="35.0611805922424" data-lng="-85.1348300277914" data-price = "60US$" > <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="491691" 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/12760/1276051/1276051786.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/12760/1276049/1276049716.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/12760/1276050/1276050127.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> </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> (32)</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-chattanooga" 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</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">9.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="491691" > <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-chattanooga-downtown" data-bhotel-id="courtyard-by-marriott-chattanooga-downtown" data-name = "Courtyard By Marriott Chattanooga Downtown" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16322/1632226/1632226028.JPEG" data-lat="35.05461" data-lng="-85.31184" data-price = "199US$" > <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="266980" 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/16322/1632226/1632226028.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/1632226/1632226008.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/1632226/1632226011.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> </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> (85)</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-chattanooga-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">Courtyard By Marriott Chattanooga 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">199US$</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="266980" > <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-royal-inn" data-bhotel-id="best-western-royal-inn" data-name = "Best Western Royal Inn" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12760/1276053/1276053523.JPEG" data-lat="35.01815" data-lng="-85.37845" data-price = "92US$" > <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="406810" 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/12760/1276053/1276053523.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/12760/1276052/1276052569.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/12760/1276052/1276052236.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> </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> (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/best-western-royal-inn-chattanooga" 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 Royal Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">92US$</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="406810" > <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-east-ridge-tn" data-bhotel-id="motel-6-east-ridge-tn" data-name = "Motel 6-East Ridge, Tn" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13989/1398966/1398966131.JPEG" data-lat="34.99008" data-lng="-85.1996" data-price = "43US$" > <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="406291" 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/13989/1398966/1398966131.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/16437/1643769/1643769087.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/16072/1607228/1607228469.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> </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> (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/en-us/motel-6-east-ridge-tn-chattanooga" 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-East Ridge, Tn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">43US$</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="406291" > <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-chattanooga-east-ridge" data-bhotel-id="la-quinta-by-wyndham-chattanooga-east-ridge" data-name = "La Quinta By Wyndham Chattanooga - East Ridge" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13143/1314342/1314342160.JPEG" data-lat="34.989669" data-lng="-85.200638" data-price = "54US$" > <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="528006" 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/13143/1314342/1314342160.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/12758/1275875/1275875488.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/13143/1314340/1314340693.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> </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> (271)</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-chattanooga-east-ridge-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 Chattanooga - East Ridge</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">54US$</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="528006" > <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="towneplace-suites-by-marriott-chattanooga-near-hamilton-place" data-bhotel-id="towneplace-suites-by-marriott-chattanooga-near-hamilton-place" data-name = "Towneplace Suites By Marriott Chattanooga Near Hamilton Place" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/13762/1376274/1376274200.JPEG" data-lat="35.046551" data-lng="-85.157196" data-price = "107US$" > <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="449753" 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/13762/1376274/1376274200.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/16344/1634425/1634425008.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/16344/1634425/1634425009.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> </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> (70)</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/towneplace-suites-by-marriott-chattanooga-near-hamilton-place" 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">Towneplace Suites By Marriott Chattanooga Near Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">107US$</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="449753" > <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-chattanooga-downtown" data-bhotel-id="residence-inn-chattanooga-downtown" data-name = "Residence Inn Chattanooga Downtown" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/6986/698604/698604582.JPEG" data-lat="35.05436" data-lng="-85.31184" data-price = "169US$" > <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="266947" 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/6986/698604/698604582.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/16329/1632995/1632995487.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/16329/1632995/1632995499.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> </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/en-us/residence-inn-chattanooga-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">Residence Inn Chattanooga 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="266947" > <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="red-roof-inn-chattanooga-lookout-mountain" data-bhotel-id="red-roof-inn-chattanooga-lookout-mountain" data-name = "Red Roof Inn Chattanooga - Lookout Mountain" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15844/1584457/1584457779.JPEG" data-lat="35.016911" data-lng="-85.38253" data-price = "124US$" > <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="287690" 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/15844/1584457/1584457779.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/1584457/1584457627.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/1584457/1584457651.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> </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> (108)</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/red-roof-inn-chattanooga-lookout-mountain" 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">Red Roof Inn Chattanooga - Lookout Mountain</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.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 ">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="287690" > <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="stay-2night-chattanooga-hamilton-place" data-bhotel-id="stay-2night-chattanooga-hamilton-place" data-name = "Stay 2Night Chattanooga Hamilton Place" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15954/1595405/1595405724.JPEG" data-lat="35.0441" data-lng="-85.16117" data-price = "76US$" > <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="320230" 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/15954/1595405/1595405724.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/14992/1499286/1499286241.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/14992/1499286/1499286349.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> </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/stay-2night-chattanooga-hamilton-place" 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">Stay 2Night Chattanooga Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="320230" > <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-chattanooga-downtown" data-bhotel-id="hampton-inn-suites-chattanooga-downtown" data-name = "Hampton Inn & Suites Chattanooga Downtown" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/15519/1551947/1551947134.JPEG" data-lat="35.05169" data-lng="-85.31153" data-price = "139US$" > <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="270517" 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/1551947/1551947134.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/12758/1275872/1275872548.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/15519/1551946/1551946909.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> </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> (146)</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-chattanooga-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">Hampton Inn & Suites Chattanooga 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">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 ">139US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="270517" > <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="microtel-inn-suites-by-wyndham-chattanooganear-hamilton-p" data-bhotel-id="microtel-inn-suites-by-wyndham-chattanooganear-hamilton-p" data-name = "Microtel Inn & Suites By Wyndham Chattanooga/Near Hamilton P" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12759/1275910/1275910747.JPEG" data-lat="35.045975" data-lng="-85.157257" data-price = "57US$" > <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="12299523" 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/12759/1275910/1275910747.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/16435/1643571/1643571159.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/16459/1645982/1645982478.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> </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> (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/us/microtel-inn-suites-by-wyndham-chattanooga-near-hamilton-p" 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">Microtel Inn & Suites By Wyndham Chattanooga/Near Hamilton P</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">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="12299523" > <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" data-bhotel-id="quality-inn-suites" data-name = "Quality Inn & Suites" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/16377/1637731/1637731274.JPEG" data-lat="34.987492" data-lng="-85.200307" data-price = "74US$" > <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="513071" 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/16377/1637731/1637731274.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/16377/1637731/1637731258.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/16377/1637731/1637731261.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> </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/us/quality-inn-suites-chattanooga" 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</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">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="513071" > <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-chattanooga-hamilton-place" data-bhotel-id="home2-suites-by-hilton-chattanooga-hamilton-place" data-name = "Home2 Suites By Hilton Chattanooga Hamilton Place" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450w/12874/1287441/1287441391.JPEG" data-lat="35.046" data-lng="-85.15843" data-price = "296US$" > <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="4806928" 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/12874/1287441/1287441391.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/15573/1557364/1557364885.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/15573/1557364/1557364924.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> </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/home2-suites-by-hilton-chattanooga-hamilton-place" 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 Chattanooga Hamilton Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">8.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 ">296US$</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="4806928" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="35.02781" data-lng="-85.31364"></div> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <div data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </div> </template> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Chattanooga, nestled amid the breathtaking Tennessee River and scenic Appalachian Mountains, offers a vibrant blend of culture, history, and natural beauty. For travelers eager to immerse themselves in this charming city, choosing the right accommodation is essential, and downtown Chattanooga hotels provide the perfect base for exploration. From lively restaurants and trendy shops to iconic attractions like the Tennessee Aquarium and the Riverwalk, staying downtown means you’re just steps away from the best that Chattanooga has to offer.</p><p>Downtown Chattanooga hotels cater to a variety of tastes and budgets, ensuring that every visitor finds the ideal spot to unwind after a day of adventure. Whether you prefer the luxurious comfort of high-end establishments or the cozy charm of boutique inns, the downtown area has something to suit every traveler. Notable options like The Edwin Hotel and The Dwell Hotel provide unique amenities and easy access to the city’s must-see sights, making them popular choices among visitors.</p><p>In addition to their prime locations, downtown Chattanooga hotels often feature excellent dining options and entertainment facilities, enhancing your overall experience in the city. Many hotels showcase the vibrant local culture through art displays, live music, and seasonal events that allow guests to connect with the community. By choosing a hotel in this bustling area, you not only indulge in comfort but also become part of Chattanooga’s dynamic atmosphere.</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-328299" data-langcode="en" data-bcity-id="20121171" data-city-name="Chattanooga" > <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="#motel-6-chattanooga-downtown" class="js-clk-open" data-type="table" data-bhotel-id="533708" data-open-once data-open-passive>Motel 6 Chattanooga Downtown</a> </td> <td> <p> 3.6 / 10 </p> <p> (390 Reviews)</p> </td> <td> <span>From 63US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="533708">Check Price</button> </td> </tr> <tr> <td> <a href="#the-chattanoogan-hotel-curio-collection-by-hilton" class="js-clk-open" data-type="table" data-bhotel-id="521950" data-open-once data-open-passive>The Chattanoogan Hotel, Curio Collection By Hilton</a> </td> <td> <p> 8.4 / 10 </p> <p> (175 Reviews)</p> </td> <td> <span>From 169US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="521950">Check Price</button> </td> </tr> <tr> <td> <a href="#the-edwin-hotel" class="js-clk-open" data-type="table" data-bhotel-id="3542601" data-open-once data-open-passive>The Edwin Hotel</a> </td> <td> <p> 9.2 / 10 </p> <p> (146 Reviews)</p> </td> <td> <span>From 237US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="3542601">Check Price</button> </td> </tr> <tr> <td> <a href="#red-roof-inn-plus-suites-chattanooga" class="js-clk-open" data-type="table" data-bhotel-id="491675" data-open-once data-open-passive>Red Roof Inn Plus+ & Suites Chattanooga</a> </td> <td> <p> 4.5 / 10 </p> <p> (292 Reviews)</p> </td> <td> <span>From 81US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="491675">Check Price</button> </td> </tr> <tr> <td> <a href="#chattanooga-marriott-downtown" class="js-clk-open" data-type="table" data-bhotel-id="247909" data-open-once data-open-passive>Chattanooga Marriott Downtown</a> </td> <td> <p> 8.5 / 10 </p> <p> (302 Reviews)</p> </td> <td> <span>From 112US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="247909">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="motel-6-chattanooga-downtown" data-id="642434" data-lat="35.02781" data-lng="-85.31364"> <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/6956/695601/695601906.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6956/695601/695601906.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695598/695598648.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695598/695598768.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695599/695599446.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695599/695599785.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695600/695600040.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695600/695600247.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601177.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601276.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601363.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601498.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601774.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601789.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601933.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695602/695602098.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695602/695602116.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695598/695598684.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695599/695599338.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695600/695600211.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601831.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695602/695602041.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695600/695600277.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601522.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601882.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695598/695598891.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8431/843120/843120596.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8431/843120/843120605.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8431/843120/843120599.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8431/843120/843120602.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6955/695598/695598939.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601186.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695601/695601480.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72576/72576665.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72576/72576662.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72576/72576704.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72576/72576650.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72576/72576653.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72576/72576677.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72576/72576683.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72576/72576689.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72576/72576701.JPEG" data-image-gallery="gallerymotel-6-chattanooga-downtown" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="motel-6-chattanooga-downtown" > </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"> 3.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (390)</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="533708">Motel 6 Chattanooga Downtown</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">2440 Williams St</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Motel 6 Chattanooga Downtown provides simple yet comfortable accommodations for budget-conscious travelers. This no-frills hotel offers spacious rooms with essential amenities to ensure guests have everything they need for an enjoyable stay. Located conveniently near downtown attractions, guests can easily explore the city without the stress of transportation costs. The hotel's pet-friendly policy also ensures that four-legged family members can join in on the adventure. With its focus on affordability combined with a welcoming atmosphere, Motel 6 is a solid choice for budget-minded visitors among downtown Chattanooga hotels. </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">63US$</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="533708" > <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-chattanoogan-hotel-curio-collection-by-hilton" data-id="642439" data-lat="35.04154" data-lng="-85.3098"> <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/12760/1276098/1276098637.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12760/1276098/1276098637.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117690.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117707.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117684.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117685.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117693.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117619.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117665.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15477/1547737/1547737459.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15477/1547737/1547737468.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15477/1547737/1547737519.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117696.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097017.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098256.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098754.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099615.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098409.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117627.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15477/1547737/1547737531.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276094/1276094260.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276094/1276094551.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096429.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096537.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096786.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096936.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097155.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097254.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097299.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097380.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097452.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097488.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097608.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097848.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098085.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098343.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098667.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099000.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099090.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099141.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099183.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099216.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099267.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099351.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099744.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099792.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096309.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096396.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099705.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096654.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097332.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096627.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097689.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117694.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098850.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099426.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097737.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117689.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117607.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276095/1276095766.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098601.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099528.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098886.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097776.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117664.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097410.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276095/1276095331.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096030.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276095/1276095631.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15477/1547737/1547737555.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099579.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14392/1439273/1439273485.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097518.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097809.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096981.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583117/1583117692.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098136.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15477/1547737/1547737543.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098037.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097557.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097122.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099657.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098931.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15477/1547737/1547737495.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276099/1276099393.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14392/1439283/1439283976.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14392/1439284/1439284126.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11184/1118432/1118432121.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097653.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276098/1276098562.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276097/1276097899.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14392/1439284/1439284261.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10134/1013458/1013458681.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10348/1034868/1034868104.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10348/1034868/1034868191.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10348/1034868/1034868278.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10348/1034868/1034868377.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276094/1276094749.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276096/1276096366.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8334/833478/833478347.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/586/58608/58608097.JPEG" data-image-gallery="gallerythe-chattanoogan-hotel-curio-collection-by-hilton" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-chattanoogan-hotel-curio-collection-by-hilton" > </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.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (175)</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="521950">The Chattanoogan Hotel, Curio Collection By Hilton</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">1201 Broad Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Chattanoogan Hotel is a premier destination for luxury travelers, offering a blend of Southern hospitality and modern elegance. This hotel features beautifully designed rooms with upscale furnishings and amenities, ensuring that guests experience top-notch comfort during their stay. On-site dining options include a steakhouse and a casual café, perfect for guests looking for a memorable culinary experience. The hotel is equipped with a full-service spa and state-of-the-art fitness facilities, allowing guests to unwind and rejuvenate. Located just a short distance from downtown attractions, the Chattanoogan provides an ideal base for exploring the city in style. With outstanding service and luxurious amenities, it stands out as one of the finest downtown Chattanooga hotels. </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">169US$</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="521950" > <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="boutique-downtown-chattanooga-hotels">Boutique Downtown Chattanooga Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">If you're looking for a unique and intimate stay, the boutique hotels in downtown Chattanooga present an ideal option. These hotels not only offer personalized services but also a distinctive charm that reflects the local culture and history. With eye-catching designs and themed accommodations, boutique downtown Chattanooga hotels allow guests to have a memorable experience that is distinctly Chattanooga. Staying at these hotels places you at the heart of the city’s vibrant scene, making it easy to explore nearby attractions and local eateries. Whether you're in town for a romantic getaway or a cultural experience, there's a boutique hotel that will perfectly suit your needs. Let’s explore some of the top boutique options available in this dynamic area.</p> </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-edwin-hotel" data-id="642445" data-lat="35.055381774902" data-lng="-85.307624816895"> <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/13474/1347428/1347428228.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13474/1347428/1347428228.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350781/1350781969.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782203.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790036.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347425/1347425828.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347425/1347425843.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347427/1347427625.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347427/1347427640.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347428/1347428993.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347429/1347429008.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347430/1347430469.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13484/1348440/1348440623.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13484/1348441/1348441640.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766069.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766123.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766162.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766312.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766456.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766486.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766507.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766609.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766633.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766705.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766777.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782149.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782317.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782347.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782368.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782386.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782422.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782473.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782485.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350785/1350785845.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350785/1350785884.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786094.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786121.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786136.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786160.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786205.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786295.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786370.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786382.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789055.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789142.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789211.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789385.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789424.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789484.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789502.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789565.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789610.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789661.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789745.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789871.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790066.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790180.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790192.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790252.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790273.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790333.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790369.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790390.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790411.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790429.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790462.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350785/1350785941.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16097/1609755/1609755632.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16054/1605421/1605421722.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766798.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789403.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789520.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782041.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350785/1350785959.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766399.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790108.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766426.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789124.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789538.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766738.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782008.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350785/1350785809.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790051.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790504.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766663.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782521.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766264.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766720.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347428/1347428201.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350790/1350790354.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782224.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786328.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350766/1350766360.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789004.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786271.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350789/1350789679.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350782/1350782536.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13484/1348441/1348441052.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13474/1347428/1347428213.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13507/1350786/1350786106.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13484/1348440/1348440821.JPEG" data-image-gallery="gallerythe-edwin-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-edwin-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"> 9.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (146)</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="3542601">The Edwin 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">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">102 Walnut Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Edwin Hotel provides guests with an unparalleled romantic experience, blending luxury with breathtaking views of the Tennessee River. Each elegantly designed room features sumptuous furnishings and floor-to-ceiling windows that allow for stunning sunset views. The hotel also boasts an infinity pool and on-site restaurant with a menu showcasing local farm-to-table ingredients, perfect for a romantic dinner. Couples can enjoy the hotel’s complimentary bicycles for a scenic ride along the waterfront or explore the nearby Walnut Street Bridge. The overall ambiance reflects a blend of modernity and nature, making it an exceptional choice for couples seeking a romantic escape among downtown Chattanooga hotels. </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">237US$</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="3542601" > <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="red-roof-inn-plus-suites-chattanooga" data-id="642451" data-lat="35.02826" data-lng="-85.31405"> <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/12758/1275846/1275846085.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12758/1275846/1275846085.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275845/1275845329.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275845/1275845737.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275846/1275846004.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275845/1275845455.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275845/1275845791.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275845/1275845389.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15506/1550658/1550658496.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15506/1550658/1550658598.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275845/1275845905.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13316/1331619/1331619338.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10819/1081909/1081909255.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275846/1275846169.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15482/1548258/1548258463.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438744/1438744672.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438744/1438744354.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438744/1438744843.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438746/1438746142.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12107/1210783/1210783249.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12107/1210783/1210783207.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620585/1620585653.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620585/1620585662.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438746/1438746958.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438747/1438747414.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438747/1438747909.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438749/1438749976.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620585/1620585655.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620585/1620585657.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4907/490720/490720335.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438747/1438747222.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5530/553085/553085778.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438748/1438748725.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438748/1438748176.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10162/1016258/1016258068.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4907/490720/490720371.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275845/1275845281.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15506/1550658/1550658628.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6850/685035/685035297.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5530/553086/553086108.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5530/553086/553086012.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5530/553085/553085973.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5530/553086/553086066.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14387/1438748/1438748338.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8381/838138/838138160.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8381/838137/838137698.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8381/838138/838138232.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8381/838138/838138394.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1467/146727/146727212.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15506/1550658/1550658487.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1467/146727/146727233.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2831/283132/283132213.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2831/283132/283132229.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2831/283132/283132237.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1467/146727/146727224.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2831/283132/283132189.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15506/1550658/1550658547.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8381/838138/838138523.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7228/722852/722852752.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7228/722852/722852767.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2831/283132/283132205.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7228/722852/722852776.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7228/722852/722852788.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2831/283132/283132197.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5530/553086/553086033.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2831/283132/283132261.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/731/73142/73142552.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/731/73142/73142546.JPEG" data-image-gallery="galleryred-roof-inn-plus-suites-chattanooga" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-plus-suites-chattanooga" > </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.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (292)</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="491675">Red Roof Inn Plus+ & Suites Chattanooga</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">2431 Williams St</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Red Roof Inn Plus+ & Suites Chattanooga Downtown welcomes pets at no additional charge, making it an excellent choice for travelers with furry friends. The hotel offers comfortable rooms and convenient access to pet-friendly parks in the area for leisurely walks. With its central location, guests can quickly reach popular attractions while having a cozy spot to return to. The straightforward amenities, coupled with a helpful staff, enhance your stay, ensuring a pleasant experience for both you and your pet. As one of the most accommodating options among downtown Chattanooga hotels, this hotel makes it easy to travel with your four-legged companions. </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">81US$</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="491675" > <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="family-friendly-downtown-chattanooga-hotels">Family-Friendly Downtown Chattanooga Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling with family can be challenging, but finding the right family-friendly hotel in downtown Chattanooga can make your experience enjoyable and stress-free. These hotels come equipped with amenities and spacious accommodations tailored to ensure the comfort of families. Close to parks, museums, and other kid-friendly attractions, family-friendly downtown Chattanooga hotels offer convenient access to activities that everyone can enjoy. Whether you're looking for hotels with pools, breakfast options, or recreational facilities, this category showcases the best options for families visiting this beautiful city. Here are some top family-centric hotels that provide excellent service, comfort, and a welcoming atmosphere.</p> </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="chattanooga-marriott-downtown" data-id="642455" data-lat="35.043707" data-lng="-85.312327"> <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/13926/1392600/1392600737.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13926/1392600/1392600737.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15397/1539700/1539700810.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139340.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139346.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139364.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139370.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139376.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139391.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139397.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139562.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139595.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139625.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15397/1539700/1539700819.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392881/1392881381.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392883/1392883409.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398029/1398029657.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398029/1398029999.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398030/1398030353.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398038/1398038672.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398038/1398038900.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040082.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139496.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139337.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398038/1398038696.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139343.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398038/1398038819.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15397/1539700/1539700846.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392883/1392883499.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398020/1398020357.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398029/1398029648.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398039/1398039338.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398020/1398020030.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15397/1539700/1539700855.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040265.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398020/1398020360.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398039/1398039314.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14085/1408532/1408532960.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750314.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750341.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750386.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750455.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750188.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398039/1398039857.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14089/1408999/1408999181.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14089/1408999/1408999178.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9423/942385/942385768.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017828/1017828340.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017826/1017826381.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017826/1017826462.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017826/1017826528.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017826/1017826942.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017827/1017827014.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398038/1398038828.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040046.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9423/942385/942385777.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15411/1541139/1541139385.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017826/1017826768.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7231/723107/723107881.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797321.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797327.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797351.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797363.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398020/1398020333.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8408/840840/840840533.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017827/1017827203.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7730/773013/773013904.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701254/701254675.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14107/1410750/1410750485.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797345.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797348.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609315/1609315544.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701254/701254048.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701254/701254975.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701255/701255875.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15632/1563289/1563289258.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398039/1398039302.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797354.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8408/840840/840840377.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398030/1398030551.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797336.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797357.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398029/1398029612.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701254/701254147.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040223.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701254/701254876.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7012/701255/701255059.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797342.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3537/353797/353797360.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398039/1398039326.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9870/987066/987066280.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9423/942385/942385771.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040247.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1460/146086/146086355.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1460/146086/146086424.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1460/146086/146086409.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10178/1017827/1017827311.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938567/938567095.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938567/938567116.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5688/568859/568859709.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/546/54666/54666529.JPEG" data-image-gallery="gallerychattanooga-marriott-downtown" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="chattanooga-marriott-downtown" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (302)</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="247909">Chattanooga Marriott Downtown</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">Two Carter Plaza</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Chattanooga Marriott Downtown offers a sophisticated environment with amenities tailored for business professionals. Featuring over 16,000 square feet of meeting space and advanced audiovisual technology, this hotel is ideal for hosting conferences and corporate events. In addition to meeting facilities, guests can enjoy complimentary Wi-Fi in public areas and comfortable workspaces in well-appointed rooms. The hotel’s on-site dining options cater to busy schedules, with various quick-service meals available. Its convenient downtown location provides easy access to restaurants and local attractions, allowing for effective networking opportunities. The commitment to catering to business needs makes the Chattanooga Marriott a top choice for downtown Chattanooga hotels aimed at corporate guests. </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">112US$</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="247909" > <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-read-house-hotel" data-id="642457" data-lat="35.046104827223" data-lng="-85.310559689999"> <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/9746/974625/974625121.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/9746/974625/974625121.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16097/1609728/1609728886.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609322/1609322940.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609322/1609322942.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609322/1609322945.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609322/1609322946.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609322/1609322939.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13771/1377100/1377100133.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13417/1341742/1341742988.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13417/1341744/1341744320.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13417/1341746/1341746489.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609322/1609322943.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978756/978756394.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978756/978756928.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978757/978757990.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758005.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758125.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758167.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758497.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758512.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758704.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758752.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758806.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758890.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758920.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758935.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978759/978759091.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978759/978759106.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978759/978759127.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978759/978759145.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13771/1377104/1377104096.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9746/974625/974625049.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9746/974625/974625079.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9746/974625/974625136.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9746/974626/974626810.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9746/974626/974626825.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9746/974626/974626843.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9746/974627/974627716.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978756/978756964.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978757/978757090.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758557.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758851.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8071/807137/807137934.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758791.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13771/1377101/1377101390.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758020.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9746/974622/974622709.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978756/978756757.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978756/978756946.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13771/1377100/1377100121.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978757/978757618.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609322/1609322944.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978756/978756178.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978756/978756742.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978757/978757648.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758719.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13771/1377104/1377104081.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609322/1609322941.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13770/1377099/1377099839.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13771/1377101/1377101690.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978756/978756163.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978757/978757300.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13770/1377099/1377099857.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434842/1434842275.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434842/1434842527.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434842/1434842731.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434843/1434843160.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434843/1434843700.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434844/1434844039.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978758/978758518.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434843/1434843187.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609322/1609322938.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13771/1377101/1377101375.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434843/1434843967.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434843/1434843250.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434842/1434842668.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434843/1434843661.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434842/1434842998.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434842/1434842626.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589472/1589472126.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11555/1155521/1155521583.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434844/1434844582.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434845/1434845320.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434845/1434845464.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434845/1434845632.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434845/1434845737.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589472/1589472133.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13771/1377101/1377101408.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15894/1589470/1589470483.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9787/978757/978757075.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11429/1142901/1142901271.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434845/1434845713.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13771/1377104/1377104063.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11554/1155488/1155488055.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11563/1156394/1156394571.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11563/1156394/1156394880.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434843/1434843436.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434845/1434845365.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10182/1018221/1018221679.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2829/282987/282987845.JPEG" data-image-gallery="gallerythe-read-house-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-read-house-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"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2224)</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="406822">The Read House 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">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">107 West Martin Luther King Blvd</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> A blend of history and modern elegance, The Read House Hotel is one of the premier boutique options in downtown Chattanooga. Renowned for its luxurious accommodations, this historic hotel offers beautifully appointed rooms that reflect its storied past, coupled with contemporary amenities. Guests can indulge in fine dining at the on-site restaurant, which has retained its historical architecture while providing a modern culinary experience. Not only is it steps away from downtown’s popular attractions, but it also has a grand lobby that takes you back in time with its opulent decor. The extensive spa services further add to the luxurious experience of staying at The Read House, ensuring you enjoy every moment in this downtown Chattanooga hotel. With a unique blend of history and modernity, it stands out among boutique downtown Chattanooga hotels. </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">144US$</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="406822" > <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="luxury-downtown-chattanooga-hotels">Luxury Downtown Chattanooga Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For travelers looking to indulge themselves during their stay in Chattanooga, luxury hotels in the downtown area provide upscale amenities and elegant accommodations. These hotels offer a level of service and sophistication that elevates your experience, ensuring that every need is met with meticulous attention to detail. From spa services to fine dining options, luxury downtown Chattanooga hotels cater to those who want to relax and enjoy the finer things in life. With convenient locations near the city’s most renowned attractions, these hotels offer an unparalleled blend of comfort, style, and accessibility. Here is a selection of the top luxury options that provide a truly remarkable stay in downtown Chattanooga.</p> </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="kinley-chattanooga-southside-a-tribute-portfolio-hotel" data-id="642465" data-lat="35.03828" data-lng="-85.30783"> <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/13588/1358835/1358835752.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13588/1358835/1358835752.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13588/1358833/1358833307.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13588/1358834/1358834372.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13588/1358834/1358834507.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362900/1362900134.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362903/1362903551.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362903/1362903620.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362903/1362903644.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362905/1362905576.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362905/1362905603.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362913/1362913265.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362913/1362913277.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362913/1362913334.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362913/1362913337.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362913/1362913361.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10800/1080037/1080037003.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10800/1080037/1080037126.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10800/1080037/1080037147.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10800/1080037/1080037933.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10800/1080038/1080038224.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362913/1362913301.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13588/1358833/1358833292.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10800/1080037/1080037960.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362903/1362903581.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362913/1362913397.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362900/1362900101.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10800/1080036/1080036118.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362900/1362900059.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10800/1080036/1080036097.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10800/1080038/1080038242.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13588/1358834/1358834537.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13588/1358835/1358835767.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13629/1362913/1362913310.JPEG" data-image-gallery="gallerykinley-chattanooga-southside-a-tribute-portfolio-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="kinley-chattanooga-southside-a-tribute-portfolio-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"> 9.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (114)</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="6955408">Kinley Chattanooga Southside, A Tribute Portfolio 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">1409 Market Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Kinley Chattanooga Southside is a stylish hotel that captures the essence of the city with its contemporary design and warm atmosphere. Each guest room is thoughtfully designed, offering modern amenities and comfortable furnishings to ensure a restful stay. Located within walking distance to popular downtown attractions, guests can easily explore the lively Southside area known for its eclectic dining and nightlife options. The hotel features a rooftop bar where guests can enjoy stunning views of the Chattanooga skyline. Additionally, Kinley provides complimentary bicycles for guests wanting to explore the area from a different perspective. This delightful hotel encapsulates the charm of boutique downtown Chattanooga hotels while providing exceptional service. </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">179US$</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="6955408" > <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="hilton-garden-inn-chattanooga-downtown" data-id="642474" data-lat="35.053187434043" data-lng="-85.312113307882"> <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/15519/1551946/1551946885.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15519/1551946/1551946885.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946702.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946921.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947059.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616420/1616420855.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946984.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15651/1565150/1565150209.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15655/1565543/1565543902.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15655/1565543/1565543914.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946903.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947032.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276022/1276022902.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276023/1276023412.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946900.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276021/1276021123.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276022/1276022293.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276022/1276022332.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276023/1276023088.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276021/1276021300.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276021/1276021267.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276021/1276021342.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276021/1276021507.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276021/1276021768.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276022/1276022374.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276023/1276023376.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946783.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946888.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276023/1276023247.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276022/1276022140.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276022/1276022257.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276022/1276022590.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276023/1276023010.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276023/1276023289.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946786.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946999.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14391/1439190/1439190550.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15655/1565543/1565543908.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276020/1276020847.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276022/1276022047.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946789.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947092.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276023/1276023340.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946864.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946978.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946972.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224226/224226413.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14392/1439201/1439201587.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14391/1439199/1439199808.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224226/224226578.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224226/224226617.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10041/1004114/1004114439.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12876/1287665/1287665698.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224226/224226356.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9158/915895/915895348.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224226/224226563.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224226/224226605.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946774.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12876/1287665/1287665884.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946816.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224226/224226665.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4490/449057/449057814.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9158/915895/915895297.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9158/915895/915895318.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9158/915895/915895321.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946876.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946927.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4200/420087/420087555.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2242/224226/224226641.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6763/676372/676372386.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946798.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6763/676376/676376994.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946828.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9158/915895/915895339.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9173/917312/917312875.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5397/539739/539739918.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12760/1276023/1276023055.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6763/676372/676372581.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5397/539737/539737017.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6763/676377/676377324.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6763/676372/676372851.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5397/539737/539737905.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6763/676376/676376694.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7556/755675/755675554.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9158/915895/915895351.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9173/917312/917312908.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177103/177103713.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177104/177104169.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9026/902606/902606599.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177104/177104670.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7229/722970/722970421.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177104/177104400.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177102/177102456.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177104/177104205.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6371/637167/637167069.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6089/608990/608990740.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5397/539739/539739375.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177102/177102567.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177103/177103152.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177103/177103938.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1771/177103/177103665.JPEG" data-image-gallery="galleryhilton-garden-inn-chattanooga-downtown" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-chattanooga-downtown" > </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.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (253)</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="42282">Hilton Garden Inn Chattanooga Downtown</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">311 Chestnut Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hilton Garden Inn Chattanooga Downtown, while modern, is located in a historic area, allowing guests to stay connected with the city’s past. The hotel combines contemporary amenities with a rustic charm that reflects the historic architecture found throughout downtown. With its central location, guests can easily explore nearby historical sites and local attractions, immersing themselves in the rich heritage of Chattanooga. The hotel features a rooftop bar where guests can relax while enjoying views of the historic district. This blend of modern comforts and historical significance creates an inviting atmosphere for travelers who appreciate both. With its prime location and historical context, Hilton Garden Inn successfully captures the essence of historic downtown Chattanooga hotels. </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">115US$</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="42282" > <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="budget-friendly-downtown-chattanooga-hotels">Budget-Friendly Downtown Chattanooga Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling on a budget doesn’t mean sacrificing quality or comfort, especially when staying in downtown Chattanooga. The area offers a variety of budget-friendly hotels that combine affordability with excellent amenities and services. These hotels allow travelers to explore the city without breaking the bank while still providing easy access to attractions and entertainment. Ideal for solo travelers or families trying to maximize their experience without overspending, budget-friendly downtown Chattanooga hotels often include essentials like breakfast and free Wi-Fi. Here are some top picks that cater to those looking for excellent value during their stay.</p> </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="hampton-inn-suites-chattanooga-downtown" data-id="642479" data-lat="35.051956" data-lng="-85.3115"> <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/15519/1551947/1551947134.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15519/1551947/1551947134.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275872/1275872548.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946909.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946945.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946966.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947014.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947029.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947038.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947071.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947077.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947197.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947206.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15632/1563297/1563297478.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15632/1563297/1563297484.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15632/1563297/1563297490.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946993.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947035.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947062.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947011.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947050.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947104.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947284.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946981.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947053.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275871/1275871087.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275871/1275871294.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275871/1275871681.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275871/1275871822.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275871/1275871363.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947017.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947116.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275871/1275871462.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946954.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275872/1275872674.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947008.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947068.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947080.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434806/1434806635.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434806/1434806887.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551947/1551947041.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12107/1210736/1210736653.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434805/1434805273.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434804/1434804268.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946795.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275871/1275871045.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3368/336869/336869899.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946987.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946918.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946951.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11917/1191749/1191749881.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946975.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9160/916067/916067344.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9160/916067/916067347.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9160/916067/916067365.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7044/704440/704440516.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9269/926914/926914123.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434805/1434805165.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5731/573122/573122376.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12758/1275871/1275871009.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7044/704441/704441107.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209521/209521987.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7044/704441/704441869.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7044/704441/704441680.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14348/1434806/1434806275.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5731/573122/573122820.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7044/704440/704440072.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209521/209521951.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522023.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209521/209521999.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522035.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522047.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522017.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522053.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3368/336869/336869932.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522005.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522059.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522083.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8414/841420/841420046.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522107.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522149.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522029.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209521/209521957.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522077.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522011.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522101.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522119.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522143.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522113.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522155.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15519/1551946/1551946963.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522089.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522065.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522071.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522167.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522041.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522125.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522131.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522137.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522161.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2095/209522/209522209.JPEG" data-image-gallery="galleryhampton-inn-suites-chattanooga-downtown" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-chattanooga-downtown" > </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.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (501)</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="270517">Hampton Inn & Suites Chattanooga Downtown</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">400 Chestnut Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hampton Inn & Suites Chattanooga Downtown is another excellent option for families visiting the city. With thoughtfully designed rooms, this hotel caters to both comfort and convenience, ensuring plenty of space for families to relax after a long day of activities. The hotel offers a free breakfast, outdoor pool, and fitness center, perfect for family bonding time. The location is central, allowing easy access to many family-oriented attractions, including the Chattanooga Zoo and Children’s Discovery Museum. Families will appreciate the thoughtful amenities, such as cribs and high chairs upon request, making it a hassle-free stay. With its inviting atmosphere and family-friendly features, this hotel is a fantastic pick amongst downtown Chattanooga hotels. </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">139US$</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="270517" > <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="bluff-view-inn" data-id="642483" data-lat="35.05509" data-lng="-85.30498"> <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/5262/526243/526243050.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/5262/526243/526243050.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526154/526154169.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15882/1588276/1588276661.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300941/1300941655.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300941/1300941151.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300941/1300941928.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300941/1300941955.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300950/1300950235.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300956/1300956412.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300956/1300956787.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300966/1300966669.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300966/1300966921.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300969/1300969630.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300979/1300979620.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300980/1300980679.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12971/1297162/1297162693.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12971/1297165/1297165837.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526151/526151142.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155096.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526151/526151034.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526149/526149513.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526149/526149543.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526152/526152384.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526152/526152438.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526153/526153671.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526153/526153725.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526153/526153947.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526154/526154094.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526154/526154121.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155198.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155327.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155483.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155597.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526162/526162497.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526167/526167636.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526167/526167666.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526167/526167690.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526168/526168668.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526168/526168701.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526168/526168818.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526168/526168857.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526169/526169127.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526169/526169163.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526185/526185792.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526186/526186029.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526186/526186059.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5262/526243/526243473.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5260/526027/526027701.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526150/526150908.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526154/526154286.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155270.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12971/1297166/1297166263.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526150/526150734.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526150/526150866.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526150/526150977.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155132.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526151/526151040.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526161/526161303.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5262/526242/526242780.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7699/769987/769987864.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6701/670113/670113948.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526168/526168827.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526186/526186509.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155447.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155486.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155186.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526162/526162968.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526150/526150923.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155222.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15882/1588276/1588276718.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15882/1588276/1588276608.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526162/526162842.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526150/526150935.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526153/526153899.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526161/526161240.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526149/526149348.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155156.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155312.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713123/713123920.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713123/713123467.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713123/713123518.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713123/713123587.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713123/713123977.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713123/713123707.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713123/713123836.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713123/713123872.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713124/713124037.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7131/713123/713123620.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526161/526161207.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526151/526151163.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526166/526166685.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526153/526153632.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155417.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526163/526163766.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526162/526162815.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155297.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526155/526155399.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526153/526153989.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5261/526150/526150950.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4786/478639/478639932.JPEG" data-image-gallery="gallerybluff-view-inn" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="bluff-view-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"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (125)</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="1839239">Bluff View 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">411 East Second Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Bluff View Inn is a perfect romantic retreat nestled in the upscale Bluff View Art District. Each room offers a unique design with charming decor and scenic views of the river, providing the perfect backdrop for a romantic weekend. Guests can enjoy leisurely walks through the charming art district or dine at one of the nearby restaurants that offer al fresco seating with panoramic views. The proximity to attractions such as the Hunter Museum of American Art makes this hotel ideal for couples who wish to explore a bit of local culture together. With its intimate atmosphere and beautiful setting, Bluff View Inn stands out as a romantic choice among downtown Chattanooga hotels. </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">215US$</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="1839239" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in Country</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/cincinnati-central-hotels">Cincinnati</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/salt-lake-city-central-hotels">Salt Lake 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/en-us/greenville-central-hotels">Greenville</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/portland-central-hotels">Portland</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/oklahoma-city-central-hotels">Oklahoma 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/en-us/pittsburgh-central-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/south-bend-central-hotels">South Bend</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/baltimore-central-hotels">Baltimore</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/lafayette-central-hotels">Lafayette</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/charleston-central-hotels-sc">Charleston</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/asheville-central-hotels">Asheville</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/marquette-central-hotels">Marquette</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/us/paris-central-hotels">Paris</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/barcelona-central-hotels">Barcelona</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/guadalajara-central-hotels">Guadalajara</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/manchester-central-hotels">Manchester</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/dublin-central-hotels">Dublin</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/coimbatore-central-hotels">Coimbatore</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/cardiff-central-hotels">Cardiff</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/toronto-central-hotels">Toronto</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/ensenada-central-hotels">Ensenada</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/copenhagen-central-hotels">Copenhagen</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-central-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/munich-central-hotels">Munich</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/chattanooga-hotels-near-ruby-falls">Ruby Falls</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/chattanooga-hotels-near-lookout-mountain">Lookout Mountain</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/chattanooga-hotels-near-tennessee-aquarium">Tennessee Aquarium</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/chattanooga-hotels-near-raccoon-mountains-caverns">Raccoon Mountains Caverns</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/en-us/chattanooga-hotels-riverfront">Riverfront</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 Chattanooga</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 Chattanooga</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/en-us/chattanooga-hotels">chattanooga hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/en-us/chattanooga-motels">chattanooga motels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/chattanooga-resorts">chattanooga tennessee resorts</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/chattanooga-bed-and-breakfast">b&b chattanooga tennessee</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/en-us/chattanooga-pet-friendly-hotels">pet friendly hotels chattanooga tn</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/chattanooga-cheap-hotels">cheap hotels chattanooga</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/chattanooga-romantic-hotels">romantic chattanooga hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/chattanooga-hotels-with-pool">hotels in chattanooga tn with indoor pool</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/chattanooga-family-hotels">chattanooga hotels for families</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/chattanooga-boutique-hotels">chattanooga boutique hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/chattanooga-5-star-hotels">5 star hotels in chattanooga tn</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":"wf1WTllvlLFawrtu"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"20121171","dest_name":"Chattanooga","city_id":1316,"pid":328299,"page":"post","bid":"20121171"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DD67ELos.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/inViewport-Du5ix3pf.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/relinking-hotel-card-slider-D8hpCEjB.css" /><script type="module" src="https://touristvr.com/build/assets/relinking-hotel-card-slider-Chk_IfHk.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>