Best Hotels in Quebec City, Canada from 47US$/night

<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="description" content="Quebec City, a UNESCO World Heritage site, is renowned for its stunning architecture, rich history, and vibrant culture. As you plan your visit to"> <title>Best Hotels in Quebec City, Canada from 47US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/quebec-city-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Quebec City, Canada from 47US$/night" /> <meta property="og:url" content="https://touristvr.com/us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/quebec-city-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/quebec-city-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/quebec-city-hotels" title="English"> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/quebec-city-hotels-quebec" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/quebec-city-hotels-quebec" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/quebec-city-hotels-quebec" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/quebec-city-hotels" title="English"> <link rel="alternate" hreflang="de-CH" type="text/html" href="https://touristvr.com/ch/quebec-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/ville-de-quebec-hotels" title="Français"> <link rel="alternate" hreflang="es-MX" type="text/html" href="https://touristvr.com/mx/ciudad-de-quebec-hoteles" title="Español"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/ciudad-de-quebec-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/quebec-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-BE" type="text/html" href="https://touristvr.com/be/quebec-hotels" title="Nederlands"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/quebeque-hoteis" title="Português do Brasil"> <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-ChUUBcCU.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-ChUUBcCU.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "115US$", "address": { "@type": "PostalAddress", "streetAddress": "6 Rue De La Terrasse-Dufferin" }, "name": "Hotel Terrasse Dufferin" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "146US$", "address": { "@type": "PostalAddress", "streetAddress": "144 Rue Saint-Pierre" }, "name": "Hotel Port-Royal" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "110US$", "address": { "@type": "PostalAddress", "streetAddress": "42 Rue Sainte-Anne" }, "name": "Les Lofts Ste-Anne" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "64US$", "address": { "@type": "PostalAddress", "streetAddress": "6030 Blvd. Wilfrid Hamel" }, "name": "Hotel & Suites Monte-Cristo" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "87US$", "address": { "@type": "PostalAddress", "streetAddress": "2825 Boulevard Laurier" }, "name": "Hotel Lindbergh" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "88US$", "address": { "@type": "PostalAddress", "streetAddress": "1225 Cours Du General De Montcalm" }, "name": "Hotel Le Concorde Quebec" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "78US$", "address": { "@type": "PostalAddress", "streetAddress": "400 Rue Marais" }, "name": "Hotel & Suites Le Dauphin Quebec" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "59US$", "address": { "@type": "PostalAddress", "streetAddress": "4800 Boulevard Wilfrid-Hamel" }, "name": "Hotel Citadelle" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "86US$", "address": { "@type": "PostalAddress", "streetAddress": "20 Rue Sainte-Anne" }, "name": "Auberge Du Tresor" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "47US$", "address": { "@type": "PostalAddress", "streetAddress": "3825 Boulevard Wilfrid-Hamel" }, "name": "Quality Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "145US$", "address": { "@type": "PostalAddress", "streetAddress": "49 Rue D Auteuil" }, "name": "Hotel Manoir D'Auteuil" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "116US$", "address": { "@type": "PostalAddress", "streetAddress": "330 De La Couronne" }, "name": "Best Western Plus City Centre Centre-Ville" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "162US$", "address": { "@type": "PostalAddress", "streetAddress": "1 Rue Des Carrieres" }, "name": "Fairmont Le Château Frontenac" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "111US$", "address": { "@type": "PostalAddress", "streetAddress": "1220, Place George-V Ouest" }, "name": "Hotel Château Laurier Quebec" } ] } </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"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/gb/quebec-city-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/quebec-city-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/gb/quebec-city-hotels-quebec" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/quebec-city-hotels-quebec" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/quebec-city-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ch/quebec-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ch.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CH</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr/ville-de-quebec-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/fr.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">FR</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/mx/ciudad-de-quebec-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/mx.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">MX</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/es/ciudad-de-quebec-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/es.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">ES</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/it/quebec-hotel" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/it.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IT</span> <span class="text-secondary-950 text-base ">Italiano</span> </a> <a href="https://touristvr.com/be/quebec-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/be.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BE</span> <span class="text-secondary-950 text-base ">Nederlands</span> </a> <a href="https://touristvr.com/br/quebeque-hoteis" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/br.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BR</span> <span class="text-secondary-950 text-base ">Português do Brasil</span> </a> </div> </div> </div> </div> </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-40 after:z-[-1] md:mb-36"> <picture> <source srcset="https://images.touristvr.com/data/images/city/1080x700/239.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="https://images.touristvr.com/data/images/city/450x450/239.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">Quebec City Hotels</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">Quebec City</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"> Dec 12, 2024 - Dec 13, 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 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> <div 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/canada-hotels/'>Canada 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-quebec/'>Quebec 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">Quebec City Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10 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" data-component="extra-hotel" id="hotel-pur-quebec-a-tribute-portfolio-hotel" data-bhotel-id="hotel-pur-quebec-a-tribute-portfolio-hotel" data-lat="46.814415" data-lng="-71.224621" data-price = "112US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/5768/576804/576804378.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> (658)</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-pur-quebec-a-tribute-portfolio-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Pur, Quebec, A Tribute Portfolio Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="76465" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-le-priori" data-bhotel-id="hotel-le-priori" data-lat="46.814375" data-lng="-71.203193" data-price = "120US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7440/744025/744025969.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.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (636)</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-le-priori-quebec-city" 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 Le Priori</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="76334" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-chateau-laurier-quebec" data-bhotel-id="hotel-chateau-laurier-quebec" data-lat="46.80653" data-lng="-71.215" data-price = "111US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12653/1265350/1265350279.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> (896)</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-chateau-laurier-quebec" 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 Chateau Laurier Quebec</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="76377" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-manoir-victoria" data-bhotel-id="hotel-manoir-victoria" data-lat="46.81458" data-lng="-71.21068" data-price = "116US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15801/1580148/1580148386.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.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (528)</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-manoir-victoria-quebec-city" 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 Manoir Victoria</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">116US$</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="76321" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-port-royal" data-bhotel-id="hotel-port-royal" data-lat="46.816699" data-lng="-71.20316" data-price = "146US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6853/685372/685372464.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> (615)</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-port-royal-quebec-city" 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 Port-Royal</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">146US$</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="238434" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="auberge-internationale-de-quebec-hi-canada" data-bhotel-id="auberge-internationale-de-quebec-hi-canada" data-lat="46.8123" data-lng="-71.21135" data-price = "27US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15868/1586836/1586836484.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> (156)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/auberge-internationale-de-quebec-hi-canada-hostel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Auberge Internationale De Quebec - Hi Canada</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">27US$</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="305490" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-palace-royal" data-bhotel-id="hotel-palace-royal" data-lat="46.8124786880414" data-lng="-71.2153694024641" data-price = "122US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12426/1242605/1242605344.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> (159)</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-palace-royal-quebec-city" 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 Palace Royal</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="1755232" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-manoir-dauteuil" data-bhotel-id="hotel-manoir-dauteuil" data-lat="46.811375" data-lng="-71.211592" data-price = "145US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/1197/119733/119733537.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> (154)</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-manoir-d-auteuil-quebec-city" 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 Manoir D'Auteuil</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="189584" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-chateau-bellevue" data-bhotel-id="hotel-chateau-bellevue" data-lat="46.8104782104492" data-lng="-71.2059478759766" data-price = "101US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10211/1021102/1021102453.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> (487)</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-chateau-bellevue-quebec-city" 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 Chateau Bellevue</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="76351" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="auberge-place-darmes" data-bhotel-id="auberge-place-darmes" data-lat="46.813132" data-lng="-71.206443" data-price = "110US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15830/1583072/1583072840.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> (267)</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/auberge-place-d-armes-hotel-quebec-city" 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">Auberge Place D'Armes</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">110US$</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="47286" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-lindbergh" data-bhotel-id="hotel-lindbergh" data-lat="46.7675" data-lng="-71.2876" data-price = "87US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15960/1596087/1596087776.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> (144)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-lindbergh-quebec-city" 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 Lindbergh</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">87US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1755177" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-champlain" data-bhotel-id="hotel-champlain" data-lat="46.81226266274297" data-lng="-71.21034830919265" data-price = "92US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/14877/1487785/1487785348.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> (448)</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-champlain-quebec-city" 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 Champlain</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">92US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76306" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="chateau-des-tourelles" data-bhotel-id="chateau-des-tourelles" data-lat="46.808187" data-lng="-71.224938" data-price = "80US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/1404/140479/140479248.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> (129)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/chateau-des-tourelles-hotel-quebec-city" 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">Chateau Des Tourelles</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">80US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="266253" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="marriott-quebec-city-downtown" data-bhotel-id="marriott-quebec-city-downtown" data-lat="46.811997" data-lng="-71.214344" data-price = "193US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12773/1277369/1277369485.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.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (125)</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/marriott-quebec-city-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">Marriott Quebec City Downtown</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">193US$</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="266230" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-cofortel" data-bhotel-id="hotel-cofortel" data-lat="46.79002" data-lng="-71.35365" data-price = "107US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6925/692566/692566407.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> (280)</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-cofortel-quebec-city" 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 Cofortel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">107US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="350932" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-des-coutellier" data-bhotel-id="hotel-des-coutellier" data-lat="46.817059" data-lng="-71.21002" data-price = "174US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13608/1360826/1360826768.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> (331)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-des-coutellier-quebec-city" 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 Des Coutellier</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">174US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="79854" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="best-western-premier-hotel-aristocrate" data-bhotel-id="best-western-premier-hotel-aristocrate" data-lat="46.75753" data-lng="-71.29283" data-price = "96US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12784/1278437/1278437728.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> (353)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/best-western-premier-hotel-aristocrate-quebec-city" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Premier Hotel Aristocrate</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">96US$</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="277201" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-terrasse-dufferin" data-bhotel-id="hotel-terrasse-dufferin" data-lat="46.81049" data-lng="-71.20466" data-price = "115US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7051/705149/705149368.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> (190)</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-terrasse-dufferin-quebec-city" 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 Terrasse Dufferin</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="301783" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="delta-hotels-by-marriott-quebec" data-bhotel-id="delta-hotels-by-marriott-quebec" data-lat="46.80932" data-lng="-71.217514" data-price = "139US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16279/1627931/1627931440.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> (396)</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/delta-hotels-by-marriott-quebec" 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">Delta Hotels By Marriott Quebec</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="76348" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-relais-charles-alexandre" data-bhotel-id="hotel-relais-charles-alexandre" data-lat="46.802885" data-lng="-71.222397" data-price = "126US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13749/1374971/1374971081.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> (134)</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-relais-charles-alexandre-quebec-city" 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 Relais Charles-Alexandre</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">126US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="290096" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="n-hotel-quebec" data-bhotel-id="n-hotel-quebec" data-lat="46.85248931" data-lng="-71.1968938" data-price = "103US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15880/1588069/1588069779.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> (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/n-hotel-quebec" 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">N Hotel Quebec</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">103US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185426" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="super-8-by-wyndham-quebec-city" data-bhotel-id="super-8-by-wyndham-quebec-city" data-lat="46.78189" data-lng="-71.3663" data-price = "97US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/14098/1409875/1409875727.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> (327)</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-quebec-city-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 Quebec City</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">97US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="173265" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="le-chateau-de-pierre" data-bhotel-id="le-chateau-de-pierre" data-lat="46.81028" data-lng="-71.20609" data-price = "84US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10222/1022283/1022283568.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> (136)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/le-chateau-de-pierre-hotel-quebec-city" 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">Le Chateau De Pierre</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="245802" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="courtyard-by-marriott-quebec-city" data-bhotel-id="courtyard-by-marriott-quebec-city" data-lat="46.834578" data-lng="-71.280714" data-price = "107US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13762/1376285/1376285096.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> (64)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/courtyard-by-marriott-quebec-city-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 Quebec City</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">107US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1886027" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-must" data-bhotel-id="hotel-must" data-lat="46.789561" data-lng="-71.355898" data-price = "98US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15969/1596907/1596907371.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/hotel-must-quebec-city" 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 Must</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">98US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1755236" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="auberge-de-la-paix" data-bhotel-id="auberge-de-la-paix" data-lat="46.81507" data-lng="-71.20851" data-price = "33US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13985/1398589/1398589463.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> (46)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/auberge-de-la-paix-hostel-quebec-city" 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">Auberge De La Paix</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">33US$</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="9771937" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-du-vieux-quebec" data-bhotel-id="hotel-du-vieux-quebec" data-lat="46.814578" data-lng="-71.209509" data-price = "175US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6844/684476/684476988.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.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </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/hotel-du-vieux-quebec" 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 Du Vieux Quebec</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">175US$</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="49312" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-cap-diamant" data-bhotel-id="hotel-cap-diamant" data-lat="46.8099" data-lng="-71.20739" data-price = "137US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15996/1599645/1599645468.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> (216)</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-cap-diamant-quebec-city" 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 Cap Diamant</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">137US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185420" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="manoir-de-la-tour" data-bhotel-id="manoir-de-la-tour" data-lat="46.80421" data-lng="-71.22" data-price = "102US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13535/1353598/1353598753.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> (511)</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/manoir-de-la-tour-hotel-quebec-city" 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">Manoir De La Tour</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">102US$</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="236230" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-ambassadeur-et-suites" data-bhotel-id="hotel-ambassadeur-et-suites" data-lat="46.85298" data-lng="-71.19787" data-price = "53US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12208/1220827/1220827027.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> (391)</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-ambassadeur-et-suites-quebec-city" 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 Ambassadeur Et Suites</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">53US$</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="22364" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="castel-damerique-francaise" data-bhotel-id="castel-damerique-francaise" data-lat="46.81165" data-lng="-71.21058" data-price = "152US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/2787/278731/278731717.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"> 9.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (5)</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/castel-d-amerique-francaise-bed-breakfast-quebec-city" 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">Castel D'Amerique Francaise</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">152US$</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="557772" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-suites-normandin-quebec" data-bhotel-id="hotel-suites-normandin-quebec" data-lat="46.832912" data-lng="-71.28003" data-price = "110US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13482/1348295/1348295606.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> (199)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-suites-normandin-quebec" 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 & Suites Normandin Quebec</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">110US$</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="76979" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-alt-quebec" data-bhotel-id="hotel-alt-quebec" data-lat="46.768799" data-lng="-71.287096" data-price = "129US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12128/1212877/1212877825.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> (157)</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-alt-quebec" 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 Alt Quebec</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">129US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="284821" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-71-by-preferred-hotels-resorts" data-bhotel-id="hotel-71-by-preferred-hotels-resorts" data-lat="46.81461" data-lng="-71.20285" data-price = "174US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7065/706568/706568362.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> (144)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-71-by-preferred-hotels-resorts-quebec-city" 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 71 By Preferred Hotels & Resorts</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">174US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76350" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="bb-le-transit" data-bhotel-id="bb-le-transit" data-lat="46.80561" data-lng="-71.2227" data-price = "71US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15805/1580530/1580530271.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> (72)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/b-b-le-transit-quebec-city" 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">B&B Le Transit</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">71US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="301767" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="au-petit-hotel" data-bhotel-id="au-petit-hotel" data-lat="46.81106" data-lng="-71.20954" data-price = "109US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/2365/236522/236522645.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> (98)</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/au-petit-hotel-quebec-city" 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">Au Petit Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="906251" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="auberge-aux-deux-lions" data-bhotel-id="auberge-aux-deux-lions" data-lat="46.80528" data-lng="-71.22458" data-price = "155US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/2651/265150/265150401.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> (91)</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/auberge-aux-deux-lions-hotel-quebec-city" 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">Auberge Aux Deux Lions</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">155US$</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="45903" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="manoir-sur-le-cap" data-bhotel-id="manoir-sur-le-cap" data-lat="46.81043" data-lng="-71.20558" data-price = "90US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6421/642160/642160503.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> (136)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/manoir-sur-le-cap-hotel-quebec-city" 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">Manoir Sur Le Cap</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">90US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="269660" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-quebec-inn" data-bhotel-id="hotel-quebec-inn" data-lat="46.784061" data-lng="-71.3624" data-price = "87US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15960/1596088/1596088257.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> (86)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-quebec-inn" 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 Quebec Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">87US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1770065" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-quartier-ascend-hotel-collection" data-bhotel-id="hotel-quartier-ascend-hotel-collection" data-lat="46.765386" data-lng="-71.290896" data-price = "82US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16243/1624315/1624315189.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> (556)</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-quartier-ascend-hotel-collection-quebec-city" 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 Quartier, Ascend Hotel Collection</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">82US$</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="24749" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-du-nord" data-bhotel-id="hotel-du-nord" data-lat="46.81031" data-lng="-71.24509" data-price = "65US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13658/1365851/1365851924.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> (505)</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-du-nord-quebec-city" 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 Du Nord</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">65US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="27742" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-sepia" data-bhotel-id="hotel-sepia" data-lat="46.75639" data-lng="-71.2933" data-price = "98US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12143/1214329/1214329711.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> (644)</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-sepia-quebec-city" 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 Sepia</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">98US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76555" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-universel" data-bhotel-id="hotel-universel" data-lat="46.786863" data-lng="-71.27863" data-price = "79US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/2115/211570/211570520.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> (341)</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-universel-quebec-city" 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 Universel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">79US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76174" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-citadelle" data-bhotel-id="hotel-citadelle" data-lat="46.80497" data-lng="-71.32643" data-price = "59US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9174/917476/917476825.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> (99)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-citadelle-quebec-city" 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 Citadelle</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">59US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="267246" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="repotel-aeroport-quebec" data-bhotel-id="repotel-aeroport-quebec" data-lat="46.7891473" data-lng="-71.3536198" data-price = "70US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10888/1088862/1088862499.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> (173)</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/repotel-aeroport-quebec" 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">Repotel Aeroport Quebec</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.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 ">70US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76343" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="grand-times-hotel-aeroport-de-quebec" data-bhotel-id="grand-times-hotel-aeroport-de-quebec" data-lat="46.7907" data-lng="-71.35179" data-price = "104US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15830/1583069/1583069522.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> (476)</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/grand-times-hotel-aeroport-de-quebec" 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">Grand Times Hotel - Aeroport De Quebec</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">104US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76356" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-le-saint-paul" data-bhotel-id="hotel-le-saint-paul" data-lat="46.81688" data-lng="-71.2093" data-price = "139US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10114/1011447/1011447913.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> (520)</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-le-saint-paul-quebec-city" 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 Le Saint-Paul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="292150" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-sainte-anne" data-bhotel-id="hotel-sainte-anne" data-lat="46.81307" data-lng="-71.2068" data-price = "74US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7068/706838/706838005.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> (702)</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-sainte-anne-quebec-city" 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 Sainte-Anne</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="76324" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-express-quebec-city-sainte-foy-an-ihg-hotel" data-bhotel-id="holiday-inn-express-quebec-city-sainte-foy-an-ihg-hotel" data-lat="46.75905849" data-lng="-71.29524236" data-price = "108US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12828/1282861/1282861846.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> (138)</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-quebec-city-sainte-foy-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 Quebec City-Sainte Foy, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">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="185532" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="auberge-saint-antoine" data-bhotel-id="auberge-saint-antoine" data-lat="46.81452" data-lng="-71.20245" data-price = "213US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7059/705926/705926980.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> (199)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/auberge-saint-antoine-hotel-quebec-city" 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">Auberge Saint-Antoine</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">213US$</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="185597" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="home2-suites-by-hilton-quebec-city" data-bhotel-id="home2-suites-by-hilton-quebec-city" data-lat="46.78649" data-lng="-71.35877" data-price = "159US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15385/1538559/1538559625.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> (50)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/home2-suites-by-hilton-quebec-city" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Home2 Suites By Hilton Quebec City</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="9500628" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="auberge-saint-pierre" data-bhotel-id="auberge-saint-pierre" data-lat="46.81487" data-lng="-71.20299" data-price = "101US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12283/1228380/1228380743.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> (183)</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/auberge-saint-pierre-hotel-quebec-city" 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">Auberge Saint-Pierre</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">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="76349" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="best-western-plus-city-centre-centre-ville" data-bhotel-id="best-western-plus-city-centre-centre-ville" data-lat="46.81478415056997" data-lng="-71.2256833848677" data-price = "116US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12451/1245101/1245101245.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> (542)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/best-western-plus-city-centre-centre-ville-quebec-city" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Plus City Centre Centre-Ville</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">116US$</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="76341" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-le-germain-quebec" data-bhotel-id="hotel-le-germain-quebec" data-lat="46.815998" data-lng="-71.203336" data-price = "172US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6731/673111/673111026.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> (166)</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-le-germain-quebec" 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 Le Germain Quebec</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">172US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="284837" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="fairmont-le-chateau-frontenac" data-bhotel-id="fairmont-le-chateau-frontenac" data-lat="46.811853" data-lng="-71.205401" data-price = "162US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12776/1277614/1277614546.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> (1114)</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/fairmont-le-chateau-frontenac-hotel-quebec-city" 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">Fairmont Le Chateau Frontenac</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">162US$</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="185408" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } </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="46.81049" data-lng="-71.20466"></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>Quebec City, a UNESCO World Heritage site, is renowned for its stunning architecture, rich history, and vibrant culture. As you plan your visit to this charming Canadian destination, finding the perfect accommodation can enhance your experience. Quebec City hotels offer a variety of options, catering to different tastes and budgets while allowing you to immerse yourself in the local charm.</p><p>From luxurious boutique hotels in the center of Old Quebec to cozy inns nestled along the St Lawrence River, the hotel scene here is diverse and inviting. Consider staying at properties like the historic Fairmont Le Château Frontenac, where you can enjoy regal surroundings and breathtaking views of the city. Alternatively, quaint accommodations in quieter neighborhoods can provide a more intimate experience, enabling you to explore tucked-away cafes and art galleries.</p><p>For those seeking unique experiences, many Quebec City hotels offer themed stays and packages that reflect the city's culture and festivals. Whether you’re a history buff, a foodie, or an outdoor enthusiast, you can find hotels that not only serve as a comfortable base but also enrich your visit. With an abundance of choices, you're sure to discover the ideal Quebec City hotel that meets your needs and creates lasting memories.</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-691742" data-langcode="en" data-bcity-id="-571851" data-city-name="Quebec City" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Name of hotel</span> </td> <td style="width: 135px;"> <span>Accommodation Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#hotel-terrasse-dufferin" class="js-clk-open" data-type="table" data-bhotel-id="301783" data-open-once data-open-passive>Hotel Terrasse Dufferin</a> </td> <td> <p> 8.6 / 10 </p> <p> (732 Reviews)</p> </td> <td> <span>From 115US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="301783">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-port-royal" class="js-clk-open" data-type="table" data-bhotel-id="238434" data-open-once data-open-passive>Hotel Port-Royal</a> </td> <td> <p> 8.4 / 10 </p> <p> (2361 Reviews)</p> </td> <td> <span>From 146US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="238434">Check Price</button> </td> </tr> <tr> <td> <a href="#les-lofts-ste-anne" class="js-clk-open" data-type="table" data-bhotel-id="2932787" data-open-once data-open-passive>Les Lofts Ste-Anne</a> </td> <td> <p> 9.2 / 10 </p> <p> (581 Reviews)</p> </td> <td> <span>From 110US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="2932787">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-suites-monte-cristo" class="js-clk-open" data-type="table" data-bhotel-id="260317" data-open-once data-open-passive>Hotel & Suites Monte-Cristo</a> </td> <td> <p> 7.3 / 10 </p> <p> (2191 Reviews)</p> </td> <td> <span>From 64US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="260317">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-lindbergh" class="js-clk-open" data-type="table" data-bhotel-id="1755177" data-open-once data-open-passive>Hotel Lindbergh</a> </td> <td> <p> 7.4 / 10 </p> <p> (2235 Reviews)</p> </td> <td> <span>From 87US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1755177">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="hotel-terrasse-dufferin" data-id="1254284" data-lat="46.81049" data-lng="-71.20466"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149368.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7051/705149/705149368.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319302/319302977.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546325/1546325086.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546326/1546326286.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546326/1546326337.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546325/1546325167.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546325/1546325686.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546326/1546326649.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546326/1546326862.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15881/1588101/1588101999.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546325/1546325299.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546325/1546325224.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15881/1588102/1588102055.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3192/319219/319219273.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319305/319305301.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319312/319312057.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319302/319302949.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2405/240534/240534657.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546326/1546326274.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15881/1588102/1588102113.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575605.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575617.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15881/1588101/1588101975.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575557.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575620.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149440.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319303/319303533.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319302/319302993.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773339/773339536.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773339/773339596.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773339/773339662.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773339/773339974.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773340/773340043.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149245.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149293.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149329.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150058.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150097.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150133.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150286.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705151/705151003.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705151/705151051.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705151/705151117.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705151/705151162.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705151/705151240.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149830.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150175.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773339/773339902.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150541.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773339/773339731.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149638.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150628.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150679.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150730.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150784.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773339/773339836.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575587.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575602.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575614.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150826.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149728.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150010.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319303/319303525.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773340/773340127.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575548.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319308/319308597.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575635.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150583.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546326/1546326220.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149194.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149503.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150400.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150466.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149767.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150937.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705151/705151204.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3019/301951/301951284.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3019/301951/301951288.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3019/301951/301951312.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319305/319305261.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150874.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/335/33575/33575554.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15463/1546326/1546326361.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150337.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7733/773340/773340193.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3019/301951/301951280.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149581.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149878.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3193/319304/319304393.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149677.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705149/705149941.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7051/705150/705150211.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505150/505150218.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505150/505150227.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505150/505150245.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505150/505150269.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505150/505150284.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9421/942101/942101263.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3019/301951/301951260.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2110/211063/211063736.JPEG" data-image-gallery="galleryhotel-terrasse-dufferin" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-terrasse-dufferin" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (732)</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="301783">Hotel Terrasse Dufferin</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">6 Rue De La Terrasse-Dufferin</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Finally, Hotel Terrasse Dufferin is a charming budget Quebec City hotel that captures the essence of a historical stay. Positioned right in the lively heart of Old Quebec, you'll find yourself surrounded by beautiful architecture and vibrant streets just outside your door. The rooms are comfortable and affordable, making it an excellent choice for travelers focused on experiencing the city’s charm. Guests can start their day with a complimentary breakfast before heading out to explore the nearby attractions, from the Fairmont Le Château Frontenac to local boutiques and cafes. With friendly service and a welcoming atmosphere, Hotel Terrasse Dufferin ensures your stay is memorable without location or price being an issue. This hotel perfectly illustrates that budget travel in Quebec City can still be delightful and enriching. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">115US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="301783" > <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="hotel-port-royal" data-id="1254293" data-lat="46.816699" data-lng="-71.20316"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6853/685372/685372464.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6853/685372/685372464.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797458.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797518.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797554.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797830.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797479.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895185.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895189.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895218.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895224.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895225.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895227.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895228.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895241.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895243.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895248.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895249.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537200/1537200874.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537200/1537200886.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537200/1537200946.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537200/1537200970.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895181.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895182.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895183.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895184.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895186.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895187.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895195.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895209.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895211.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895213.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895216.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895221.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895229.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895231.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895233.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15566/1556644/1556644702.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537200/1537200841.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537201/1537201039.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538034/1538034427.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173465.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173579.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173636.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173882.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173888.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173915.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538034/1538034445.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537200/1537200964.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797620.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537201/1537201081.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173231.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15377/1537753/1537753369.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173441.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173564.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173660.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797443.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538034/1538034385.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797692.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797752.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797770.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797782.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797590.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895180.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173138.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15566/1556644/1556644447.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173357.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797539.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895179.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895208.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537201/1537201150.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173909.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173177.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173774.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538033/1538033419.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15506/1550676/1550676658.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15566/1556644/1556644696.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537200/1537200805.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538027/1538027959.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538033/1538033818.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7619/761954/761954143.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7619/761955/761955751.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538033/1538033425.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538033/1538033812.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538033/1538033434.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14261/1426174/1426174779.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537200/1537200838.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797572.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173975.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797707.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15372/1537200/1537200847.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598895/1598895219.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797854.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12787/1278797/1278797812.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538033/1538033866.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173282.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6309/630961/630961161.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3389/338969/338969368.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15380/1538034/1538034205.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538173/1538173414.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12544/1254410/1254410134.JPEG" data-image-gallery="galleryhotel-port-royal" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-port-royal" > </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> (2361)</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="238434">Hotel Port-Royal</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">144 Rue Saint-Pierre</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Port-Royal enchants couples with its combination of historic elements and modern luxury. This boutique hotel features beautifully appointed rooms and suites, many of which have elegant decor and luxurious amenities. Guests can treat themselves at the on-site restaurant, where they can enjoy a romantic dinner with a menu focused on local flavors, providing a perfect ambience for special occasions. The prime location in the heart of Old Quebec enables couples to explore quaint cafés and romantic sights hand-in-hand. With a focus on exceptional service and comfort, Hotel Port-Royal ensures a memorable experience for couples seeking a romantic escape. This is the perfect hotel for creating lasting memories along the cobblestone streets of Quebec City. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">146US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="238434" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="luxury-quebec-city-hotels">Luxury Quebec City Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to experiencing the height of comfort and elegance in Quebec City, the luxury hotels are truly outstanding. These accommodations not only offer exquisite amenities but also place you right in the lively heart of the city’s historical charm. Guests can indulge in fine dining, spa services, and breathtaking views of the historic landmarks. Moreover, these Quebec City hotels are often located near major attractions, providing easy access for exploration. Immerse yourself in the luxury that Quebec City has to offer while enjoying personalized service and lavish rooms. Here are some of the top luxury hotels that encapsulate the unique allure of this remarkable destination.</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="les-lofts-ste-anne" data-id="1254303" data-lat="46.81311" data-lng="-71.20943"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611499.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6306/630611/630611499.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15831/1583164/1583164777.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630610/630610617.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611520.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611748.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611757.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611781.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611793.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611829.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611529.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611514.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611802.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611763.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611865.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611691.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611787.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611712.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611796.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611730.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630610/630610653.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611685.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611718.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611841.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630610/630610665.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630610/630610644.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6637/663757/663757950.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611538.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611859.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611772.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630610/630610611.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611817.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611850.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611583.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611547.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611811.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6306/630611/630611751.JPEG" data-image-gallery="galleryles-lofts-ste-anne" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="les-lofts-ste-anne" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (581)</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="2932787">Les Lofts Ste-Anne</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">42 Rue Sainte-Anne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> For a truly unique experience, Les Lofts Ste-Anne allows guests to enjoy spacious loft-style accommodations that merge modern aesthetics with comfort. Located in the lively heart of Old Quebec, these fully equipped apartments make for a home-away-from-home experience. Each loft features chic decor, innovative design, and kitchen amenities, allowing guests the flexibility to dine in if desired. With the vibrant streets, boutiques, and restaurants right at your doorstep, guests can completely immerse themselves in the local culture. This combination of luxury and convenience makes Les Lofts Ste-Anne a fantastic choice for travelers who want a unique stay. Your time spent here will be enriched with the charm and character that encapsulate Quebec City. </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">110US$</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="2932787" > <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="hotel-suites-monte-cristo" data-id="1254320" data-lat="46.8002647" data-lng="-71.338316"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1169/116940/116940385.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/1169/116940/116940385.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583079/1583079138.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11715/1171520/1171520607.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11715/1171520/1171520697.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11715/1171520/1171520538.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352802.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7442/744224/744224764.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747350/747350165.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747350/747350378.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747350/747350492.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351470.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351641.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351851.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351860.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352442.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352649.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352721.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352793.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352991.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353321.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353594.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353678.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353714.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353786.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747350/747350285.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351335.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351653.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352361.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352745.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353042.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353204.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353504.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747354/747354011.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351203.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1169/116940/116940313.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1169/116940/116940415.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1169/116940/116940409.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/726/72682/72682508.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351980.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747354/747354035.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505150/505150029.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505150/505150059.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505150/505150068.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351554.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700240/700240711.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239502.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239556.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239610.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700240/700240156.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700240/700240210.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700240/700240246.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239652.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700240/700240510.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700240/700240057.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352367.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239988.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239691.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239727.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1984/198461/198461365.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1984/198461/198461332.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1984/198461/198461359.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1984/198461/198461371.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1984/198461/198461377.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1984/198461/198461386.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700240/700240750.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239853.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353984.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1984/198461/198461347.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700240/700240843.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747395/747395516.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11715/1171520/1171520643.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351752.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351650.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747354/747354548.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747352/747352142.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747351/747351965.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239901.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353219.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239940.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700239/700239808.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7473/747353/747353951.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5672/567278/567278811.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5672/567278/567278334.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5672/567278/567278340.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480414.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1092/109275/109275606.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1092/109275/109275558.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1092/109275/109275603.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480504.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480420.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1092/109275/109275609.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480402.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480408.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480438.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480456.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480486.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480498.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1092/109275/109275498.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1092/109275/109275537.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/644/64480/64480363.JPEG" data-image-gallery="galleryhotel-suites-monte-cristo" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-monte-cristo" > </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.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (2191)</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="260317">Hotel & Suites Monte-Cristo</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">6030 Blvd. Wilfrid Hamel</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel & Suites Monte-Cristo is a superb choice among family-friendly Quebec City hotels, offering spacious and well-equipped suites that are perfect for families. The hotel provides amenities like an indoor pool and a game room that will keep the little ones entertained during your stay. Each suite is fitted with kitchenettes, making it easy to prepare snacks or meals for your family. Located near public transport, it offers convenient access to major attractions, ensuring a smooth exploration experience for your family. Additionally, the hotel staff is dedicated to providing exceptional service, assisting families with any specific needs they may have. With its accommodating atmosphere and family-focused features, Hotel & Suites Monte-Cristo is a smart choice for your Quebec City adventure. </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">64US$</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="260317" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="boutique-quebec-city-hotels">Boutique Quebec City Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For those looking to experience a more personalized stay, boutique hotels in Quebec City provide an intimate atmosphere and unique charm. These accommodations often feature distinctive decor, an inviting ambiance, and exceptional service, making them a perfect choice for travelers seeking character in their lodging. Many boutique Quebec City hotels are situated in historic buildings, allowing guests to enjoy the cultural essence of the city right at their doorstep. Here, you can indulge in local flavors and artistic influences, while receiving tailored service that makes your stay memorable. Read on for some of the top boutique hotels that showcase the rich heritage and creativity of Quebec City.</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="hotel-lindbergh" data-id="1254333" data-lat="46.7675" data-lng="-71.2876"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087776.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15960/1596087/1596087776.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087766.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087767.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087768.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087771.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087773.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087774.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087769.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087770.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087778.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907521.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297549.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297559.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297560.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087777.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297553.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297557.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087765.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907444.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907451.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907461.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907446.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119169.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119198.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119202.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119203.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119211.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119214.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119230.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119231.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119249.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907430.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12545/1254555/1254555256.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12545/1254556/1254556528.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12589/1258988/1258988215.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12589/1258988/1258988227.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12590/1259000/1259000467.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12590/1259000/1259000488.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12590/1259021/1259021356.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907469.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119273.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907473.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297555.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119303.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12589/1258990/1258990765.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12590/1259004/1259004625.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12590/1259012/1259012164.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5358/535803/535803078.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596087/1596087772.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297552.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119222.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297561.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3513/351352/351352918.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3513/351352/351352927.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3513/351352/351352924.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3513/351352/351352921.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297554.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12590/1259005/1259005135.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683071/683071362.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3513/351352/351352915.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5504/550458/550458516.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683071/683071299.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2801/280135/280135553.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2801/280135/280135589.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907462.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119165.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297556.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2801/280135/280135541.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2801/280135/280135457.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119166.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119204.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2801/280135/280135445.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297558.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119187.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297550.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119246.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618297/1618297551.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683070/683070684.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10045/1004509/1004509605.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10045/1004509/1004509614.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10045/1004509/1004509536.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596907/1596907456.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10045/1004509/1004509620.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589119/1589119197.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10045/1004509/1004509557.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683070/683070879.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683070/683070942.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2801/280135/280135577.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6830/683070/683070738.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1938/193846/193846792.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1938/193846/193846789.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1938/193846/193846786.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1938/193846/193846795.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1137/113700/113700365.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1137/113700/113700380.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/586/58628/58628467.JPEG" data-image-gallery="galleryhotel-lindbergh" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lindbergh" > </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.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (2235)</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="1755177">Hotel Lindbergh</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">2825 Boulevard Laurier</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Lindbergh is a pet-friendly accommodation that provides comfort and accessibility for guests traveling with animals. This modern hotel offers a range of spacious rooms that are perfect for both guests and their furry companions. The hotel features nearby parks where owners can take their pets for walks and playtime while enjoying the surroundings. Guests can also take advantage of convenient amenities like free parking and breakfast, ensuring comfort during their stay. With its welcoming staff and pet-friendly policy, Hotel Lindbergh is an excellent choice for travelers who want to bring their pets along for the adventure. Your furry friend will feel right at home at this accommodating 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">87US$</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="1755177" > <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="hotel-le-concorde-quebec" data-id="1254343" data-lat="46.805248" data-lng="-71.217377"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7379/737963/737963020.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7379/737963/737963020.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13777/1377757/1377757517.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13777/1377757/1377757526.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13780/1378081/1378081244.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13780/1378086/1378086995.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382470/1382470151.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382435/1382435786.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11386/1138669/1138669774.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11386/1138669/1138669012.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11386/1138670/1138670338.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11386/1138670/1138670923.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13777/1377762/1377762776.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9336/933692/933692284.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377309/1377309797.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2598/259820/259820973.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971211.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1774/177455/177455229.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1774/177455/177455217.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377308/1377308873.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4637/463730/463730868.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3939/393901/393901140.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7379/737961/737961460.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6447/644715/644715687.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1778/177815/177815445.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7379/737961/737961559.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1778/177815/177815304.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13780/1378068/1378068362.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2509/250924/250924353.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2328/232884/232884748.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1765/176550/176550075.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1765/176550/176550060.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2598/259847/259847705.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1746/174669/174669360.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1765/176550/176550069.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7379/737961/737961022.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13780/1378080/1378080602.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4636/463698/463698771.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1774/177455/177455187.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2598/259847/259847665.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1284/128459/128459358.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2318/231863/231863914.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2328/232884/232884739.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14400/1440023/1440023338.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14400/1440023/1440023884.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1778/177815/177815409.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2539/253932/253932973.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1778/177815/177815367.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11383/1138357/1138357675.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1778/177815/177815379.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3157/315785/315785785.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8324/832480/832480703.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971202.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971184.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971247.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14400/1440023/1440023668.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971313.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11386/1138662/1138662058.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971268.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971232.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971160.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7379/737963/737963029.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971328.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212917/1212917635.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212916/1212916165.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212916/1212916489.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212917/1212917518.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212916/1212916291.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212916/1212916606.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212917/1212917254.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13780/1378086/1378086332.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212916/1212916408.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212917/1212917479.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2598/259847/259847661.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1778/177815/177815400.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1784/178460/178460655.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971292.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2598/259847/259847645.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2598/259847/259847697.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971280.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7379/737961/737961826.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14400/1440024/1440024106.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11386/1138663/1138663906.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2509/250924/250924357.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11386/1138661/1138661902.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971256.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212917/1212917041.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2598/259847/259847617.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14400/1440024/1440024874.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14400/1440026/1440026425.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14400/1440026/1440026152.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938626/938626855.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1778/177815/177815493.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1779/177971/177971319.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1774/177455/177455205.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12129/1212918/1212918811.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14400/1440025/1440025504.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9616/961641/961641658.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913795/913795927.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9137/913796/913796095.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7149/714966/714966676.JPEG" data-image-gallery="galleryhotel-le-concorde-quebec" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-le-concorde-quebec" > </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.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (7340)</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="1063230">Hotel Le Concorde Quebec</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1225 Cours Du General De Montcalm</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Another gem among luxury Quebec City hotels is Hotel Le Concorde Quebec, known for its remarkable panoramic views and gourmet dining. This chic hotel features beautifully appointed rooms that provide comfort and elegance, augmented by modern amenities to enhance your stay. Guests can enjoy the remarkable rooftop terrace that overlooks Old Quebec and the iconic Plains of Abraham. The hotel offers an excellent dining experience with exquisite local dishes served in their restaurant, ensuring that your culinary journey is as memorable as your accommodations. Situated conveniently near key attractions, guests can easily explore the vibrant culture of Quebec City. Coupled with personalized service, Hotel Le Concorde promises a luxurious and convenient 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">88US$</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="1063230" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="family-friendly-quebec-city-hotels">Family-Friendly Quebec City Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling with family can be a delightful experience, especially when you find accommodations tailored for families that enhance your visit. Family-friendly Quebec City hotels provide spacious rooms, convenient amenities, and activities for all ages, ensuring that everyone has a wonderful stay. These hotels often offer easy access to local attractions that are ideal for children and adults alike. From on-site dining options to pools and play areas, these accommodations prioritize comfort and accessibility for families. Here are some fantastic family-friendly hotels that cater to your needs while allowing for exploration and enjoyment in Quebec City.</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="hotel-suites-le-dauphin-quebec" data-id="1254353" data-lat="46.828487" data-lng="-71.28278"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6662/666238/666238041.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6662/666238/666238041.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15804/1580496/1580496243.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538184/1538184097.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15504/1550418/1550418211.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15504/1550418/1550418217.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15504/1550418/1550418220.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551126/1551126169.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551126/1551126220.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15504/1550418/1550418214.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022392/1022392084.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13107/1310788/1310788807.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022392/1022392072.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538184/1538184088.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551126/1551126244.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538184/1538184106.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15381/1538184/1538184115.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6662/666234/666234207.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551126/1551126145.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6662/666234/666234528.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022392/1022392249.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022392/1022392354.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13088/1308875/1308875830.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2651/265169/265169789.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15504/1550418/1550418226.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1096/109645/109645905.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1096/109645/109645908.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15504/1550418/1550418208.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1096/109645/109645872.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1096/109645/109645857.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1096/109645/109645878.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15504/1550418/1550418223.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2651/265170/265170189.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15505/1550570/1550570386.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022392/1022392261.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692074/692074161.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6124/612484/612484295.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505143/505143582.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505143/505143519.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505143/505143507.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1096/109645/109645887.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2651/265168/265168405.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6124/612484/612484310.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/795/79562/79562091.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692075/692075022.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505143/505143504.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8306/830690/830690756.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5608/560885/560885871.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2902/290244/290244612.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5608/560886/560886288.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5608/560886/560886546.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692075/692075943.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692076/692076114.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5608/560886/560886171.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5608/560886/560886039.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692076/692076717.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5608/560886/560886561.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5608/560886/560886015.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5608/560886/560886072.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1921/192172/192172081.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692077/692077230.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1921/192172/192172108.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1921/192172/192172075.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1921/192172/192172105.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692075/692075994.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692076/692076171.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8304/830443/830443187.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8304/830446/830446340.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8317/831706/831706763.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022392/1022392057.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551125/1551125896.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692075/692075424.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692076/692076051.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2902/290244/290244508.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2902/290244/290244512.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13107/1310788/1310788348.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2902/290244/290244504.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2902/290244/290244608.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1921/192172/192172087.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4531/453109/453109947.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4531/453110/453110037.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2902/290244/290244624.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2902/290244/290244620.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8395/839599/839599751.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1921/192172/192172117.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15505/1550570/1550570182.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2902/290244/290244548.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1467/146792/146792600.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15511/1551126/1551126250.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2651/265170/265170417.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8308/830847/830847998.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10223/1022392/1022392339.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2651/265170/265170929.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8304/830443/830443547.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692076/692076618.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692076/692076324.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4531/453109/453109953.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692076/692076540.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1921/192172/192172099.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6920/692076/692076231.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/614/61422/61422304.JPEG" data-image-gallery="galleryhotel-suites-le-dauphin-quebec" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-suites-le-dauphin-quebec" > </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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (2191)</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="276131">Hotel & Suites Le Dauphin Quebec</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">400 Rue Marais</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Last but not least, Hotel & Suites Le Dauphin Quebec is a wonderful choice for pet owners looking for an accommodating stay while experiencing the charm of Quebec City. This hotel prides itself on being pet-friendly, offering guests the option to bring their pets along for their stay. The spacious rooms provide ample space for both guests and their furry companions, ensuring comfort for all. The hotel’s location makes it easy to explore local parks and green spaces, allowing for plenty of outdoor time. Plus, complimentary breakfast and free high-speed Wi-Fi add to the convenience and ease of your stay. Boutique-style with a modern twist, Hotel & Suites Le Dauphin Quebec ensures both you and your pet will have a delightful 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">78US$</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="276131" > <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="hotel-citadelle" data-id="1254362" data-lat="46.80497" data-lng="-71.32643"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917476/917476825.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/9174/917476/917476825.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15804/1580484/1580484805.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917469/917469577.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9171/917111/917111614.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917476/917476954.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2173/217345/217345211.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/342/34247/34247593.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/342/34247/34247602.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/103/10380/10380043.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/103/10380/10380142.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/389/38980/38980672.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/372/37269/37269946.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649585.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/389/38980/38980723.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917470/917470297.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505143/505143057.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505143/505143063.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917470/917470753.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/389/38980/38980477.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650113.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650326.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698648/698648817.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698648/698648847.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698648/698648940.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649678.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649717.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649756.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649804.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649984.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650071.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650158.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650203.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650242.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650281.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650362.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/342/34247/34247743.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650566.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698648/698648775.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650035.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649297.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649366.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649480.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650464.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917470/917470750.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2929/292985/292985052.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9174/917469/917469757.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/375/37592/37592941.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/389/38980/38980432.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649102.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650416.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698650/698650593.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649204.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698649/698649153.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2606/260694/260694381.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2606/260694/260694389.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2606/260694/260694393.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2606/260694/260694397.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2606/260694/260694401.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2606/260694/260694405.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2606/260694/260694441.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2929/292984/292984980.JPEG" data-image-gallery="galleryhotel-citadelle" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-citadelle" > </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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (1134)</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="267246">Hotel Citadelle</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">4800 Boulevard Wilfrid-Hamel</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> You can discover great value without compromising on comfort at Hotel Citadelle, another notable option among budget Quebec City hotels. This hotel provides comfortable rooms at reasonable rates, ensuring an affordable stay for all travelers. The hotel's location near key attractions allows guests to explore local history and culture without the need for transportation. Guests can enjoy a complimentary breakfast and are also within walking distance of several eateries and cafes to suit various tastes. The friendly staff provides excellent service, making you feel at home during your trip. For travelers looking to experience the charm of Quebec City offers a great balance of quality and affordability. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">59US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="267246" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="budget-quebec-city-hotels">Budget Quebec City Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling on a budget doesn’t mean compromising on quality, and Quebec City has plenty of options that cater to the budget-conscious traveler. Budget Quebec City hotels provide comfortable accommodations without breaking the bank, ensuring you can enjoy your vacation while saving money. Many of these hotels offer essential services, convenient locations, and friendly staff ready to assist you during your stay. With careful planning, visitors can experience the beauty and charm of Quebec City without overspending. Here, we present some top budget-friendly hotels that offer value and comfort for your travels.</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="auberge-du-tresor" data-id="1254367" data-lat="46.81301" data-lng="-71.20603"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/566/56682/56682625.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/566/56682/56682625.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14990/1499023/1499023150.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7187/718769/718769236.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7187/718768/718768588.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7187/718772/718772182.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6318/631893/631893636.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4251/425163/425163327.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3790/379044/379044919.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7187/718769/718769272.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3790/379042/379042729.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4251/425164/425164386.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/566/56682/56682730.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/566/56682/56682394.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4251/425163/425163288.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3790/379043/379043524.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3790/379043/379043512.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4251/425163/425163912.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179547.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179583.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179706.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179736.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180549.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700181/700181248.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179922.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700181/700181122.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179964.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700181/700181161.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179160.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180588.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180846.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179478.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180510.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180009.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700181/700181080.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700181/700181035.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700181/700181203.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179403.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180699.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180756.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180882.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180969.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179088.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179193.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179253.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179781.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/572/57250/57250417.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179625.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4251/425164/425164365.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4251/425164/425164155.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179655.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180642.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179325.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700179/700179850.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/566/56664/56664754.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/566/56681/56681230.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180051.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/566/56682/56682022.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180102.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180333.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180402.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4251/425164/425164434.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180474.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7001/700180/700180258.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5673/567390/567390594.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5673/567390/567390606.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2128/212829/212829563.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2128/212829/212829515.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2128/212829/212829530.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2128/212829/212829542.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2128/212829/212829548.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2128/212829/212829536.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2128/212829/212829554.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2128/212829/212829569.JPEG" data-image-gallery="galleryauberge-du-tresor" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="auberge-du-tresor" > </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> (1755)</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="394023">Auberge Du Tresor</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">20 Rue Sainte-Anne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Auberge Du Tresor is another charming option among the boutique Quebec City hotels. Nestled in the lively heart of Old Quebec, this quaint inn provides a cozy and inviting atmosphere for guests seeking a unique stay. The rooms are tastefully decorated, reflecting the city's rich history and culture while offering the comforts of home. Many rooms feature breathtaking views of the historic architecture, including the iconic Château Frontenac. Guests can enjoy a delicious breakfast made from local ingredients, perfect for fueling a day of exploration. With its friendly atmosphere and personalized service, Auberge Du Tresor is an ideal choice for those wanting to experience the enchantment of Quebec City. </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">86US$</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="394023" > <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="quality-inn" data-id="1254372" data-lat="46.805976" data-lng="-71.314734"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843693.JPEG" data-image-gallery="galleryquality-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12858/1285843/1285843693.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14680/1468009/1468009343.JPEG" data-image-gallery="galleryquality-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13418/1341841/1341841697.JPEG" data-image-gallery="galleryquality-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11117/1111799/1111799019.JPEG" data-image-gallery="galleryquality-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11144/1114423/1114423074.JPEG" data-image-gallery="galleryquality-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589200/1589200047.JPEG" data-image-gallery="galleryquality-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589200/1589200029.JPEG" data-image-gallery="galleryquality-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285838/1285838848.JPEG" data-image-gallery="galleryquality-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285839/1285839112.JPEG" data-image-gallery="galleryquality-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285839/1285839205.JPEG" data-image-gallery="galleryquality-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285839/1285839679.JPEG" data-image-gallery="galleryquality-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285840/1285840150.JPEG" data-image-gallery="galleryquality-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285840/1285840201.JPEG" data-image-gallery="galleryquality-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841314.JPEG" data-image-gallery="galleryquality-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841416.JPEG" data-image-gallery="galleryquality-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842418.JPEG" data-image-gallery="galleryquality-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843351.JPEG" data-image-gallery="galleryquality-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844500.JPEG" data-image-gallery="galleryquality-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844650.JPEG" data-image-gallery="galleryquality-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285845/1285845493.JPEG" data-image-gallery="galleryquality-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844767.JPEG" data-image-gallery="galleryquality-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285846/1285846825.JPEG" data-image-gallery="galleryquality-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11218/1121820/1121820912.JPEG" data-image-gallery="galleryquality-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842643.JPEG" data-image-gallery="galleryquality-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841185.JPEG" data-image-gallery="galleryquality-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841608.JPEG" data-image-gallery="galleryquality-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842061.JPEG" data-image-gallery="galleryquality-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842142.JPEG" data-image-gallery="galleryquality-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842187.JPEG" data-image-gallery="galleryquality-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842259.JPEG" data-image-gallery="galleryquality-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842487.JPEG" data-image-gallery="galleryquality-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842760.JPEG" data-image-gallery="galleryquality-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842955.JPEG" data-image-gallery="galleryquality-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843009.JPEG" data-image-gallery="galleryquality-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843141.JPEG" data-image-gallery="galleryquality-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843456.JPEG" data-image-gallery="galleryquality-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843582.JPEG" data-image-gallery="galleryquality-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843885.JPEG" data-image-gallery="galleryquality-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844023.JPEG" data-image-gallery="galleryquality-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844710.JPEG" data-image-gallery="galleryquality-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285845/1285845040.JPEG" data-image-gallery="galleryquality-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285845/1285845190.JPEG" data-image-gallery="galleryquality-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841851.JPEG" data-image-gallery="galleryquality-inn" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844170.JPEG" data-image-gallery="galleryquality-inn" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285845/1285845328.JPEG" data-image-gallery="galleryquality-inn" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11969/1196980/1196980183.JPEG" data-image-gallery="galleryquality-inn" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844413.JPEG" data-image-gallery="galleryquality-inn" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11769/1176948/1176948637.JPEG" data-image-gallery="galleryquality-inn" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285840/1285840939.JPEG" data-image-gallery="galleryquality-inn" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841254.JPEG" data-image-gallery="galleryquality-inn" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843246.JPEG" data-image-gallery="galleryquality-inn" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11190/1119059/1119059250.JPEG" data-image-gallery="galleryquality-inn" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841671.JPEG" data-image-gallery="galleryquality-inn" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842811.JPEG" data-image-gallery="galleryquality-inn" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843531.JPEG" data-image-gallery="galleryquality-inn" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285839/1285839952.JPEG" data-image-gallery="galleryquality-inn" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285845/1285845385.JPEG" data-image-gallery="galleryquality-inn" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285845/1285845439.JPEG" data-image-gallery="galleryquality-inn" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841947.JPEG" data-image-gallery="galleryquality-inn" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844578.JPEG" data-image-gallery="galleryquality-inn" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285839/1285839361.JPEG" data-image-gallery="galleryquality-inn" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841146.JPEG" data-image-gallery="galleryquality-inn" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841722.JPEG" data-image-gallery="galleryquality-inn" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285842/1285842904.JPEG" data-image-gallery="galleryquality-inn" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844911.JPEG" data-image-gallery="galleryquality-inn" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14748/1474882/1474882960.JPEG" data-image-gallery="galleryquality-inn" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14680/1468003/1468003814.JPEG" data-image-gallery="galleryquality-inn" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843069.JPEG" data-image-gallery="galleryquality-inn" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843306.JPEG" data-image-gallery="galleryquality-inn" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843762.JPEG" data-image-gallery="galleryquality-inn" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1561/156172/156172292.JPEG" data-image-gallery="galleryquality-inn" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1561/156172/156172298.JPEG" data-image-gallery="galleryquality-inn" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1561/156172/156172319.JPEG" data-image-gallery="galleryquality-inn" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1561/156172/156172343.JPEG" data-image-gallery="galleryquality-inn" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1561/156172/156172358.JPEG" data-image-gallery="galleryquality-inn" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1561/156172/156172346.JPEG" data-image-gallery="galleryquality-inn" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285840/1285840408.JPEG" data-image-gallery="galleryquality-inn" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841908.JPEG" data-image-gallery="galleryquality-inn" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841779.JPEG" data-image-gallery="galleryquality-inn" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285845/1285845268.JPEG" data-image-gallery="galleryquality-inn" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700269/700269856.JPEG" data-image-gallery="galleryquality-inn" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700270/700270123.JPEG" data-image-gallery="galleryquality-inn" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285843/1285843633.JPEG" data-image-gallery="galleryquality-inn" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285844/1285844344.JPEG" data-image-gallery="galleryquality-inn" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700269/700269946.JPEG" data-image-gallery="galleryquality-inn" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700270/700270204.JPEG" data-image-gallery="galleryquality-inn" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700270/700270243.JPEG" data-image-gallery="galleryquality-inn" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700270/700270288.JPEG" data-image-gallery="galleryquality-inn" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700270/700270327.JPEG" data-image-gallery="galleryquality-inn" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700270/700270471.JPEG" data-image-gallery="galleryquality-inn" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13418/1341841/1341841700.JPEG" data-image-gallery="galleryquality-inn" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14748/1474883/1474883059.JPEG" data-image-gallery="galleryquality-inn" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12858/1285841/1285841473.JPEG" data-image-gallery="galleryquality-inn" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9381/938164/938164810.JPEG" data-image-gallery="galleryquality-inn" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8405/840594/840594176.JPEG" data-image-gallery="galleryquality-inn" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8405/840594/840594215.JPEG" data-image-gallery="galleryquality-inn" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700271/700271026.JPEG" data-image-gallery="galleryquality-inn" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7002/700270/700270597.JPEG" data-image-gallery="galleryquality-inn" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1984/198462/198462094.JPEG" data-image-gallery="galleryquality-inn" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/730/73030/73030298.JPEG" data-image-gallery="galleryquality-inn" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="quality-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> (3073)</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="260321">Quality 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">3825 Boulevard Wilfrid-Hamel</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Quality Inn is another excellent option when it comes to family-friendly Quebec City hotels. This hotel offers spacious rooms and family suites, accommodating small and larger families comfortably. Kids will enjoy the indoor swimming pool after a day of discovery while parents can relax knowing that breakfast is complimentary and features a variety of options to satisfy everyone's tastes. Located conveniently near attractions like the Parc de la Chute-Montmorency, families can enjoy fun-filled outings without straying far from the hotel. The welcoming and friendly staff ensure your family feels right at home during your stay. Quality Inn combines comfort, convenience, and affordability, making it a great choice for family travels. </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">47US$</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="260321" > <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="romantic-quebec-city-hotels">Romantic Quebec City Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Quebec City is the perfect destination for couples seeking a romantic getaway, and there are several hotels that truly enhance this experience. Romantic Quebec City hotels offer cozy and intimate settings, complete with stunning views, fine dining, and added luxuries that ensure a memorable escape. Many of these hotels are situated in picturesque locations that inspire romance, making them ideal for honeymooners or those celebrating anniversaries. From charming boutique hotels to luxurious stays with intimate dining options, couples are sure to find the right ambiance to ignite their passion. Here are some highly recommended romantic hotels that embody the allure of Quebec City.</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="hotel-manoir-dauteuil" data-id="1254377" data-lat="46.811375" data-lng="-71.211592"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1197/119733/119733537.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/1197/119733/119733537.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588072/1588072641.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15420/1542033/1542033052.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15420/1542033/1542033382.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14989/1498935/1498935937.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14989/1498935/1498935892.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14989/1498935/1498935844.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15416/1541638/1541638924.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15420/1542033/1542033079.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14126/1412639/1412639675.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14132/1413248/1413248606.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414494/1414494080.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414478/1414478400.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13656/1365659/1365659045.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12729/1272984/1272984913.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12729/1272953/1272953590.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15382/1538210/1538210749.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15382/1538210/1538210743.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15382/1538210/1538210824.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10238/1023873/1023873577.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10185/1018580/1018580779.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10185/1018577/1018577368.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10140/1014040/1014040228.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10140/1014040/1014040243.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9912/991295/991295914.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414488/1414488398.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9912/991294/991294366.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9912/991295/991295869.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9898/989890/989890618.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14145/1414509/1414509725.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9900/990003/990003745.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9835/983589/983589835.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382495/1382495144.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9675/967511/967511020.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9675/967511/967511035.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9675/967511/967511494.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9698/969810/969810397.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14132/1413265/1413265319.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414478/1414478568.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9898/989890/989890684.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4176/417673/417673377.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414488/1414488371.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9912/991294/991294348.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14132/1413255/1413255038.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414478/1414478514.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4558/455812/455812185.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9900/990003/990003340.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414494/1414494335.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14145/1414503/1414503434.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13706/1370684/1370684867.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13648/1364877/1364877353.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13656/1365669/1365669431.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414488/1414488725.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13702/1370288/1370288588.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13656/1365666/1365666734.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14145/1414503/1414503524.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414478/1414478418.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9698/969808/969808552.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832365/832365047.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832366/832366727.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832365/832365200.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832365/832365953.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414494/1414494383.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14145/1414510/1414510004.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13706/1370684/1370684879.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9690/969029/969029836.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1772/177238/177238785.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1772/177238/177238821.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9693/969307/969307018.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683354/683354064.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9898/989890/989890930.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683354/683354223.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683354/683354274.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683353/683353140.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683353/683353299.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683354/683354493.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683354/683354598.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683354/683354649.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683353/683353329.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683354/683354979.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9835/983591/983591344.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414478/1414478536.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683355/683355018.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9898/989835/989835001.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382488/1382488709.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683354/683354421.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414479/1414479011.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9900/990003/990003211.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14132/1413267/1413267359.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683355/683355141.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14145/1414510/1414510550.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15420/1542033/1542033046.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13656/1365660/1365660941.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14145/1414503/1414503176.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6833/683354/683354895.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10171/1017120/1017120538.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13656/1365669/1365669053.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13612/1361207/1361207846.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13656/1365661/1365661184.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1968/196842/196842718.JPEG" data-image-gallery="galleryhotel-manoir-dauteuil" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-manoir-dauteuil" > </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> (663)</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="189584">Hotel Manoir D'Auteuil</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">49 Rue D Auteuil</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Manoir D'Auteuil is a romantic gem among Quebec City hotels, boasting a perfect blend of historic charm and contemporary comfort. Located just steps from the Old City, this boutique hotel features elegantly decorated rooms, some with cozy fireplaces and plush bedding that create a romantic atmosphere. Guests can begin their day with a complimentary breakfast enjoyed in a beautiful, intimate dining room. The hotel's serene courtyard is a lovely spot to unwind after a day of exploring together. With its proximity to historic landmarks, couples can embark on romantic strolls through Old Quebec's enchanting streets. For an unforgettable romance-filled experience, Hotel Manoir D'Auteuil is an exceptional choice. </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="189584" > <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="best-western-plus-city-centre-centre-ville" data-id="1254384" data-lat="46.81478415057" data-lng="-71.225683384868"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680707/680707464.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6807/680707/680707464.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014585.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014578.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014544.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014587.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014533.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014535.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014541.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014557.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014558.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014562.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014563.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014550.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014553.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014554.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014560.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014568.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014569.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014571.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014572.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014573.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014579.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014583.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541042/1541042686.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014574.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108439.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108471.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108519.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108547.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108558.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108560.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108503.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108515.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541009/1541009929.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541042/1541042689.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541042/1541042650.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541009/1541009911.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277367/1277367835.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014534.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014584.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541042/1541042788.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277366/1277366572.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368804.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794991.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794778.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794817.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794880.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794904.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794907.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498762/1498762636.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498762/1498762855.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794856.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368462.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368714.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277366/1277366071.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014542.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13107/1310798/1310798779.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13108/1310807/1310807098.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368339.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368843.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014545.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541042/1541042629.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108484.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498762/1498762852.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498795/1498795018.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368054.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794847.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794895.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014567.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498762/1498762849.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397927.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498794/1498794790.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277366/1277366017.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368426.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014543.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277367/1277367745.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277366/1277366386.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277366/1277366710.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277367/1277367673.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277367/1277367919.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368492.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368633.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277367/1277367997.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541042/1541042785.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014564.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368144.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277367/1277367772.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277367/1277367808.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7852/785290/785290191.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108478.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622014/1622014538.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7852/785287/785287650.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7852/785292/785292711.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277368/1277368300.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541042/1541042761.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13107/1310792/1310792389.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108534.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15861/1586108/1586108570.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277367/1277367697.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10146/1014685/1014685546.JPEG" data-image-gallery="gallerybest-western-plus-city-centre-centre-ville" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-city-centre-centre-ville" > </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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (4269)</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="76341">Best Western Plus City Centre Centre-Ville</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">330 De La Couronne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Best Western Plus City Centre Centre-Ville is another excellent option among pet-friendly Quebec City hotels. This modern hotel offers comfortable accommodations with various room options suitable for couples and families alike. Pet owners will appreciate the welcoming environment and nearby dog parks that allow for leisurely walks. Located centrally, this hotel provides easy access to numerous attractions, making it ideal for pet owners who want to explore the city with their furry friends. The attentive staff will ensure your stay is enjoyable, catering to both you and your pet's needs. Best Western Plus City Centre Centre-Ville guarantees that your stay is pleasant and pet-friendly. </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">116US$</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="76341" > <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="unique-quebec-city-hotels">Unique Quebec City Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For travelers seeking accommodations that stand out from the ordinary, unique Quebec City hotels offer an unforgettable experience. These hotels often feature distinctive architecture, themed decor, or special amenities, making your stay truly memorable. Whether it’s a historic property with a storied past or a modern design marvel, these hotels provide a flavorful taste of what makes Quebec City special. Here are some uniquely charming hotels that capture the essence of Quebec City while offering something a little different for visitors.</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="fairmont-le-chateau-frontenac" data-id="1254395" data-lat="46.811853" data-lng="-71.205401"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7061/706122/706122469.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7061/706122/706122469.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622021/1622021513.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652692.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652697.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652678.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652680.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652681.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652682.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652683.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652684.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652685.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652686.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652693.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652695.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652699.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652716.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652720.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652722.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652724.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652728.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066776.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066784.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066799.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066801.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066802.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066822.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066831.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066832.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066835.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066837.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066858.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066861.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066867.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066869.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066870.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066873.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066874.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066877.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066885.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066891.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066895.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066897.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066899.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066912.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066863.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066884.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066902.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605373/1605373903.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605373/1605373905.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605373/1605373906.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605373/1605373907.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605373/1605373908.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605373/1605373909.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605373/1605373911.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605373/1605373912.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605373/1605373915.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292756.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292757.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292758.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292760.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292762.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292767.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292769.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292770.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292775.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292777.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292778.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292785.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292786.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15875/1587500/1587500096.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580158/1580158103.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580158/1580158110.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580158/1580158114.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580158/1580158118.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580158/1580158122.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580158/1580158134.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622869/1622869689.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622869/1622869680.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622869/1622869685.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622869/1622869690.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498872/1498872739.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15167/1516794/1516794376.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652710.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652727.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066889.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16110/1611066/1611066881.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292759.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292763.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292764.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16082/1608292/1608292780.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15875/1587500/1587500105.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580158/1580158119.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1092/109241/109241010.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652679.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652698.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652701.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652709.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652715.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16156/1615652/1615652721.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15875/1587500/1587500098.JPEG" data-image-gallery="galleryfairmont-le-chateau-frontenac" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="fairmont-le-chateau-frontenac" > </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> (2835)</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="185408">Fairmont Le Château Frontenac</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1 Rue Des Carrieres</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> No list of luxury Quebec City hotels would be complete without mentioning the iconic Fairmont Le Château Frontenac. This historic castle-like hotel is perched atop a hill, providing stunning views of the St Lawrence River and the city. With its elegant architecture, opulent decor, and world-class dining options, guests are enveloped in a regal experience that reflects the city's rich heritage. The hotel also features a range of amenities, including a luxurious spa, indoor pool, and well-appointed rooms that combine modern comfort with classic elegance. As a central hub for travelers, it allows for easy access to the charming streets of Old Quebec. Staying at the Fairmont Le Château Frontenac is not just a stay; it’s an experience steeped in history and grandeur. </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">162US$</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="185408" > <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="hotel-chateau-laurier-quebec" data-id="1254405" data-lat="46.80653" data-lng="-71.215"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12653/1265350/1265350279.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12653/1265350/1265350279.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607659/1607659010.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607659/1607659012.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560878.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560896.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560897.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560908.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560910.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560884.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560882.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560894.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10210/1021016/1021016578.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10210/1021017/1021017643.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10210/1021019/1021019224.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10211/1021104/1021104853.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10211/1021105/1021105075.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10211/1021114/1021114282.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10211/1021115/1021115047.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10211/1021115/1021115182.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8441/844134/844134872.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13255/1325590/1325590225.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10211/1021114/1021114177.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10211/1021115/1021115287.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10210/1021026/1021026160.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10210/1021016/1021016347.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10210/1021015/1021015603.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437126/1437126745.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437127/1437127186.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437127/1437127522.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1762/176285/176285511.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4183/418386/418386861.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1762/176285/176285664.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10210/1021014/1021014448.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355282.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355369.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355489.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355708.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355747.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10758/1075822/1075822141.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560913.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355642.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277531/1277531026.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277531/1277531053.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277531/1277531095.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355318.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277530/1277530975.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437127/1437127243.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355585.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277531/1277531083.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437129/1437129013.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11073/1107359/1107359388.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11073/1107359/1107359631.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1762/176285/176285541.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560881.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355816.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277530/1277530945.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228357/1228357001.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560903.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12404/1240469/1240469755.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560904.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12404/1240469/1240469737.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12404/1240469/1240469743.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9720/972081/972081301.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9720/972081/972081355.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9720/972081/972081442.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9720/972081/972081517.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9720/972081/972081658.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8429/842949/842949893.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8429/842950/842950190.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8429/842950/842950253.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10210/1021014/1021014034.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10211/1021105/1021105822.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277530/1277530816.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437132/1437132124.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228356/1228356620.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5767/576710/576710169.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12404/1240469/1240469758.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437127/1437127978.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8429/842949/842949821.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10210/1021016/1021016686.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12283/1228355/1228355888.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12653/1265350/1265350333.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9869/986977/986977216.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832353/832353104.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9869/986977/986977222.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560899.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832354/832354052.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12653/1265350/1265350300.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12653/1265350/1265350321.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12653/1265350/1265350315.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12404/1240469/1240469734.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12404/1240469/1240469749.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12404/1240469/1240469740.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600560/1600560892.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8429/842950/842950121.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14371/1437126/1437126184.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12653/1265350/1265350324.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5051/505149/505149168.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8420/842029/842029967.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12404/1240469/1240469746.JPEG" data-image-gallery="galleryhotel-chateau-laurier-quebec" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-chateau-laurier-quebec" > </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.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1619)</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="76377">Hotel Château Laurier Quebec</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1220, Place George-V Ouest</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hotel Château Laurier is yet another luxurious option that ranks among the best Quebec City hotels. This stunning hotel blends classic elegance with modern sophistication, featuring an array of stylish and spacious rooms. Located just steps from the Old Quebec, it provides easy access to museums, shops, and restaurants, immersing guests in the local culture. The hotel’s amenities, including an outdoor heated pool and a fully equipped fitness center, ensure a relaxing stay. Guests can also indulge in exquisite dining in its acclaimed restaurant, which emphasizes local cuisine. Hotel Château Laurier encapsulates everything the discerning traveler seeks, making it an outstanding choice for 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">111US$</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="76377" > <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/whitehorse-hotels-yukon">Whitehorse</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/mississauga-hotels-ontario">Mississauga</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/saskatoon-hotels-saskatchewan">Saskatoon</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/calgary-hotels-alberta">Calgary</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/brampton-hotels">Brampton</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/windsor-hotels">Windsor</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/duncan-hotels-british-columbia">Duncan</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/woodstock-hotels-ontario">Woodstock</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/whitby-hotels-ontario">Whitby</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/lethbridge-hotels">Lethbridge</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/ottawa-hotels-ontario">Ottawa</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/kitchener-hotels-ontario">Kitchener</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/interlaken-hotels">Interlaken</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/chiang-mai-hotels">Chiang Mai</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/bridgeport-hotels">Bridgeport</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/midland-hotels-tx">Midland</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/pittsburgh-hotels">Pittsburgh</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carmel-hotels-in">Carmel</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/grand-island-hotels-ne">Grand Island</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/conway-hotels-ar">Conway</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carlsbad-hotels-nm">Carlsbad</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/st-moritz-hotels">St. Moritz</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/jackson-hotels">Jackson</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/temple-hotels">Temple</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels near Landmark</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/quebec-city-hotels-near-quebec-city-convention-center">Quebec City Convention center</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/quebec-city-hotels-near-basilique-cathedrale-notre-dame-de-quebec">Basilique Cathedrale Notre Dame de Quebec</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/quebec-city-hotels-near-basilique-cathedrale-notre-dame">Basilique Cathedrale Notre-Dame</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/quebec-city-hotels-near-fairmont-le-chateau-frontenac">Fairmont Le Chateau Frontenac</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/quebec-city-hotels-near-fairmont-le-chateau-frontenac-quebec">Fairmont Le Chateau Frontenac</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/quebec-city-hotels-old-quebec">Old Quebec</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/quebec-city-hotels-beauport">Beauport</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/quebec-city-hotels-beauport-quebec">Beauport</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 Quebec City</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/popular-destinations/">Popular Сities</a> <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 Quebec City</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/quebec-city-bed-and-breakfast-quebec">bed and breakfast quebec city</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-motels-quebec">motel quebec city</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-hotels-quebec">quebec city hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-bed-and-breakfast">bed and breakfast in quebec city</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-motels">motels in quebec</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-family-hotels">hotels in quebec city for families</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-cheap-hotels">cheap hotel in quebec</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-pet-friendly-hotels">pet friendly hotel quebec city</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-romantic-hotels-quebec">romantic hotels in quebec city</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-hotels-with-pool">quebec city hotels with pool</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-5-star-hotels-quebec">5 star hotels in quebec city</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-spa-hotels">quebec spa hotel</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-hotels-near-yqb">hotels near quebec city airport</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-boutique-hotels-quebec">quebec city boutique hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/quebec-city-central-hotels">hotels in quebec city downtown</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":"ge1cQlXFXOZN7Ibv"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-571851","dest_name":"Quebec City","city_id":30579,"pid":691742,"page":"post","bid":"-571851"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1--K_dQ_kW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.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--K_dQ_kW.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

Best Hotels in Quebec City, Canada from 47US$/night