Cheap Hotels in St. Petersburg from 84US$ ( 2024 Edition)

<!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="St Petersburg, Florida, is a vibrant destination known for its stunning waterfront views, cultural attractions, and sunny skies. Whether you’re a beach"> <title>Cheap Hotels in St. Petersburg from 84US$ ( 2024 Edition)</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/st-petersburg-cheap-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Cheap Hotels in St. Petersburg from 84US$ ( 2024 Edition)" /> <meta property="og:url" content="https://touristvr.com/us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/st-petersburg-cheap-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-VClDfekS.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-VClDfekS.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "145US$", "address": { "@type": "PostalAddress", "streetAddress": "5701 Shore Boulevard South" }, "name": "Sea Breeze Manor Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "85US$", "address": { "@type": "PostalAddress", "streetAddress": "6800 Sunshine Skyway Lane" }, "name": "Magnuson Hotel Marina Cove" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "99US$", "address": { "@type": "PostalAddress", "streetAddress": "253 2Nd Ave N" }, "name": "Cordova Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "84US$", "address": { "@type": "PostalAddress", "streetAddress": "4999 34Th Street North" }, "name": "Red Roof Inn Tampa Bay" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "101US$", "address": { "@type": "PostalAddress", "streetAddress": "650 34Th Street North" }, "name": "Days Inn By Wyndham St. Petersburg Central" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "180US$", "address": { "@type": "PostalAddress", "streetAddress": "532 Beach Dr. Ne" }, "name": "Beach Drive Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "108US$", "address": { "@type": "PostalAddress", "streetAddress": "95 Central Ave" }, "name": "Ponce De Leon Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "312US$", "address": { "@type": "PostalAddress", "streetAddress": "7401 Central Avenue" }, "name": "Crystal Bay Historic Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "141US$", "address": { "@type": "PostalAddress", "streetAddress": "1650 Central Ave." }, "name": "Tru By Hilton St. Petersburg Downtown Central Ave" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "147US$", "address": { "@type": "PostalAddress", "streetAddress": "80 Beach Drive Ne" }, "name": "Hampton Inn & Suites St. Petersburg/Downtown" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "84US$", "address": { "@type": "PostalAddress", "streetAddress": "342 3Rd Ave N" }, "name": "The Inn On Third" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "134US$", "address": { "@type": "PostalAddress", "streetAddress": "105 5Th Avenue Ne" }, "name": "The Mansion House Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "114US$", "address": { "@type": "PostalAddress", "streetAddress": "421 4Th Ave N" }, "name": "Hollander Hotel" }, { "@type": "Hotel", "priceRange" : "233US$", "address": { "@type": "PostalAddress", "streetAddress": "77 11Th Street North" }, "name": "Mint House St. Petersburg" } ] } </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/us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <nav> <div class="hidden justify-center items-center w-6 h-6 md:flex header-toogle-btn js-header-toggle-btn"> <svg class="header-icon-open text-[#0C1326]" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M2 6H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M2 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M2 18H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> <svg class="header-icon-close fill-[#0C1326]" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="flex items-center gap-8 transition-top duration-300 ease md:flex-col md:items-start md:absolute md:left-0 md:top-0 md:-translate-y-full md:w-full md:p-5 md:bg-white header-toogle-block js-header-toggle-block"> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 text-nowrap md:block js-header-toggle-close-btn" href="https://touristvr.com/us/top-hotels/"> Best Hotels </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 text-nowrap md:block js-header-toggle-close-btn" href="https://touristvr.com/us/popular-destinations/"> Popular Сities </a> </div> </nav> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> </div> </div> </div> </header> <main class="trawell-post"> <div class="relative mb-8 z-[1] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-[#141312] after:opacity-70 after:z-[-1] md:mb-36"> <picture> <source srcset="/data/images//1080x700/15883/1588328/1588328171.JPEG" media="(min-width: 767px)"> <img class="absolute top-0 left-0 w-full h-full object-cover z-[-2]" width="100%" height="100%" src="/data/images//450x450/15883/1588328/1588328171.JPEG" alt=""/> </picture> <div class="relative flex flex-col items-center justify-center h-[540px] md:items-start"> <h1 class="text-6xl text-white font-bold px-5 mb-5 md:text-4xl">Cheap Hotels in St. Petersburg</h1> <div class="absolute bottom-16 px-5 w-full md:bottom-[-100px] md:px-0"> <div class="max-w-[1000px] w-full mx-auto border rounded-md shadow-lg bg-white p-2 md:w-[calc(100%-40px)]"> <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">St. Petersburg</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"> Nov 26, 2024 - Nov 27, 2024 </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-600 text-white w-[150px] px-8 flex-shrink-0 h-14 md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Search <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 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-cheap-hotels/'>United States Cheap 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-florida/'>Florida 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">Cheap Hotels in St. Petersburg</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10 js-clk-open" data-type="filters"> <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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Up to 100$</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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">$100 - 200</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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="hyatt-place-st-petersburgdowntown" data-bhotel-id="hyatt-place-st-petersburgdowntown" data-lat="27.77182" data-lng="-82.6352" data-price = "317US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/5330/533094/533094228.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/hyatt-place-st-petersburg-downtown-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hyatt Place St. Petersburg/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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">317US$</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="2664559"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="hilton-st-petersburg-carillon-park" data-bhotel-id="hilton-st-petersburg-carillon-park" data-lat="27.89041" data-lng="-82.66592" data-price = "291US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15521/1552155/1552155361.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (121)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hilton-st-petersburg-carillon-park-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton St. Petersburg Carillon Park</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">291US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="43730"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="the-birchwood" data-bhotel-id="the-birchwood" data-lat="27.77597" data-lng="-82.63207" data-price = "310US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/7945/794547/794547441.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/us/the-birchwood-hotel-st-petersburg" 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 Birchwood</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">310US$</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="314094"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="the-vinoy-resort-golf-club-autograph-collection" data-bhotel-id="the-vinoy-resort-golf-club-autograph-collection" data-lat="27.7780129" data-lng="-82.62995519" data-price = "159US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/13792/1379268/1379268512.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (90)</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-vinoy-resort-golf-club-autograph-collection-st-petersburg" 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 Vinoy Resort & Golf Club, Autograph 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">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">159US$</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="264844"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="staybridge-suites-st-petersburg-fl-an-ihg-hotel" data-bhotel-id="staybridge-suites-st-petersburg-fl-an-ihg-hotel" data-lat="27.765463" data-lng="-82.64782" data-price = "169US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/14394/1439482/1439482690.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (73)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/staybridge-suites-st-petersburg-fl-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Staybridge Suites St. Petersburg Fl, 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="824670"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="hampton-inn-suites-st-petersburgdowntown" data-bhotel-id="hampton-inn-suites-st-petersburgdowntown" data-lat="27.77194" data-lng="-82.63357" data-price = "147US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15515/1551503/1551503659.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (88)</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-suites-st-petersburg-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 St. Petersburg/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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">147US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="252687"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="quality-inn-saint-petersburg-north-tampa-bay" data-bhotel-id="quality-inn-saint-petersburg-north-tampa-bay" data-lat="27.82166" data-lng="-82.66836" data-price = "105US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/12765/1276567/1276567900.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (150)</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-saint-petersburg-north-tampa-bay" 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 Saint Petersburg North-Tampa Bay</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="366198"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="crystal-bay-historic-hotel" data-bhotel-id="crystal-bay-historic-hotel" data-lat="27.770947" data-lng="-82.740843" data-price = "312US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15656/1565616/1565616409.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (219)</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/crystal-bay-historic-hotel-st-petersburg" 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">Crystal Bay Historic 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">6.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 ">312US$</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="1575446"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="quality-inn-suites-at-tropicana-field" data-bhotel-id="quality-inn-suites-at-tropicana-field" data-lat="27.78575" data-lng="-82.68001" data-price = "74US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15936/1593650/1593650911.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (92)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/quality-inn-suites-at-tropicana-field-st-petersburg" 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 At Tropicana Field</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="278090"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="la-quinta-by-wyndham-st-petersburg-northeast-newly-renovated" data-bhotel-id="la-quinta-by-wyndham-st-petersburg-northeast-newly-renovated" data-lat="27.8332500457764" data-lng="-82.6387481689453" data-price = "81US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/12803/1280305/1280305015.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/la-quinta-by-wyndham-st-petersburg-northeast-newly-renovated-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 St. Petersburg Northeast *Newly Renovated</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">81US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="256496"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="red-roof-inn-tampa-bay-st-petersburg" data-bhotel-id="red-roof-inn-tampa-bay-st-petersburg" data-lat="27.817081" data-lng="-82.678596" data-price = "84US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/12764/1276431/1276431223.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (140)</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/red-roof-inn-tampa-bay-st-petersburg" 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 Tampa Bay - St. Petersburg</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">84US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="456945"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="holiday-inn-express-st-petersburg-north-i-275-an-ihg-hotel" data-bhotel-id="holiday-inn-express-st-petersburg-north-i-275-an-ihg-hotel" data-lat="27.821505" data-lng="-82.662474" data-price = "404US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/12795/1279552/1279552090.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (90)</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-st-petersburg-north-i-275-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 St. Petersburg North / I-275, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.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 ">404US$</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="512679"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="comfort-inn-suites-northeast-gateway" data-bhotel-id="comfort-inn-suites-northeast-gateway" data-lat="27.85804" data-lng="-82.64626" data-price = "120US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15960/1596029/1596029590.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/comfort-inn-suites-northeast-gateway-st-petersburg" 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 Northeast - Gateway</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">5.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 ">120US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="317816"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="the-inn-on-third" data-bhotel-id="the-inn-on-third" data-lat="27.774882" data-lng="-82.637993" data-price = "84US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/2183/218345/218345765.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (260)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-inn-on-third-st-petersburg" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Inn On Third</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">84US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="244463"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="holiday-inn-st-petersburg-west-an-ihg-hotel" data-bhotel-id="holiday-inn-st-petersburg-west-an-ihg-hotel" data-lat="27.7836868971189" data-lng="-82.6799596776254" data-price = "119US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/12765/1276598/1276598056.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (218)</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-st-petersburg-west-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 - St. Petersburg West, 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">119US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="43719"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="magnuson-hotel-marina-cove" data-bhotel-id="magnuson-hotel-marina-cove" data-lat="27.70641" data-lng="-82.67826" data-price = "85US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/6843/684358/684358014.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (191)</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/magnuson-hotel-marina-cove-st-petersburg" 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">Magnuson Hotel Marina Cove</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">5.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 ">85US$</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="183164"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="sea-breeze-manor-inn" data-bhotel-id="sea-breeze-manor-inn" data-lat="27.73796" data-lng="-82.71052" data-price = "145US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15883/1588328/1588328183.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (25)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/sea-breeze-manor-inn-st-petersburg" 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">Sea Breeze Manor 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">4.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="2820022"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="days-inn-by-wyndham-st-petersburg-central" data-bhotel-id="days-inn-by-wyndham-st-petersburg-central" data-lat="27.779036" data-lng="-82.67975" data-price = "101US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/12764/1276439/1276439851.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (105)</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-st-petersburg-central" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Days Inn By Wyndham St. Petersburg Central</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.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 ">101US$</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="518299"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="budget-inn-st-petersburg" data-bhotel-id="budget-inn-st-petersburg" data-lat="27.780315" data-lng="-82.67962" data-price = "60US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15767/1576723/1576723043.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (168)</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/budget-inn-st-petersburg" 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">Budget Inn - St. Petersburg</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.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 ">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="305505"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="avalon-hotel-downtown-st-petersburg" data-bhotel-id="avalon-hotel-downtown-st-petersburg" data-lat="27.77671" data-lng="-82.63952" data-price = "189US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15521/1552188/1552188970.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (145)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/avalon-hotel-downtown-st-petersburg" 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">Avalon Hotel Downtown St. Petersburg</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">189US$</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="2034037"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="courtyard-by-marriott-st-petersburg-downtown" data-bhotel-id="courtyard-by-marriott-st-petersburg-downtown" data-lat="27.7752" data-lng="-82.63867" data-price = "139US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15168/1516885/1516885438.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (49)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/courtyard-by-marriott-st-petersburg-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 St. Petersburg 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="189672"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="the-kenwood-gables" data-bhotel-id="the-kenwood-gables" data-lat="27.77938" data-lng="-82.67153" data-price = "310US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/10421/1042132/1042132717.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (27)</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-kenwood-gables-bed-breakfast-st-petersburg" 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 Kenwood Gables</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">310US$</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="5782764"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="hollander-hotel-downtown-st-petersburg" data-bhotel-id="hollander-hotel-downtown-st-petersburg" data-lat="27.77651" data-lng="-82.6388" data-price = "114US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/7013/701375/701375386.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (310)</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/hollander-hotel-downtown-st-petersburg" 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">Hollander Hotel - Downtown St. Petersburg</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="449375"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="boca-ciega-bay-resort-114" data-bhotel-id="boca-ciega-bay-resort-114" data-lat="27.70878" data-lng="-82.7219" data-price = "111US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/16229/1622975/1622975858.JPEG" alt="" loading="lazy"> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/boca-ciega-bay-resort-114-st-petersburg" 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">Boca Ciega Bay Resort #114</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">6.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 ">111US$</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="8009812"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="beach-drive-inn" data-bhotel-id="beach-drive-inn" data-lat="27.77825" data-lng="-82.6314" data-price = "180US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/4183/418323/418323465.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/beach-drive-inn-st-petersburg" 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">Beach Drive 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">180US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="175156"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="cordova-inn-saint-petersburg" data-bhotel-id="cordova-inn-saint-petersburg" data-lat="27.7736742102703" data-lng="-82.6367153227329" data-price = "99US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/1729/172927/172927491.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (89)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/cordova-inn-saint-petersburg" 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">Cordova Inn - Saint Petersburg</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">99US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="385903"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="king-size-sassy-studio" data-bhotel-id="king-size-sassy-studio" data-lat="27.7738" data-lng="-82.74291" data-price = "122US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/12400/1240066/1240066465.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (21)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/king-size-sassy-studio-hotel-st-petersburg" 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">King Size Sassy Studio</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">6.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">122US$</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="8593648"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="tru-by-hilton-st-petersburg-downtown-central-ave" data-bhotel-id="tru-by-hilton-st-petersburg-downtown-central-ave" data-lat="27.77083" data-lng="-82.65614" data-price = "141US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15514/1551420/1551420199.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (36)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/tru-by-hilton-st-petersburg-downtown-central-ave-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">Tru By Hilton St. Petersburg Downtown Central Ave</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">141US$</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="6384503"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="the-exchange-hotel" data-bhotel-id="the-exchange-hotel" data-lat="27.77476" data-lng="-82.63638" data-price = "199US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/13405/1340537/1340537147.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (13)</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-exchange-hotel-st-petersburg" 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 Exchange 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="7887179"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="mint-house-st-petersburg-downtown" data-bhotel-id="mint-house-st-petersburg-downtown" data-lat="27.77168" data-lng="-82.64936" data-price = "233US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15370/1537047/1537047070.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (27)</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/mint-house-st-petersburg-downtown-aparthotel" 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">Mint House St. Petersburg - Downtown</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">233US$</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="9896687"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="new-hotel-collection-downtown-st-pete" data-bhotel-id="new-hotel-collection-downtown-st-pete" data-lat="27.77379" data-lng="-82.63672" data-price = "134US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/11515/1151558/1151558580.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (15)</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/new-hotel-collection-downtown-st-pete-st-petersburg" 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">New Hotel Collection Downtown St Pete</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">134US$</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="7016562"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="the-mansion-house-inn" data-bhotel-id="the-mansion-house-inn" data-lat="27.77777" data-lng="-82.6339" data-price = "134US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/6766/676619/676619814.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (33)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-mansion-house-inn-st-petersburg" 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 Mansion House 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">134US$</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="471889"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="ponce-de-leon-hotel" data-bhotel-id="ponce-de-leon-hotel" data-lat="27.771324" data-lng="-82.633729" data-price = "108US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/16110/1611074/1611074728.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (188)</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/ponce-de-leon-hotel-st-petersburg" 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">Ponce De Leon 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">108US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="255907"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="fairfield-inn-suites-by-marriott-st-petersburg-north" data-bhotel-id="fairfield-inn-suites-by-marriott-st-petersburg-north" data-lat="27.82162" data-lng="-82.66839" data-price = "109US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/11113/1111306/1111306146.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (49)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/fairfield-inn-suites-by-marriott-st-petersburg-north-st-petersburg" 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 St Petersburg North</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="2733862"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="uptown-inn-suites" data-bhotel-id="uptown-inn-suites" data-lat="27.78652" data-lng="-82.6463" data-price = "138US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/14801/1480188/1480188698.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (52)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/uptown-inn-suites-st-petersburg" 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">Uptown Inn & Suites</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="9421090"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="comfort-inn-st-petersburg-north" data-bhotel-id="comfort-inn-st-petersburg-north" data-lat="27.820572" data-lng="-82.66331" data-price = "106US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/7728/772831/772831543.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (203)</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-st-petersburg-north-st-petersburg" 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 St Petersburg North</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.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 ">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="291317"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="ac-hotel-st-petersburg-downtown" data-bhotel-id="ac-hotel-st-petersburg-downtown" data-lat="27.77247" data-lng="-82.63569" data-price = "275US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/13666/1366683/1366683530.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (10)</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/ac-hotel-st-petersburg-downtown-st-petersburg" 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">Ac Hotel St Petersburg 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">275US$</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="9143360"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="mari-jean-hotel-adults-only-gay-hotel" data-bhotel-id="mari-jean-hotel-adults-only-gay-hotel" data-lat="27.77129" data-lng="-82.66548" data-price = "215US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15074/1507473/1507473352.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (9)</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/mari-jean-hotel-adults-only-gay-hotel-st-petersburg" 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">Mari Jean Hotel - Adults Only Gay Hotel</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="10333724"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="st-petersburg-marriott-clearwater" data-bhotel-id="st-petersburg-marriott-clearwater" data-lat="27.886045" data-lng="-82.669883" data-price = "131US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/14006/1400697/1400697227.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (84)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/st-petersburg-marriott-clearwater-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">St. Petersburg Marriott Clearwater</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">8.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">131US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="190574"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="hotel-indigo-st-petersburg-downtown" data-bhotel-id="hotel-indigo-st-petersburg-downtown" data-lat="27.77453" data-lng="-82.63633" data-price = "112US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/9431/943125/943125010.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (87)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-indigo-st-petersburg-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 Indigo St. Petersburg 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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="183158"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="super-8-by-wyndham-st-petersburg" data-bhotel-id="super-8-by-wyndham-st-petersburg" data-lat="27.81704" data-lng="-82.67872" data-price = "74US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/12846/1284653/1284653869.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (33)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/super-8-by-wyndham-st-petersburg-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">Super 8 By Wyndham St. Petersburg</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">3.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="4281908"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="frontdesk-the-wayland-apts-downtown-st-pete" data-bhotel-id="frontdesk-the-wayland-apts-downtown-st-pete" data-lat="27.7685" data-lng="-82.64664" data-price = "115US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/11706/1170691/1170691561.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (9)</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/frontdesk-the-wayland-apts-downtown-st-pete-apartment-st-petersburg" 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">Frontdesk The Wayland Apts Downtown St Pete</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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="6538686"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="holiday-inn-express-suites-st-petersburg-madeira-beach-an-ihg-hotel" data-bhotel-id="holiday-inn-express-suites-st-petersburg-madeira-beach-an-ihg-hotel" data-lat="27.815842" data-lng="-82.77852" data-price = "210US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15936/1593688/1593688680.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/holiday-inn-express-suites-st-petersburg-madeira-beach-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express & Suites - St. Petersburg - Madeira Beach, 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">9.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 ">210US$</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="2028078"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="prestige-collection-hotel-boutique" data-bhotel-id="prestige-collection-hotel-boutique" data-lat="27.77787" data-lng="-82.63352" data-price = "235US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/15592/1559236/1559236336.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (22)</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/prestige-collection-hotel-boutique-st-petersburg" 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">Prestige Collection, Hotel Boutique</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">235US$</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="9425978"> <span>Check availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" id="hilton-st-petersburg-bayfront" data-bhotel-id="hilton-st-petersburg-bayfront" data-lat="27.768174" data-lng="-82.634192" data-price = "184US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="/data/images/600x400/12763/1276319/1276319386.JPEG" alt="" loading="lazy"> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (141)</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/hilton-st-petersburg-bayfront-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">Hilton St. Petersburg Bayfront</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">184US$</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="43728"> <span>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; } </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="27.73796" data-lng="-82.71052"></div> </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>St Petersburg, Florida, is a vibrant destination known for its stunning waterfront views, cultural attractions, and sunny skies. Whether you’re a beach lover, an art enthusiast, or simply seeking a relaxing escape, this city has something to offer everyone without breaking the bank. By choosing from a selection of cheap hotels in St Petersburg, FL, you can enjoy a memorable stay while keeping your budget intact.</p><p>When searching for affordable accommodations, St Petersburg boasts a variety of cheap hotels that cater to different preferences and travel styles. Many of these hotels are conveniently located near popular attractions such as the Salvador Dalí Museum and the beautiful St Pete Beach, making it easy to explore the city's highlights. Moreover, numerous options feature essential amenities like free Wi-Fi and breakfast, ensuring a comfortable stay without the high price tag.</p><p>To enhance your experience, consider exploring local tips and hidden gems while staying at these budget-friendly hotels. From delicious dining spots to unique shopping districts, St Petersburg offers a wealth of activities that won’t strain your wallet. With the right planning and a choice of cheap hotels in St Petersburg, FL, your dream getaway is well within reach, allowing you to create lasting memories in this charming Floridian city.</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-359605" data-langcode="en" data-bcity-id="20023924" data-city-name="St. Petersburg" > <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>Booking Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#sea-breeze-manor-inn" class="js-clk-open" data-type="table" data-bhotel-id="2820022" data-open-once data-open-passive>Sea Breeze Manor Inn</a> </td> <td> <p> 8.9 / 10 </p> <p> (140 Reviews)</p> </td> <td> <span>From 145US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="2820022">Check Price</button> </td> </tr> <tr> <td> <a href="#magnuson-hotel-marina-cove" class="js-clk-open" data-type="table" data-bhotel-id="183164" data-open-once data-open-passive>Magnuson Hotel Marina Cove</a> </td> <td> <p> 7.8 / 10 </p> <p> (505 Reviews)</p> </td> <td> <span>From 85US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="183164">Check Price</button> </td> </tr> <tr> <td> <a href="#cordova-inn" class="js-clk-open" data-type="table" data-bhotel-id="385903" data-open-once data-open-passive>Cordova Inn</a> </td> <td> <p> 8.1 / 10 </p> <p> (406 Reviews)</p> </td> <td> <span>From 99US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="385903">Check Price</button> </td> </tr> <tr> <td> <a href="#red-roof-inn-tampa-bay" class="js-clk-open" data-type="table" data-bhotel-id="456945" data-open-once data-open-passive>Red Roof Inn Tampa Bay</a> </td> <td> <p> 5.2 / 10 </p> <p> (468 Reviews)</p> </td> <td> <span>From 84US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="456945">Check Price</button> </td> </tr> <tr> <td> <a href="#days-inn-by-wyndham-st-petersburg-central" class="js-clk-open" data-type="table" data-bhotel-id="518299" data-open-once data-open-passive>Days Inn By Wyndham St. Petersburg Central</a> </td> <td> <p> 6.8 / 10 </p> <p> (264 Reviews)</p> </td> <td> <span>From 101US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="518299">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="sea-breeze-manor-inn" data-id="700387" data-lat="27.73796" data-lng="-82.71052"> <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="/data/images/r1080x700/15883/1588328/1588328183.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/15883/1588328/1588328183.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328263.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328287.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328153.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328162.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328164.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328167.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328171.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328178.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328180.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328182.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328186.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328188.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328189.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328192.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328193.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328195.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328202.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328204.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328205.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328208.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328212.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328215.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328224.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328225.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328226.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328227.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328228.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328230.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328235.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328242.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328243.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328245.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328272.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328170.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328196.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328233.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328236.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11807/1180779/1180779241.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11807/1180780/1180780138.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11807/1180780/1180780447.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11789/1178922/1178922835.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11789/1178923/1178923396.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11789/1178923/1178923438.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10926/1092699/1092699996.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10927/1092701/1092701133.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10927/1092702/1092702420.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328187.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328166.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328177.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9584/958493/958493824.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9584/958493/958493893.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9584/958494/958494505.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9340/934018/934018162.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7838/783845/783845412.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7838/783845/783845472.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7838/783848/783848718.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7838/783845/783845439.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328176.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328194.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328181.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11789/1178922/1178922814.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328190.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328221.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328203.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328210.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328199.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15883/1588328/1588328175.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9596/959626/959626393.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744704.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744624.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744592.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744696.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744760.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744596.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744572.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744604.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744632.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744640.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744648.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744656.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744664.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744672.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744688.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744716.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744720.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744732.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744744.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744752.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744768.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744772.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744796.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744804.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744564.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744788.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2987/298744/298744724.JPEG" data-image-gallery="gallerysea-breeze-manor-inn" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="sea-breeze-manor-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.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (140)</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="2820022">Sea Breeze Manor 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">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">5701 Shore Boulevard South</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Sea Breeze Manor Inn is a delightful boutique hotel that captures the essence of a relaxed beach vacation. With quaint rooms featuring comfortable furnishings, guests immediately feel at home as they unwind. This hotel sits within walking distance of the beach, allowing you to savor the sun and enjoy various water activities easily. Wonderful hospitality and personalized service help create a memorable experience for all travelers. The affordability of Sea Breeze Manor Inn is a testament to the great options available among cheap hotels in St Petersburg, FL. Let this charming inn be your gateway to a perfect beach getaway without stretching your budget too thin. </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">145US$</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="2820022" > <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="magnuson-hotel-marina-cove" data-id="700425" data-lat="27.70641" data-lng="-82.67826"> <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="/data/images/r1080x700/6843/684358/684358014.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/6843/684358/684358014.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/10914/1091420/1091420700.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4017/401725/401725839.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4054/405451/405451752.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4025/402584/402584892.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4017/401729/401729082.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4451/445122/445122924.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4451/445127/445127244.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4054/405450/405450891.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438288.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438546.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438597.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438975.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435439/1435439029.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435439/1435439113.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4451/445123/445123128.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4025/402590/402590331.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4054/405462/405462288.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438231.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438351.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438399.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438453.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438702.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438753.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438864.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435439/1435439185.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435439/1435439236.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435439/1435439317.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435439/1435439371.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435439/1435439548.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/10203/1020311/1020311200.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435439/1435439422.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4054/405462/405462564.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435440/1435440412.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/11290/1129005/1129005564.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/11290/1129006/1129006053.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/11290/1129006/1129006290.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435440/1435440856.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/3916/391669/391669173.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435439/1435439140.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/11092/1109245/1109245875.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/9870/987015/987015673.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684358/684358632.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/14354/1435438/1435438498.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723407.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723437.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723404.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4358/435862/435862860.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/1481/148119/148119697.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684354/684354444.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/8280/828088/828088790.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/8280/828089/828089342.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/8280/828089/828089858.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/8280/828089/828089876.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/10212/1021280/1021280323.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/10212/1021280/1021280245.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/10212/1021280/1021280284.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/10212/1021280/1021280299.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723440.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684357/684357573.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/10212/1021280/1021280278.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/2279/227970/227970752.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/2279/227970/227970848.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/5523/552346/552346782.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/3916/391669/391669170.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/4756/475639/475639038.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684353/684353610.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684354/684354570.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723476.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/3916/391669/391669167.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684357/684357690.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/3096/309611/309611233.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/3096/309611/309611241.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684356/684356202.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684358/684358398.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/3096/309611/309611249.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723416.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/3916/391669/391669209.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/3916/391669/391669158.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/1481/148119/148119694.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684358/684358176.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684355/684355446.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684356/684356628.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684353/684353838.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723392.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684356/684356730.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/6843/684357/684357114.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/3916/391669/391669188.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723461.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723377.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723446.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723389.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723458.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723401.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723425.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723395.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723434.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723443.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/7257/725723/725723452.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div data-fslightbox-link="/data/images/r1080x700/327/32728/32728837.JPEG" data-image-gallery="gallerymagnuson-hotel-marina-cove" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="magnuson-hotel-marina-cove" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (505)</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="183164">Magnuson Hotel Marina Cove</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">6800 Sunshine Skyway Lane</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Magnuson Hotel Marina Cove stands out with its waterfront views and direct access to a private beach, making it an ideal spot for ocean lovers on a budget. The hotel features comfortable rooms with charming decor, many of which offer stunning views of the marina. Guests can take advantage of the outdoor pool, picnic areas, and water sports facilities right on the property. Located just a short drive from downtown St Petersburg, it provides the perfect balance of beach life and city exploration. Magnuson Hotel Marina Cove aligns seamlessly with the concept of cheap hotels in St Petersburg, FL, offering beachside enjoyment without breaking the bank. Experience the sun, sand, and serenity at this lovely coastal retreat. </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">85US$</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="183164" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="cheap-hotels-st-petersburg-fl-for-longer-visits">Cheap Hotels St. Petersburg, FL for Longer Visits</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">If you're planning an extended stay in St Petersburg, Florida, you’ll need a comfortable place that doesn’t compromise on amenities or budget. This section features cheap hotels in St Petersburg, FL, ideal for both business and leisure travelers looking for longer accommodations without overspending. These hotels provide essential features such as kitchen facilities, spacious rooms, and a range of on-site services to enhance your visit. By choosing one of these options, you can enjoy the local culture while feeling at home away from home. Long stays become all the more enjoyable when your accommodation aligns with your needs without draining your wallet.</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="cordova-inn" data-id="700460" data-lat="27.77367421027" data-lng="-82.636715322733"> <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="/data/images/r1080x700/1729/172927/172927491.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/1729/172927/172927491.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/1729/172927/172927257.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1729/172927/172927278.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1531/153166/153166117.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1639/163900/163900398.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1258/125817/125817309.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211260/1211260348.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211259/1211259130.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211259/1211259295.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211259/1211259457.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211259/1211259814.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211260/1211260042.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211260/1211260105.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211259/1211259037.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1587/158778/158778636.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1605/160507/160507395.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211259/1211259553.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211259/1211259727.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211259/1211259865.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/8307/830701/830701241.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211262/1211262835.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/8302/830275/830275940.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261881.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211262/1211262670.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261737.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261128.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261314.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211260/1211260597.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261062.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261389.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261815.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211262/1211262082.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211262/1211262217.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211262/1211262766.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261497.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261569.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261659.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211262/1211262271.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211262/1211262358.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211260/1211260819.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211261/1211261011.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/8307/830704/830704691.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9965/996550/996550747.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11429/1142900/1142900860.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11429/1142900/1142900953.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11429/1142901/1142901142.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11429/1142901/1142901220.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720439.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7946/794698/794698278.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7946/794698/794698281.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7946/794698/794698284.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7946/794698/794698290.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7946/794698/794698293.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7946/794698/794698296.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/542/54243/54243208.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4763/476372/476372484.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720184.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720655.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720760.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720898.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720709.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720790.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720235.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720334.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/542/54243/54243205.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720295.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720523.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7946/794698/794698287.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211260/1211260171.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720835.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11429/1142901/1142901052.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211260/1211260237.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1556/155605/155605562.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1556/155605/155605577.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1556/155605/155605574.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720592.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1556/155605/155605553.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211260/1211260444.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7117/711720/711720367.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/542/54243/54243217.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1925/192575/192575491.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/8307/830705/830705462.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505804/505804377.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194090.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194111.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1240/124073/124073856.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194066.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1556/155605/155605571.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194078.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194123.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1240/124073/124073823.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1240/124073/124073838.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194084.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194063.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1240/124073/124073868.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1240/124073/124073817.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194126.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194129.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194057.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="cordova-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1240/124073/124073796.JPEG" data-image-gallery="gallerycordova-inn" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="cordova-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.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (406)</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="385903">Cordova 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">253 2Nd Ave N</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Cordova Inn's historic architecture offers visitors a charming escape filled with character and warmth. Nestled in the lively heart of downtown, this inn is steps away from various attractions, including the waterfront and local shops. Guests appreciate the cozy accommodations paired with complimentary breakfast and Wi-Fi, making it a budget-friendly option for travelers. The Cordova Inn's parking space and location make it convenient for those exploring the city. This hotel effortlessly combines affordability with historic charm, solidifying its reputation among the cheap hotels in St Petersburg, FL. Enjoy the blend of history and comfort as you make memories in this beautiful destination. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">99US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="385903" > <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-tampa-bay" data-id="700515" data-lat="27.817081" data-lng="-82.678596"> <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="/data/images/r1080x700/12764/1276431/1276431223.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/12764/1276431/1276431223.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276431/1276431352.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276431/1276431523.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430638.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276429/1276429615.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276428/1276428865.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276429/1276429060.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276429/1276429687.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430353.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430443.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430716.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276431/1276431031.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430893.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430839.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276428/1276428553.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276429/1276429339.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/11242/1124263/1124263596.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/11551/1155187/1155187908.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/10248/1024837/1024837576.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/10248/1024838/1024838902.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/10248/1024839/1024839466.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/10248/1024839/1024839481.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/10306/1030626/1030626949.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430509.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276429/1276429756.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430782.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276431/1276431283.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430551.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430971.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/10248/1024837/1024837528.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4219/421973/421973013.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/10041/1004123/1004123496.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4592/459232/459232008.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276431/1276431421.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505807/505807485.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505807/505807491.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505807/505807503.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505807/505807554.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/8333/833386/833386364.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/8333/833386/833386373.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5840/584044/584044548.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505807/505807545.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4219/421973/421973022.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4219/421973/421973253.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/1212/121288/121288029.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/1212/121288/121288032.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/1212/121288/121288038.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/1212/121288/121288044.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/8395/839559/839559689.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560371/560371917.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6917/691775/691775844.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6917/691776/691776621.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560372/560372289.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560371/560371359.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560372/560372220.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4530/453032/453032253.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560373/560373453.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560372/560372361.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560372/560372577.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560371/560371815.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560371/560371443.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/8395/839559/839559185.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4530/453032/453032199.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4530/453032/453032220.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4530/453032/453032238.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276430/1276430107.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560371/560371512.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/2894/289449/289449588.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/2894/289449/289449592.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/2894/289449/289449600.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/2894/289449/289449608.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/1212/121288/121288026.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/10248/1024840/1024840300.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/10248/1024839/1024839511.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/8395/839559/839559467.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276429/1276429867.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6069/606955/606955143.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6069/606954/606954906.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6138/613837/613837295.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/2894/289449/289449612.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276429/1276429510.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276429/1276429990.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560372/560372412.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/7156/715673/715673869.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/7156/715673/715673839.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/7156/715673/715673911.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/7156/715673/715673953.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6069/606954/606954918.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6069/606954/606954945.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6069/606954/606954939.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6069/606954/606954873.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/6069/606954/606954885.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/2894/289449/289449572.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4390/439011/439011147.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4390/439011/439011156.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/4390/439011/439011207.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/992/99295/99295418.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/669/66903/66903607.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/992/99295/99295391.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div data-fslightbox-link="/data/images/r1080x700/546/54634/54634096.JPEG" data-image-gallery="galleryred-roof-inn-tampa-bay" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="red-roof-inn-tampa-bay" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 5.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (468)</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="456945">Red Roof Inn Tampa Bay</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">4999 34Th Street North</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Red Roof Inn Tampa Bay offers affordable accommodations for those who prioritize convenience and basic amenities while exploring St Petersburg. This hotel features comfortable rooms equipped with modern conveniences, ensuring that you feel at home. Located near major highways and public transportation, your daily adventures are easily accessible, allowing for seamless exploration of the city. The pet-friendly policy adds an extra bonus for travelers with furry companions, further enhancing the overall value. Great service and consistent quality make this hotel a strong contender among cheap hotels in St Petersburg, FL. With Red Roof Inn, you can enjoy an affordable stay while engaging with everything St Petersburg has to offer. </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">84US$</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="456945" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="cheap-hotels-st-petersburg-fl-to-discover-local-culture">Cheap Hotels St. Petersburg, FL to Discover Local Culture</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For those visiting St Petersburg to delve into its local culture and attractions, finding centrally located yet affordable accommodations is key. This section highlights cheap hotels in St Petersburg, FL that put you right in the heart of the action, allowing you to experience the unique vibe of the city. With access to vibrant neighborhoods, local galleries, and dining options, your stay will be packed with opportunities for exploration. These hotels offer comfortable lodgings so you can recharge after a day of adventures without overspending. Traveling on a budget doesn’t mean sacrificing experiences; instead, it opens the door to discovering St Petersburg in a more authentic way. Here are some fantastic options for your 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="days-inn-by-wyndham-st-petersburg-central" data-id="700565" data-lat="27.779036" data-lng="-82.67975"> <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="/data/images/r1080x700/12764/1276439/1276439851.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/12764/1276439/1276439851.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369838.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369871.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369889.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369922.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369997.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530370/1530370051.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530370/1530370072.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530370/1530370093.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369865.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369955.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352771/1352771971.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352773/1352773972.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352786/1352786677.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352795/1352795032.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352797/1352797930.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13528/1352803/1352803066.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13528/1352803/1352803105.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13528/1352803/1352803123.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13528/1352803/1352803138.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13528/1352803/1352803153.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369943.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369958.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276439/1276439518.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276439/1276439599.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276439/1276439734.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276439/1276439782.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276439/1276439977.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276440/1276440115.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352797/1352797915.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276439/1276439446.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352789/1352789386.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369892.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352789/1352789362.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369970.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369886.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369919.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352795/1352795014.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12115/1211559/1211559697.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12115/1211560/1211560987.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369988.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12115/1211560/1211560756.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530370/1530370018.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12115/1211561/1211561155.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13528/1352805/1352805691.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12115/1211561/1211561341.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352789/1352789374.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369898.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352776/1352776519.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276439/1276439656.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13527/1352791/1352791225.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276439/1276439098.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/13528/1352805/1352805715.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/6828/682819/682819971.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/9665/966599/966599731.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/15303/1530369/1530369877.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/3567/356759/356759866.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/12764/1276439/1276439194.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/5489/548975/548975118.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/8376/837652/837652529.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/4427/442740/442740765.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/6828/682820/682820235.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505804/505804590.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/6828/682820/682820187.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/6828/682820/682820655.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/6828/682820/682820355.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/6828/682820/682820472.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/6828/682820/682820547.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/6828/682820/682820718.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/6828/682820/682820922.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/4504/450491/450491970.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/4504/450491/450491916.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/3122/312294/312294713.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/4504/450491/450491934.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/4504/450491/450491952.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505804/505804470.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/3122/312294/312294721.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/3567/356759/356759875.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div data-fslightbox-link="/data/images/r1080x700/3567/356759/356759881.JPEG" data-image-gallery="gallerydays-inn-by-wyndham-st-petersburg-central" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="days-inn-by-wyndham-st-petersburg-central" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 6.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (264)</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="518299">Days Inn By Wyndham St. Petersburg Central</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">650 34Th Street North</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Days Inn provides a family-friendly environment with essential amenities to ensure everyone has a satisfying stay. With spacious rooms capable of accommodating larger families, everyone will have enough space to relax after exciting days out. The hotel features a seasonal outdoor pool where families can unwind and enjoy sunny afternoons together. Additionally, its location places you conveniently near various attractions such as museums and parks that cater to families. Days Inn stands out among cheap hotels in St Petersburg, FL for its affordability and family-oriented services. Make the most of your family vacation with a stay at this welcoming hotel. </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">101US$</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="518299" > <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="beach-drive-inn" data-id="700603" data-lat="27.77825" data-lng="-82.6314"> <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="/data/images/r1080x700/4183/418323/418323465.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/4183/418323/418323465.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/10000/1000098/1000098441.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10016/1001693/1001693178.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10016/1001693/1001693412.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10000/1000098/1000098549.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10000/1000098/1000098615.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10016/1001693/1001693544.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10016/1001693/1001693070.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10016/1001692/1001692746.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14394/1439478/1439478280.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211493/1211493241.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211495/1211495005.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14394/1439479/1439479336.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211492/1211492899.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211493/1211493154.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211491/1211491909.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211492/1211492686.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211490/1211490145.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10016/1001693/1001693493.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14394/1439480/1439480917.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10173/1017344/1017344635.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10173/1017344/1017344500.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10173/1017344/1017344557.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9531/953103/953103007.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14394/1439480/1439480668.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211496/1211496235.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3335/333502/333502999.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3335/333503/333503011.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3335/333503/333503017.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9594/959421/959421340.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7063/706325/706325464.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7063/706325/706325515.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211495/1211495758.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14394/1439480/1439480857.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9594/959421/959421391.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4842/484218/484218438.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2162/216219/216219869.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211491/1211491081.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12114/1211493/1211493664.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9594/959406/959406010.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10173/1017344/1017344437.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9594/959421/959421121.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9594/959421/959421250.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9594/959421/959421211.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5935/593565/593565705.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2162/216219/216219947.JPEG" data-image-gallery="gallerybeach-drive-inn" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="beach-drive-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.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (104)</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="175156">Beach Drive 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">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">532 Beach Dr. Ne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Beach Drive Inn provides a serene escape just steps away from the beautiful waterfront, making it a wonderful choice for affordable beach accommodations. This quaint bed-and-breakfast offers cozy rooms adorned with a mix of modern and vintage decor, perfect for a romantic escape or a family getaway. Guests can also enjoy a complimentary breakfast each morning before heading out to explore the nearby attractions or relax at the beach. The location is unbeatable, placing you right by some of the best dining and entertainment options in the area. The Beach Drive Inn captures the essence of what it means to stay in a classic beach town while embodying the idea of cheap hotels in St Petersburg, FL. Dive into a delightful experience that combines value with the charm of being near the coast. </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">180US$</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="175156" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="cheap-hotels-st-petersburg-fl-for-beach-lovers">Cheap Hotels St. Petersburg, FL for Beach Lovers</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">St Petersburg's beautiful beaches are a fundamental part of what makes this destination special. This section now focuses on cheap hotels in St Petersburg, FL that offer easy access to the alluring coastline, perfect for sun-seekers and beach enthusiasts alike. Enjoy the flexibility of staying close to the water while benefiting from budget-friendly pricing. Many of these hotels provide essential amenities like beach gear rentals, outdoor pools, and restaurants featuring delightful sea views. Whether you're after a sunrise stroll on the beach or an afternoon of fun in the sun, these accommodations will serve as the perfect beach getaway. Here’s a selection of seaside options that won’t put a strain on your budget.</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="ponce-de-leon-hotel" data-id="700604" data-lat="27.771324" data-lng="-82.633729"> <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="/data/images/r1080x700/16110/1611074/1611074728.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/16110/1611074/1611074728.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074657.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074680.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074688.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074694.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074718.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074721.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074722.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074726.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074658.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074669.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074709.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074671.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074717.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074693.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074705.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074689.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074702.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074714.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074739.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074675.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074652.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074673.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074672.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074711.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074683.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4533/453388/453388290.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/1173/117357/117357667.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/16110/1611074/1611074677.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/1173/117357/117357670.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/1173/117357/117357661.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/8396/839687/839687207.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4533/453388/453388677.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/1173/117378/117378523.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693261/693261327.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693260/693260739.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693260/693260847.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693262/693262101.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948180.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693262/693262602.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805949.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693262/693262674.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948136.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948128.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948116.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948120.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948156.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948096.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948108.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948140.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948152.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/1924/192492/192492634.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/1924/192492/192492712.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/1924/192492/192492640.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7726/772638/772638403.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948164.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693262/693262338.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948148.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4533/453388/453388392.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693259/693259641.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693259/693259788.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693263/693263166.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4533/453388/453388563.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693264/693264645.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948064.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948060.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4533/453388/453388434.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948056.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948204.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693259/693259482.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693263/693263424.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693263/693263337.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693261/693261258.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948084.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693263/693263094.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948068.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948072.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693262/693262758.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948080.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948112.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290947/290947988.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290947/290947984.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948124.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948144.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/6932/693261/693261132.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4533/453388/453388365.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805814.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948076.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194333.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/3591/359194/359194342.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2909/290948/290948004.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/1240/124074/124074180.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/622/62228/62228908.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/674/67461/67461683.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/622/62228/62228887.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/622/62228/62228833.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/674/67461/67461671.JPEG" data-image-gallery="galleryponce-de-leon-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="ponce-de-leon-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 6.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (754)</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="255907">Ponce De Leon 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">95 Central Ave</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Ponce De Leon Hotel is a historical gem located in downtown St Petersburg, featuring stunning Spanish Renaissance architecture that reflects the city’s rich history. At the Ponce, guests are treated to beautifully appointed rooms that meld historical charm with modern amenities. The hotel is situated close to attractions like the Salvador Dalí Museum and local dining options, making it an ideal base for explorers. With affordable pricing, this hotel provides a unique opportunity to stay in a historic site while enjoying the comforts of home. Ponce De Leon Hotel represents the essence of cheap hotels in St Petersburg, FL, offering an experience steeped in history without excessive costs. Step back in time while benefiting from the unique features this hotel has to offer. </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">108US$</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="255907" > <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="crystal-bay-historic-hotel" data-id="700652" data-lat="27.770947" data-lng="-82.740843"> <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="/data/images/r1080x700/15656/1565616/1565616409.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/15656/1565616/1565616409.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/15808/1580865/1580865071.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15808/1580865/1580865075.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147947.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147949.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147951.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147952.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147954.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147955.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147957.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147960.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147962.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147971.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147979.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147984.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147993.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147995.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147997.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147998.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148000.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148005.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148006.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148008.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148009.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148010.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148013.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148014.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148018.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148020.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148025.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148026.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148030.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148031.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148033.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148044.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148050.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616322.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616340.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616343.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616358.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616364.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616367.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616370.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616373.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15727/1572740/1572740573.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15727/1572740/1572740585.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616337.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147976.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147988.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148015.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148034.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148038.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148048.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616403.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15808/1580865/1580865077.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12585/1258578/1258578025.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12585/1258598/1258598290.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148041.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147965.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147972.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147989.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147999.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148011.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616331.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15727/1572740/1572740576.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/10255/1025532/1025532700.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/10238/1023826/1023826612.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/9729/972985/972985507.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148045.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616379.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/9742/974290/974290108.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12585/1258581/1258581607.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147981.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147967.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15808/1580865/1580865063.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147944.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148017.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147990.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148032.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147943.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/9743/974323/974323075.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/8244/824406/824406911.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4610/461066/461066274.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147941.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583148/1583148024.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565616/1565616325.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147968.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147946.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147994.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147948.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15808/1580865/1580865073.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12585/1258524/1258524001.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15831/1583147/1583147974.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/15727/1572740/1572740582.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/8244/824404/824404886.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/8244/824403/824403743.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/8244/824403/824403830.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/8244/824404/824404196.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/8244/824404/824404688.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/8244/824408/824408513.JPEG" data-image-gallery="gallerycrystal-bay-historic-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="crystal-bay-historic-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1319)</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="1575446">Crystal Bay Historic 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">7401 Central Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Crystal Bay Historic Hotel is enveloped in charm, featuring a blend of historic decor and modern amenities that create a unique experience. This quaint hotel captures the essence of old St Petersburg while offering comfortable accommodations for guests. Surrounded by lush gardens and tranquil settings, it offers a peaceful respite from the bustling city. The property embodies the quirks of the local architecture, providing a great backdrop for memorable photos. With its reasonable rates, it makes the list of cheap hotels in St Petersburg, FL that provide both character and value. Stay at the Crystal Bay Historic Hotel and embrace the charming quirks of this delightful destination. </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">312US$</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="1575446" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="cheap-hotels-st-petersburg-fl-with-unique-character">Cheap Hotels St. Petersburg, FL with Unique Character</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For those visiting St Petersburg who appreciate history and charm, selecting accommodations with local flair can enhance your trip. This section highlights cheap hotels in St Petersburg, FL that boast unique characteristics, allowing you to immerse yourself in the city’s rich history. These hotels offer a glimpse into the aesthetic beauty of days gone by while providing modern comforts. Many of them are nestled in historical buildings, exemplifying St Petersburg's cultural heritage. By staying in one of these hotels, you can enjoy the old-world ambiance without the hefty price tag typically associated with historical lodgings. Discover affordable options that allow you to appreciate the character of St Petersburg.</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="tru-by-hilton-st-petersburg-downtown-central-ave" data-id="700690" data-lat="27.77083" data-lng="-82.65614"> <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="/data/images/r1080x700/15514/1551420/1551420199.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/15514/1551420/1551420199.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420004.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420037.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420064.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420070.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420076.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420112.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420136.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420139.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420142.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420157.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420163.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420211.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420214.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420229.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420232.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420238.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420271.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420277.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420304.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420316.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420361.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420118.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420100.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420124.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420187.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420133.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420106.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420073.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551419/1551419944.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/10349/1034982/1034982446.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/13133/1313359/1313359000.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/10349/1034982/1034982449.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420019.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420172.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420052.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </div> <div data-fslightbox-link="/data/images/r1080x700/15514/1551420/1551420016.JPEG" data-image-gallery="gallerytru-by-hilton-st-petersburg-downtown-central-ave" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="tru-by-hilton-st-petersburg-downtown-central-ave" > </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> (515)</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="6384503">Tru By Hilton St. Petersburg Downtown Central Ave</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1650 Central Ave.</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Tru By Hilton offers a modern and vibrant atmosphere suitable for families visiting St Petersburg. The hotel features spacious rooms designed for comfort, with brightly colored furnishings and amenities like a mini-fridge and microwave available in each room. Children will love the game room while parents appreciate the complimentary breakfast with a variety of healthy options. Situated close to family-friendly attractions such as the St Pete Pier, this hotel makes family outings a breeze. Tru By Hilton represents great value in the cheap hotels in St Petersburg, FL category, ensuring the whole family can enjoy a fun-filled vacation. With its welcoming ambiance and thoughtful amenities, it’s an ideal choice for families on a budget. </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">141US$</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="6384503" > <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="hampton-inn-suites-st-petersburgdowntown" data-id="700740" data-lat="27.77194" data-lng="-82.63357"> <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="/data/images/r1080x700/15515/1551503/1551503659.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/15515/1551503/1551503659.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503218.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503272.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503281.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503284.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503341.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503344.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503350.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503407.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503413.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503431.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503446.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503632.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503662.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503674.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503758.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503770.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503788.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503791.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503200.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503239.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503110.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503248.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503293.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503356.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503410.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503611.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503278.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503287.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503368.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503371.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503383.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503392.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503434.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503323.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503203.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503347.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503296.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503401.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/14352/1435279/1435279888.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/14352/1435279/1435279108.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/14352/1435279/1435279261.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/14352/1435279/1435279366.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/12112/1211299/1211299948.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/12765/1276568/1276568065.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503125.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503290.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503437.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/12113/1211302/1211302003.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503230.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/7091/709184/709184236.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503326.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503185.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/1530/153015/153015613.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/4592/459242/459242247.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/5840/584099/584099073.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/5699/569968/569968899.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/519/51977/51977516.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/5699/569968/569968911.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3567/356759/356759920.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/5699/569968/569968926.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/7091/709184/709184881.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3156/315689/315689413.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6373/637344/637344801.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3156/315689/315689333.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/5699/569968/569968938.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3156/315689/315689305.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/4561/456184/456184716.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3156/315689/315689373.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/7091/709184/709184410.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/7091/709184/709184932.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/7091/709184/709184965.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/4561/456184/456184758.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/2032/203223/203223601.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/5699/569968/569968953.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503299.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503320.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3156/315689/315689265.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3156/315689/315689325.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3156/315689/315689389.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3156/315689/315689285.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/7091/709184/709184674.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/2032/203223/203223451.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/15515/1551503/1551503158.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/3156/315689/315689393.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629016.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629421.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629454.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672628/672628896.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672628/672628947.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629181.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672628/672628992.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629154.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629061.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629106.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672628/672628815.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629376.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629322.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/6726/672629/672629274.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </div> <div data-fslightbox-link="/data/images/r1080x700/887/88746/88746773.JPEG" data-image-gallery="galleryhampton-inn-suites-st-petersburgdowntown" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hampton-inn-suites-st-petersburgdowntown" > </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> (398)</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="252687">Hampton Inn & Suites St. Petersburg/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">80 Beach Drive Ne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hampton Inn & Suites stands out for its modern facilities and central location, making it a perfect choice for travelers looking for affordable luxury. Each room is thoughtfully designed with comfort in mind and features amenities like free Wi-Fi and a complimentary breakfast buffet without any hidden costs. Guests can take advantage of the hotel’s rooftop pool and fitness center to unwind and stay active. The prime downtown location also places you within walking distance of some of St Petersburg's best attractions and restaurants. Offering great value for those staying longer, this hotel embodies the spirit of cheap hotels in St Petersburg, FL. Enjoy the best of both worlds with a stay at Hampton Inn & Suites, where comfort meets convenience. </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">147US$</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="252687" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="cheap-hotels-st-petersburg-fl-for-every-member">Cheap Hotels St. Petersburg, FL for Every Member</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling with family can sometimes strain your budget, but St Petersburg offers a variety of cheap hotels that are perfect for families seeking comfort and convenience. This section focuses on accommodation options that cater to families without compromising quality or amenities. From spacious rooms to kid-friendly facilities, these hotels ensure all family members can enjoy their stay. You’ll find these accommodations located close to family-friendly attractions, making your adventures easy and accessible. By choosing one of these family-oriented hotels, you can keep costs down while making lasting memories in St Petersburg. Here are some family-friendly options that fit the bill for cheap hotels in St Petersburg, FL.</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-inn-on-third" data-id="700771" data-lat="27.774882" data-lng="-82.637993"> <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="/data/images/r1080x700/2183/218345/218345765.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/2183/218345/218345765.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/15804/1580477/1580477745.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/15804/1580477/1580477825.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/15804/1580477/1580477971.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/15804/1580477/1580477839.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/7522/752237/752237834.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345786.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345753.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345804.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345843.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345846.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345885.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345897.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345900.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345912.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345969.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345978.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345798.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345975.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/15804/1580477/1580477733.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345876.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218345/218345831.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/4522/452280/452280099.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/6867/686718/686718699.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/6867/686718/686718564.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2851/285161/285161181.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/4522/452280/452280075.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2851/285161/285161157.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2851/285161/285161173.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/2851/285161/285161165.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/6867/686718/686718201.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803174.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/1874/187489/187489287.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/1874/187489/187489299.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/1874/187489/187489326.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/1874/187489/187489338.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/1874/187489/187489371.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803114.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803141.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803105.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803123.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803132.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803156.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803165.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803225.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505803/505803240.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/1874/187489/187489245.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/1183/118354/118354792.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </div> <div data-fslightbox-link="/data/images/r1080x700/610/61067/61067392.JPEG" data-image-gallery="gallerythe-inn-on-third" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-inn-on-third" > </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> (1042)</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="244463">The Inn On Third</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">342 3Rd Ave N</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Inn On Third is not only charming but also ideal for couples seeking a romantic retreat in St Petersburg. This boutique hotel offers beautifully decorated rooms with a homey feel, perfect for intimate weekends away. Couples can enjoy complimentary breakfast and relax together in the lush garden area. Its downtown location allows easy access to local dining and attraction options, ideal for a romantic evening out. The Inn On Third is a cost-effective choice among cheap hotels in St Petersburg, FL, providing an environment suited for lovebirds. Embrace the charm of this lovely inn while creating unforgettable shared experiences. </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">84US$</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="244463" > <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-mansion-house-inn" data-id="700805" data-lat="27.77777" data-lng="-82.6339"> <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="/data/images/r1080x700/6766/676619/676619814.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/6766/676619/676619814.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/5196/519677/519677415.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5194/519483/519483144.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10716/1071696/1071696613.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10716/1071696/1071696676.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10716/1071697/1071697675.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10382/1038262/1038262969.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6661/666136/666136500.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676621/676621845.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676617/676617174.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676620/676620822.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2770/277076/277076285.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676616/676616817.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2770/277076/277076293.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2770/277076/277076365.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676621/676621122.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676622/676622154.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676617/676617531.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676620/676620156.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2770/277076/277076273.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2770/277076/277076353.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2770/277076/277076269.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676618/676618035.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676619/676619553.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676618/676618581.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805184.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805226.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805235.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805262.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805271.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805289.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676619/676619103.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805253.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676618/676618851.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676619/676619670.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676619/676619421.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6766/676618/676618308.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805325.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5058/505805/505805322.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2770/277076/277076281.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1775/177520/177520947.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/2770/277076/277076381.JPEG" data-image-gallery="gallerythe-mansion-house-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-mansion-house-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"> 7.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (168)</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="471889">The Mansion House 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">105 5Th Avenue Ne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Experience true romance at The Mansion House Inn, a quaint, historic property that creates a warm atmosphere for couples. The inn boasts beautifully furnished rooms that reflect its Victorian heritage, giving your stay a unique touch. Enjoy the lovely gardens, perfect for quiet moments together, or relax on the charming porches. Conveniently located near bustling downtown St Petersburg, couples can explore various dining and entertainment options hand-in-hand. The reasonable rates and exceptional service make this hotel a standout among cheap hotels in St Petersburg, FL. Make lasting memories as you bask in the charm of this unique lodging during your romantic getaway. </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">134US$</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="471889" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="cheap-hotels-st-petersburg-fl-for-couples">Cheap Hotels St. Petersburg, FL for Couples</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">St Petersburg sets the perfect backdrop for a romantic getaway, offering beautiful views, cozy restaurants, and charming accommodations. This section is dedicated to couples seeking cheap hotels in St Petersburg, FL that provide intimacy and comfort without high costs. These hotels feature romantic amenities such as scenic surroundings, easy access to the beach, and unique room designs. Enjoy leisurely strolls along the waterfront or exploring local attractions together, all while staying in budget-friendly comfort. Each of these options will create an enchanting experience for couples looking to celebrate their love. Here are some romantic hotels to consider.</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="hollander-hotel" data-id="700838" data-lat="27.77651" data-lng="-82.6388"> <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="/data/images/r1080x700/7013/701375/701375386.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/7013/701375/701375386.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416111/1416111372.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14077/1407799/1407799130.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14159/1415978/1415978442.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14160/1416095/1416095361.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14160/1416097/1416097866.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416111/1416111207.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416111/1416111351.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416130/1416130356.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416111/1416111285.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14160/1416091/1416091992.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14160/1416097/1416097950.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14077/1407760/1407760652.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14077/1407790/1407790922.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14077/1407792/1407792446.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14160/1416092/1416092325.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14160/1416097/1416097623.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14160/1416097/1416097713.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416107/1416107157.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/10390/1039058/1039058854.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/10390/1039063/1039063840.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416107/1416107634.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416107/1416107769.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14077/1407798/1407798629.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14160/1416097/1416097797.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416111/1416111219.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415603/415603302.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218364/218364638.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/1222/122284/122284237.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14161/1416137/1416137127.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4149/414937/414937188.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4149/414936/414936714.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415508/415508226.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415602/415602072.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415510/415510290.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415603/415603284.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415602/415602549.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415603/415603296.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218364/218364254.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415507/415507035.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415508/415508103.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415514/415514271.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2183/218364/218364590.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415603/415603290.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415603/415603308.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415508/415508799.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4149/414936/414936702.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415505/415505931.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415510/415510281.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211093/1211093773.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211094/1211094034.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211093/1211093011.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211093/1211093158.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211093/1211093521.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415602/415602366.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415602/415602543.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415602/415602051.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415603/415603320.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415603/415603260.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4149/414936/414936696.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415515/415515444.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/14159/1415968/1415968596.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211093/1211093950.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415510/415510947.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415510/415510173.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/11429/1142904/1142904208.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/11429/1142904/1142904367.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211093/1211093263.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211094/1211094655.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211095/1211095954.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211096/1211096323.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4155/415514/415514388.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415602/415602066.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/4156/415603/415603311.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211093/1211093611.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211093/1211093866.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/11538/1153865/1153865973.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/12110/1211093/1211093353.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701375/701375284.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/5692/569253/569253246.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701375/701375353.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701374/701374006.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701375/701375416.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701374/701374375.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701375/701375185.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701374/701374558.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701374/701374045.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701374/701374792.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207800.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701375/701375536.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207828.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207832.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207836.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207840.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207872.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/7013/701374/701374456.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207856.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207860.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207848.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hollander-hotel" > </div> <div data-fslightbox-link="/data/images/r1080x700/2982/298207/298207852.JPEG" data-image-gallery="galleryhollander-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hollander-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> (1787)</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="449375">Hollander 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">421 4Th Ave N</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hollander Hotel is a unique boutique accommodation that celebrates the local culture with its distinctive charm and quirky decor. Guests can enjoy the hotel's beautiful pool area along with an on-site restaurant serving locally sourced food, highlighting the community's culinary scene. Additionally, the hotel is located just a short walk from downtown attractions and the waterfront, making it a perfect base for exploring. Rooms are comfortable, clean, and equipped with modern amenities, ensuring a pleasant stay while keeping costs low. The Hollander's commitment to hospitality emphasizes the value of experience over luxury, fitting perfectly into the category of cheap hotels in St Petersburg, FL. Whether you’re here for a weekend or longer, this hotel offers a memorable experience without financial strain. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">114US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="449375" > <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="mint-house-st-petersburg" data-id="700889" data-lat="27.77168" data-lng="-82.64936"> <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="/data/images/r1080x700/15370/1537047/1537047070.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="/data/images/420x420/15370/1537047/1537047070.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/16094/1609421/1609421264.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/15196/1519604/1519604263.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/16094/1609421/1609421266.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/16094/1609421/1609421261.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/15008/1500862/1500862507.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469998/1469998499.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469998/1469998511.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469938/1469938838.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469942/1469942819.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469942/1469942825.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469947/1469947301.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469994/1469994161.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469998/1469998493.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469998/1469998532.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469999/1469999534.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14700/1470001/1470001442.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/16094/1609421/1609421263.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469942/1469942840.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/16094/1609421/1609421257.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469999/1469999537.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469998/1469998523.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469947/1469947307.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469947/1469947313.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/16094/1609421/1609421258.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469944/1469944547.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469998/1469998484.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/16094/1609421/1609421259.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14700/1470001/1470001439.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469942/1469942828.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/16094/1609421/1609421260.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/14699/1469942/1469942834.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </div> <div data-fslightbox-link="/data/images/r1080x700/15061/1506112/1506112495.JPEG" data-image-gallery="gallerymint-house-st-petersburg" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="mint-house-st-petersburg" > </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> (386)</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="9896687">Mint House St. Petersburg</h3> </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">77 11Th Street North</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Mint House offers a fresh take on hotel accommodations by providing apartment-style living in a modern, artistic environment. Ideal for those who appreciate contemporary design, each unit features unique elements catered to both short and long stays. Located in downtown, guests will find themselves in close proximity to popular nightlife, dining, and cultural spots. Enjoy special features like a fully equipped kitchen and spacious living area, making your stay feel like home. Mint House stands as a distinctive option among cheap hotels in St Petersburg, FL, combining budget-conscious pricing with a trendy vibe. Experience the exciting city atmosphere while feeling the comfort of a contemporary home during your visit. </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">233US$</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="9896687" > <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/us/las-vegas-cheap-hotels">Las Vegas</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/denver-cheap-hotels">Denver</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/chicago-cheap-hotels">Chicago</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/myrtle-beach-cheap-hotels">Myrtle Beach</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/san-francisco-cheap-hotels">San Francisco</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/new-york-cheap-hotels">New York</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/arlington-cheap-hotels">Arlington</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/san-antonio-cheap-hotels">San Antonio</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/louisville-cheap-hotels">Louisville</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/nashville-cheap-hotels">Nashville</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">Boston</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/daytona-beach-cheap-hotels">Daytona Beach</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/london-cheap-hotels">London</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/singapore-cheap-hotels">Singapore</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-cheap-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/amsterdam-cheap-hotels">Amsterdam</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/paris-cheap-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/dubai-cheap-hotels">Dubai</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/madrid-cheap-hotels">Madrid</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/bangkok-cheap-hotels">Bangkok</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/montreal-cheap-hotels">Montreal</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/nice-cheap-hotels">Nice</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/milan-cheap-hotels">Milan</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/vancouver-cheap-hotels-british-columbia">Vancouver</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/st-petersburg-hotels-downtown-saint-petersburg">Downtown Saint Petersburg</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 St. Petersburg</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">View 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 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-countries/">Popular Countries</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-regions/">Popular Regions</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in St. Petersburg</p> <div class="columns-2 text-white md:columns-1"> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/st-petersburg-hotels">hotels in st petersburg fl</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/st-petersburg-boutique-hotels-fl">boutique hotels in st petersburg fl</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/st-petersburg-pet-friendly-hotels">pet friendly hotels downtown st petersburg fl</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 2024 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"0e1vWJ8mrxEgIzp6"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"20023924","dest_name":"St. Petersburg","city_id":33486,"pid":359605,"page":"post","bid":"20023924"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BSwbeSb8.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-BSwbeSb8.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-DBja4AZd.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-eC8SA6i3.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DDhuUMHr.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-DBja4AZd.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>

CINXE.COM

Cheap Hotels in St. Petersburg from 84US$ ( 2024 Edition)